body,html,p{
margin: 0 auto;
}
/*#facd50*/
body{font-family: 'Microsoft Yahei';color: #555;min-width: 1200px;}
html{
min-width: 1200px;
}
ul,ol,dl,dt,dd{margin: 0;padding: 0}
ul{list-style: none;}
table{font-size: 12px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{vertical-align: middle;padding: 10px;border-top-color: #eee;}
a{color: #666;text-decoration: none;}
a:hover{color: #f8c31f; -webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all 5s;
transition: all .5s;}
a:focus{outline: 0;text-decoration: none;}
.yellow{
color: #f1751d
}
.w1200{width: 1200px; margin: 0 auto; }
.btn{
padding: 5px 8px; border: 1px solid #f1751d;
color: #f1751d;
}
.btn:hover{
color: #fff;animation: blink 1s linear infinite;
background: #f1751d;
}
.fl{
float: left;
}
.fr{
float: right;
}
.clear{
clear: both;
}
.txt_center{
text-align: center;
}
.text_right{text-align: right}
.footer_bj{
background: #29282e;color: #fff;
}
.footer{
/*padding: 60px; */line-height: 40px; padding-top: 60px; padding-bottom: 60px;
}
.footer a{
color: #fff;
}
.head_box{
height: 110px; padding-top: 40px; width: 100%; position: fixed; background: #fff; z-index: 999;
}
.head_box .logo{
width: 280px; height: 80px;display: inline-block; margin-right: 130px;
background: url(../png/logo.png) no-repeat;
}
.head_box .logo h1{
position: absolute;top: -1000px;
}
.head_box .nav{
display: inline-block;
}
.head_box .nav ul.son{
display: none;
position: absolute; z-index: 9999; background: #fff; width: 100px;
}
.head_box .nav ul.son li{
padding: 0; text-align: center; height: 50px; line-height:50px; margin: 0; float: left;
}
.head_box .nav ul.son li a{
padding: 0;text-align: center;width: 100px; margin: 0;display: block;
}
.head_box .nav li{
line-height: 78px; height:78px;
display: inline-block; position: relative;
}
.head_box .nav li:hover ul.son{
display: block;-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all 5s;
transition: all .5s;
}
.head_box .nav li a{
display: block; font-size: 18px; padding-left: 10px; padding-right: 10px; margin-right: 20px;
border-bottom: 2px solid #fff;
}
.head_box .nav li a:hover,.head_box .nav li a.hover{
border-bottom: 2px solid #f8c31f;
color: #f8c31f; -webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all 5s;
transition: all .5s;
}
.head_box .tel{line-height: 80px; font-size: 18px;color: #ff6300; }
.banner{
padding-top: 150px;
}
.banner a{
display: block;
background: url(../jpg/banner.jpg) no-repeat 50% 50%; height: 680px;
}
.index_about{
background:url(../jpg/bj_about.jpg) no-repeat 50% #ccc; background-size: cover;
}
.index_about .w1200{
padding: 20px;
}
.index_about .about_box{
line-height: 26px;
width: 750px;padding: 10px;
}
.index_about .about_box p{
text-indent: 2em; margin-bottom: 30px;
}
.index_about .about_box p.text_right{
padding-right: 12px;
}
.index_about .about_box p.text_right a{
margin-right: 10px; padding: 3px 10px;
}
.index_about .left_info{
padding-left: 60px; padding-top: 30px; padding-bottom: 30px;
width:250px; padding-right: 60px; margin-right: 60px; background: #fff;
background: url(../jpg/index_left_info.jpg) no-repeat 50% 50% #fff;
}
.index_about .left_info .item{
width: 50%;overflow: hidden;
}
.index_about .left_info .item .num{
font-size: 24px; font-weight: bold; line-height: 60px; margin-top: 20px;
}
.index_about .left_info .item .txt{
line-height: 40px;
}
.index_about .left_info .item:nth-child(2n){
}
.bj_txt{
font-size: 32px;
font-family: "Microsoft YaHei";
color: rgb(228, 228, 228);
text-transform: uppercase;
line-height: 0.75;
position: absolute;
left: 0px;
right: 0px;
text-align: center;
/* top: 40px;*/top: 80px;
z-index: -1;
}
.index_about h3{
font-size: 32px;
color: #333; font-weight: normal;
/* padding-top: 50px;*/
background-image: url(../png/title_bg.png);
background-position: center bottom;
background-repeat: no-repeat;
}
.tit_box{
position: relative;margin-bottom: 50px;
}
.tit_box h3.tit{
font-size: 30px; font-weight: bold; color: #000; margin: 0
}
.tit_box .box{
width: 95px; height: 5px;background: #f07c25; margin: 0 auto;
left: 46%;position: absolute; top: 158px;
}
.tit_box span.tit{
color: #d9d9d9; font-size: 20px; display: inline-block;
padding-left: 3px; padding-right: 3px;border-bottom: 1px solid #d9d9d9; line-height: 70px;z-index: -9;
}
.youshi_box{ padding: 40px; padding-bottom: 0px; }
.youshi_box .left,.youshi_box .right{
width: 460px;
}
.youshi_box .left .tit{font-size: 40px;margin-bottom: 90px;}
.youshi_box .right .tit{
font-size: 36px;margin-bottom: 90px;
}
.youshi_box .left{
text-align: right;
}
.youshi_box .left .items{
}
.youshi_box .left .items .item,.youshi_box .right .items .item{
margin-bottom: 20px;
}
.youshi_box .left .items .item p.item_q,.youshi_box .right .items .item p.item_q{
font-size: 22px; font-weight: bold; color: #626262; line-height: 50px;margin-bottom: 20px;
}
.youshi_box .right .items .item p.item_q{
color: #f5781e;
}
.youshi_box .left .items .item p.item_a,.youshi_box .right .items .item p.item_a{
color: #767676;font-size: 16px; line-height:26px; margin-bottom: 20px;
}
.youshi_box .vs{
width: 200px; position: relative; text-align: center;
}
.youshi_box .vs .items{
padding-top: 15px;
}
.youshi_box .vs .items_bj{
position: absolute;top: 190px; left: 48.5%;
height: 1000px;width: 3px; background: #fef4f5; z-index: -9;
}
.youshi_box .vs .items .item{
font-size: 40px; color: #f07927; background: url(../jpg/vs_bj.jpg) no-repeat; height: 105px;width: 105px;margin: 0 auto; line-height: 95px; margin-bottom: 35px;
}
.youshi_box .vs .tit{
line-height: 55px;margin-bottom: 90px;
font-size:55px; font-weight: 900; text-shadow: 0px 1px, 1px 0px, 1px 1px; color: #ee7c26;font-style:oblique
}
.index_gaoxiaoliucheng{
background: #f5f6fa; margin-top: -30px
}
.tit_box{
z-index: 9; padding-top: 50px
}
.index_gaoxiaoliucheng .tit_box span.tit{
border-bottom: 1px solid #ededef; color: #d7d8da
}
.index_gaoxiaoliucheng .items{
}
.index_gaoxiaoliucheng .items .item{
display: inline-block;width: 305px; margin-bottom: 50px; padding-left: 90px;
}
.index_gaoxiaoliucheng .items .item p{
font-size: 16px;
}
.index_gaoxiaoliucheng .items .item .item_tit{
font-size: 22px;line-height: 50px;color: #ff8a4a;
}
.index_gaoxiaoliucheng .items .item:nth-child(1){
background: url(../png/gxlc1.png) no-repeat 0 50%;
}
.index_gaoxiaoliucheng .items .item:nth-child(2){
background: url(../png/gxlc2.png) no-repeat 0 50%;
}
.index_gaoxiaoliucheng .items .item:nth-child(3){
background: url(../png/gxlc3.png) no-repeat 0 50%;
}
.index_gaoxiaoliucheng .items .item:nth-child(4){
background: url(../png/gxlc4.png) no-repeat 0 50%;
}
.index_gaoxiaoliucheng .items .item:nth-child(5){
background: url(../png/gxlc5.png) no-repeat 0 50%;
}
.index_gaoxiaoliucheng .items .item:nth-child(6){
background: url(../png/gxlc6.png) no-repeat 0 50%;
}
/*.index_gaoxiaoliucheng .items .item:nth-child(1) .item_tit{
color: #ff8a4a;
}
.index_gaoxiaoliucheng .items .item:nth-child(2) .item_tit{
color: #f1805e;
}
.index_gaoxiaoliucheng .items .item:nth-child(3) .item_tit{
color: #69e1df;
}
.index_gaoxiaoliucheng .items .item:nth-child(4) .item_tit{
color: #e6a86d;
}
.index_gaoxiaoliucheng .items .item:nth-child(5) .item_tit{
color: #d8c870;
}
.index_gaoxiaoliucheng .items .item:nth-child(6) .item_tit{
color: #9896ea;
}*/
.index_gaoxiaoliucheng .items .item{font-size: 20px;}
.index_gongnengmokuai{
background: #f4f4f4;
}
.index_gongnengmokuai .items{ margin-bottom: 50px; padding-bottom: 50px;
/*background: url(../images/bj_gnmk.png) no-repeat 50%; background-size: cover;*/
}
.index_gongnengmokuai .items .desc{
/*padding-top: 30px;*/
}
.index_gongnengmokuai .items{
/*padding-left: 21px;*/
}
.index_gongnengmokuai .items .item{
width: 175px;float: left; text-align: center; margin-top: 80px; margin-right: 21px;
}
.index_gongnengmokuai .items .item img{
width: 100%; display: block; margin: 0 auto; margin-bottom: 25px; height: 138px; overflow: hidden;
}
.index_gongnengmokuai .items .item p{
font-size: 18px;color: #4b3947;
}
.index_hezuohuoban .desc,.index_gongnengmokuai .desc{
padding-left: 40px;padding-right: 40px; line-height: 30px;
}
.index_hezuohuoban .items{
margin-top: 30px;
border-left: 1px solid #f4f4f4;
border-top: 1px solid #f4f4f4;
}
.index_hezuohuoban .items .item{
width: 238.8px; height: 105px; text-align: center;
display: inline-block;float: left; border-bottom: 1px solid #f4f4f4;border-right: 1px solid #f4f4f4;
}
.index_hezuohuoban .items .item img{
vertical-align: bottom;
max-width: 100%;
display: block;width: 150px; height: 70px; margin: 0 auto;vertical-align: middle; margin-top: 18px; transition: all 0.3s;
transform: scale(1);
}
.index_hezuohuoban .items .item a:hover img{
transform: scale(1.2);
}
.index_hexingongneng{
padding-bottom: 80px; background:url(../jpg/bj_hxgn.jpg) no-repeat 50%;background-size: cover; height: 780px; overflow: hidden;
}
.index_hexingongneng .items{
}
.index_hexingongneng .items .item{
}
.index_hexingongneng .slideTxtBox .hd{
width: 175px;float: left;
}
.index_hexingongneng .slideTxtBox .hd li:nth-child(1){
background: url(../png/hxgn_htrj.png) no-repeat 0 50%;
}
.index_hexingongneng .slideTxtBox .hd li:nth-child(2){
background: url(../png/hxgn_dcgn.png) no-repeat 0 50%;
}
.index_hexingongneng .slideTxtBox .hd li:nth-child(3){
background: url(../png/hxgn_dcfs.png) no-repeat 0 50%;
}
.index_hexingongneng .slideTxtBox .hd li:nth-child(4){
background: url(../png/hxgn_yydc.png) no-repeat 0 50%;
}
.index_hexingongneng .slideTxtBox .hd li:nth-child(5){
background: url(../png/hxgn_wxcz.png) no-repeat 0 50%;
}
.index_hexingongneng .slideTxtBox .hd li:nth-child(6){
background: url(../png/hxgn_jcpt.png) no-repeat 0 50%;
}
.index_hexingongneng .slideTxtBox .hd li:nth-child(7){
background: url(../png/hxgn_yzfs.png) no-repeat 0 50%;
}
.index_hexingongneng .slideTxtBox .hd li:nth-child(8){
background: url(../png/hxgn_tzgn.png) no-repeat 0 50%;
}
.index_hexingongneng .slideTxtBox .hd li{
height: 60px;display: block; line-height: 60px; border-bottom: 1px solid #b3b7a6;
padding-left: 65px; color: #fff; background-size: cover;;
}
.index_hexingongneng .slideTxtBox .hd ul li.on:nth-child(1){
background: url(../png/hxgn_htrj.png) no-repeat 0 50% #ee7c26;-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all 5s;
transition: all .5s;
}
.index_hexingongneng .slideTxtBox .hd li.on:nth-child(2){
background: url(../png/hxgn_dcgn.png) no-repeat 0 50% #ee7c26;-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all 5s;
transition: all .5s;
}
.index_hexingongneng .slideTxtBox .hd li.on:nth-child(3){
background: url(../png/hxgn_dcfs.png) no-repeat 0 50% #ee7c26;-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all 5s;
transition: all .5s;
}
.index_hexingongneng .slideTxtBox .hd li.on:nth-child(4){
background: url(../png/hxgn_yydc.png) no-repeat 0 50% #ee7c26;-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all 5s;
transition: all .5s;
}
.index_hexingongneng .slideTxtBox .hd li.on:nth-child(5){
background: url(../png/hxgn_wxcz.png) no-repeat 0 50% #ee7c26;-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all 5s;
transition: all .5s;
}
.index_hexingongneng .slideTxtBox .hd li.on:nth-child(6){
background: url(../png/hxgn_jcpt.png) no-repeat 0 50% #ee7c26;-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all 5s;
transition: all .5s;
}
.index_hexingongneng .slideTxtBox .hd li.on:nth-child(7){
background: url(../png/hxgn_yzfs.png) no-repeat 0 50% #ee7c26;-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all 5s;
transition: all .5s;
}
.index_hexingongneng .slideTxtBox .hd li.on:nth-child(8){
background: url(../png/hxgn_tzgn.png) no-repeat 0 50% #ee7c26;-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all 5s;
transition: all .5s;
}
.index_hexingongneng .items{
margin-left: 45px;width: 980px;float: left;
}
.index_hexingongneng .items .item .tit{
padding-left: 15px; border-left: 4px solid #f07c29; height: 22px; line-height: 22px; font-size:20px;
width: 150px; color:#fff;
}
.index_hexingongneng .items .item .desc{
margin-top: 22px;line-height: 30px;
text-indent: 2em; color: #fff;
}
.index_hexingongneng .items .item .desc p{
margin-bottom: 35px; line-height: 30px; color: #fff;
}
.index_hexingongneng .items .item .jcpt .left{
width: 430px;
}
.index_hexingongneng .items .item .jcpt .left p{
margin-bottom: 35px; line-height: 24px; color: #fff;
}
.index_hexingongneng .items .item .jcpt .right{
width: 490px; height: 460px; overflow: hidden; margin-left: 60px; margin-top: -40px;
}
.index_hexingongneng .items .item .jcpt .right img{
display: block;width: 100%;height: 100%; text-indent: 0;
}
.index_hexingongneng .items .item .litpic{
width: 980px; height: 330px; display: block; overflow: hidden; margin-top: 20px;
}
.dcgn{
position: relative;
}
.dcgn .left{
width: 470px;
}
.dcgn .left img,.dcgn .right img{
display: block;
width: 100%;
}
.dcgn .right{
position: absolute;right: 50px;
width: 465px;
}
.index_hexingongneng .items .item .wxcz .left{
width: 530px;
}
.index_hexingongneng .items .item .wxcz .right{
width: 430px; margin-top: -50px;
}
.index_hexingongneng .items .item .wxcz .left img,.wxcz .right img{
display: block;margin: 0 auto;
}
.btn_more{
display: inline-block;
padding: 5px 24px;
}
.a_more{
margin-top: 30px; margin-bottom: 30px; text-align: center;
}
.a_more a{
border-color: #f8c31f;width: 130px;display: block; margin: 0 auto;border: 2px solid #f2f2f2;
}
.a_more a:hover{
box-shadow:0px 0px 14.25px 0.75px rgba(0, 0, 0, 0.15);
}
.a_more span.more2{
display: inline-block;background: #eb7c20;color: #fff; padding: 12px;
}
.index_xinwen .items .item{
float: left;
width: 350px; padding: 25px;
}
.index_xinwen .items .item .litpic{
width: 100%; height: 212px; overflow: hidden;display: block;
}
.index_xinwen .items .item img{
display: block;width: 100%;height:212px; transform:scale(1);-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all 5s;
transition: all .5s;
}
.index_xinwen .items .item:hover img{
transform: scale(1.2);-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all 5s;
transition: all .5s;
}
.index_xinwen .items .item .tit{
line-height: 50px;
height: 50px;
color: #000;
font-size: 20px;
display: block;
overflow: hidden;
}
.index_xinwen .items .item .tit:hover{
color: #f8c31f;
}
.index_xinwen .items .item p{ line-height: 24px;
font-size: 16px;
height: 76px;
overflow: hidden;
margin-top: 16px;
color: #9f9b92;}
.pd10{
padding: 10px;
}
.footer a:hover{
color: #f8c31f;
}
.footer .footer_left{
width: 500px;
}
.footer .footer_left .footer_logo{
width: 250px; height: 80px;
}
.footer .footer_left .tel{
padding-left: 40px;
background: url(../png/footer_tel.png) no-repeat 0 50% ;
}
.footer .footer_left .add{
padding-left: 40px;
background: url(../png/footer_address.png) no-repeat 0 50% ;
}
.footer .footer_chat{
width: 170px; margin-right: 70px; margin-left: 30px;
}
.footer .footer_chat .qq{
background: url(../png/footer_qq.png) no-repeat;
}
.footer .footer_chat .weixin{
background: url(../png/footer_weixin.png) no-repeat;
}
.footer .footer_chat .weibo{
background: url(../png/footer_weibo.png) no-repeat;
}
.footer .footer_chat .qq,.footer .footer_chat .weixin,.footer .footer_chat .weibo{
width: 50px; height: 50px;display: block;float: left; background-size: cover; margin-right: 5px; margin-top: 90px;
}
.footer .footer_right{
width: 310px; float: right;
}
.footer .footer_right .ewm{
display: inline-block; margin-right: 40px; float: left;
}
.footer .footer_right .ewm:nth-child(2){
margin-right: 0
}
.footer .footer_right .ewm p{
text-align: center;
}
.footer .copyright{
text-transform:uppercase;
}
.list_pro .item {
padding-top: 50px;
padding-bottom: 50px;
}
.list_pro .item:nth-child(2n){
background: #f5f6fa;
}
.list_pro .item .pic{
width: 500px;display: inline-block; float: left;
}
.list_pro .item:nth-child(2n) .pic{
float: right;
}
.list_pro .item .pic img{
display: block; max-width: 400px; margin: 0 auto; width: 100%;
}
.list_pro .item .txt_box{
width: 689px;float: left;
}
.list_pro .item .txt_box .tit{
line-height: 120px; font-size: 30px;color: #e97a21;
}
.list_pro .item .txt_box .desc{
line-height: 28px;
}
.list_case .items{}
.list_case .items .item{
width: 370px; float: left; margin-right: 45px; margin-bottom: 35px; height: 370px; overflow: hidden;
}
.list_case .items .item:hover{
box-shadow:0px 0px 14.25px 0.75px rgba(0, 0, 0, 0.15);border-radius: 5px;
}
.list_case .items .item:nth-child(3n){
margin-right: 0;
}
.list_case .items .item .litpic{
display: block;width: 100%; height: 230px;
overflow: hidden;
}
.list_case .items .item .litpic img{
border-radius: 5px;border-bottom: 2px solid #fff;
transition: all 0.3s;
transform: scale(1); display: block;width: 100%;height: 100%;
}
.list_case .items .item .litpic:hover img{
transform: scale(1.2);
}
.list_case .items .item .tit{
margin-top: 5px;
line-height: 45px;color: #000;font-size: 18px; text-align: center;display: block; height: 45px;overflow: hidden;
}
.list_case .items .item .tit:hover{
color: #fff;
background:#ee7c26 ;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all 5s;
transition: all .5s;
}
.list_case .items .item p{
color: #5e5e5e;line-height: 30px;
}
.page {
min-height: 50px; margin-top: 30px
}
.page li{
list-style:none;display:inline;margin-left:3px;
}
.page a {
padding: 10px 15px 10px 15px;
border: 1px solid #dddddd;
color: #bbb
}
.text-center{text-align: center;}
.page li.active a{
background: #ee7c26;
color: #fff;
}
.article{
margin-top: 50px;
margin-bottom: 50px;
}
.article{
/*line-height: 80px;*/
}
.article .body_box .info{
text-align: center;
font-size: 12px;
color: #ccc;
}
.position{
font-size: 13px;
}
.article .body_box .info span{
padding-left: 5px;padding-right: 5px;
}
.article .body_box{
color: #333;
}
.article .body_box p,.article .body_box div{
font-size: 16px;
line-height:1.8;
/*margin-bottom: 26px;*/
}
.article .body_box p img,.article .body_box div img,.article .body_box img{
display: block; margin: 0 auto; margin-bottom: 26px;
}
.prenext{ margin-top: 50px; }
.prenext p{
line-height: 28px;
}
.list_news .items{}
.list_news .items .item{
background: #f7f7f7;width: 540px; overflow: hidden;
height: 120px;
float: left; margin-right: 20px; margin-bottom: 20px;
padding: 25px;transition: all 0.3s;
}
.list_news .items .item:hover{
box-shadow:0px 0px 14.25px 0.75px rgba(0, 0, 0, 0.15);
}
.list_news .items .item img{
transition: all 0.3s;
transform: scale(1);
}
.list_news .items .item:hover img{
transform: scale(1.2);
}
.list_news .items .item:nth-child(2n){
margin-right: 0
}
.list_news .items .item .litpic{
width: 190px; height: 115px;display: block;float: left; margin-right: 14px; overflow: hidden;
}
.list_news .items .item .litpic img{
display: block;width: 100%; height: 100%;
}
.list_news .items .item .tit{
line-height: 32px; height: 32px;color: #000; font-size:20px;
width: 335px;display: block;overflow: hidden;
}
.list_news .items .item .tit:hover{color: #f8c31f; -webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all 5s;
transition: all .5s;}
.list_news .items .item p{
line-height: 24px;
font-size: 16px;
height: 76px;
overflow: hidden;
margin-top: 16px;
color: #9f9b92;
}
.list_news .item_one{
margin-bottom: 30px;
}
.list_news .item_one .litpic{
margin-right: 40px;
display: block;width: 360px; height: 240px;float: left; overflow: hidden;
}
.list_news .item_one .litpic img{width: 100%;height: 100%;}
.list_news .item_one .tit{
width:800px;float: left;display: block; line-height: 40px; font-size: 20px;color: #000;
}
.list_news .item_one p{
width: 800px;float: left; line-height: 30px; margin-top: 20px; color: #9f9b92;
}
.list_news .item_one .more{
margin-top: 20px; float: left; color: #4b8b4f;
}
.contact{
padding-bottom: 50px;
}
.contact .contact_about .pic{
width: 370px; height: 520px;
}
.contact .contact_about .pic img{
display: block;width: 100%;height: 100%;
}
.contact .contact_about .con{
width: 750px; margin-left: 50px; margin-top: 70px;
}
.contact .contact_about .con p{line-height: 30px;margin-bottom: 30px; text-indent: 2em;}
.contact .contact_huanjing{
background: #f5f6fa; padding-bottom: 40px;
}
.contact .contact_huanjing .leftpic{
width: 320px; height: 480px;
}
.contact .contact_huanjing .leftpic img,.contact .contact_huanjing .item img{
display: block;width: 100%;height: 100%;
}
.contact .contact_huanjing .items{
width: 880px; overflow: hidden;
}
.contact .contact_huanjing .item{
width: 410px; height: 225px; margin-left: 30px; margin-bottom: 30px;
}
.map_box{
padding: 10px; border:1px solid #e6e6e6;
}
.contact_contact{
padding-top: 100px;
}
.contact_contact .right{
width: 500px;
}
input.sqsy{
border: none;
border-bottom: 2px solid #fece79;
width: 100%; height: 40px; line-height: 40px; margin-top: 20px; margin-bottom: 20px;
}
textarea.sqsy{
border: none;
border-bottom: 2px solid #fece79;line-height: 40px;
width: 100%;
}
.contact_contact .right #tijiao{
margin-top: 20px; margin-bottom: 20px;
border:none; padding: 10px 20px;background: #ee7c26;color: #fff;
}
.contact_contact .right #tijiao:hover{
background: #d95f03;-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all 5s;
transition: all .5s;
}
.contact_contact .left{
color: #7d7d7d; margin-right: 20px; width: 680px;
}
.contact_contact .left .tit{
margin-bottom: 20px;
}
.contact_contact .left .tit h3{
font-size: 26px; line-height: 40px; margin: 0; width: 375px; text-align:justify
}
.contact_contact .left .tit p{
font-size: 14px;
line-height: 30px;
width: 375px;
float: left;
}
.contact_contact .left .items .item{
line-height: 50px; font-size: 16px; padding-left: 30px;
}
.contact_contact .left .items .item:nth-child(1){
background: url(../png/telephone-8.png) no-repeat 0 50%;
}
.contact_contact .left .items .item:nth-child(2){
background: url(../png/code.png) no-repeat -3px 50%;
}
.contact_contact .left .items .item:nth-child(3){
background: url(../png/email.png) no-repeat 0 50%;
}
.contact_contact .left .items .item:nth-child(4){
background: url(../png/weizhi.png) no-repeat 0 50%;
}
.contact_contact .left .items .item:nth-child(5){
background: url(../png/time.png) no-repeat 0 50%;
}
.t-con-new-item-above-icon01:before,
.t-con-new-item-above-icon02:before,
.t-con-new-item-above-icon03:before,
.t-con-new-item-above-icon04:before,
.t-con-new-item-above-icon05:before,
.t-con-new-item-above-icon06:before,
.t-con-new-item-above-icon07:before,
.t-con-new-item-above-icon08:before,
.t-con-new-item-above-icon09:before,
.t-con-new-item-above-icon10:before,
.t-con-new-item-above-icon11:before,
.t-con-new-item-above-icon12:before {
position: absolute;
z-index: 1;
content: '';
top: 0;
left: 0;
width: 80px;
height: 80px;
border-radius: 10px
}
.t-con-new-item-above-icon01:after,
.t-con-new-item-above-icon02:after,
.t-con-new-item-above-icon03:after,
.t-con-new-item-above-icon04:after,
.t-con-new-item-above-icon05:after,
.t-con-new-item-above-icon06:after,
.t-con-new-item-above-icon07:after,
.t-con-new-item-above-icon08:after,
.t-con-new-item-above-icon09:after,
.t-con-new-item-above-icon10:after,
.t-con-new-item-above-icon11:after,
.t-con-new-item-above-icon12:after {
position: absolute;
content: '';
z-index: 3;
left: 50%;
margin-left: -40px;
width: 80px;
height: 80px;
border-radius: 10px;
background-repeat: no-repeat;
background-position: 50%
}
.t-con-new-item-above-icon01:before,
.bg01,
.t-con-new-item-above-icon12:before,
.bg12 {
background: -webkit-linear-gradient(#019bff, #9079ff);
background: -o-linear-gradient(#019bff, #9079ff);
background: -moz-linear-gradient(#019bff, #9079ff);
background: linear-gradient(#019bff, #9079ff)
}
.t-con-new-item-above-icon02:before,
.bg02,
.t-con-new-item-above-icon11:before,
.bg11 {
background: -webkit-linear-gradient(#fd985b, #fd4e5a);
background: -o-linear-gradient(#fd985b, #fd4e5a);
background: -moz-linear-gradient(#fd985b, #fd4e5a);
background: linear-gradient(#fd985b, #fd4e5a)
}
.t-con-new-item-above-icon03:before,
.bg03,
.t-con-new-item-above-icon10:before,
.bg10 {
background: -webkit-linear-gradient(#6986e7, #895ed9);
background: -o-linear-gradient(#6986e7, #895ed9);
background: -moz-linear-gradient(#6986e7, #895ed9);
background: linear-gradient(#6986e7, #895ed9)
}
.t-con-new-item-above-icon04:before,
.bg04,
.t-con-new-item-above-icon08:before,
.bg08 {
background: -webkit-linear-gradient(#ffb104, #ff8252);
background: -o-linear-gradient(#ffb104, #ff8252);
background: -moz-linear-gradient(#ffb104, #ff8252);
background: linear-gradient(#ffb104, #ff8252)
}
.t-con-new-item-above-icon05:before,
.bg05,
.t-con-new-item-above-icon07:before,
.bg07 {
background: -webkit-linear-gradient(#b34efe, #ff3d7f);
background: -o-linear-gradient(#b34efe, #ff3d7f);
background: -moz-linear-gradient(#b34efe, #ff3d7f);
background: linear-gradient(#b34efe, #ff3d7f)
}
.t-con-new-item-above-icon06:before,
.bg06,
.t-con-new-item-above-icon09:before,
.bg09 {
background: -webkit-linear-gradient(#99cc34, #5fcc55);
background: -o-linear-gradient(#99cc34, #5fcc55);
background: -moz-linear-gradient(#99cc34, #5fcc55);
background: linear-gradient(#99cc34, #5fcc55)
}
.t-con-new-item-above-icon01:after,
.t-con-new-item-below-icon01 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURUxpcf///////////////////////////////+WJFuQAAAAIdFJOUwCn7TAcz4Bc53KzVQAAAWNJREFUSMft1jtPwzAQAGCXRNAxEkvGVrwyRioDY0ACVhACMhahio6oE2ObNvR+NlBsY/se8Vx6U4ZP8d3FZ0epXfzvGJ1HwgKGr5EQ4KmKhHAaC+EsFkIWC1sxzXRUGghHPEsmxfeKBjYl526KTWoGwjHjLnUNFra024cQwpgso8ZwRcEZYLgg3AFEwg8CLoj+JIAh5dQVhqRTOYK0s6VYSDu1F0LGqWkANy4Zs1vQwF+XL6UUf6B28Ilgz4ND7aBBsO/BSjsAVNGFB63D22waQO3wIOY+NA4GIaw9aB3MhTZC9ufwDnfhoZPHUoLuswhBgjUDV7FwLvXRjTt2BIPIpG/txrswCV5UzPkURiuMvxdrPDN0fwYY0tUQU9ijXKNUXJLrjhOAbzezNnMh4bqZ++galcIcU2kd90KUpXBlzrpL1ou72/dBuoKdgX6Wb/R0ogvu/km5fXk8uX8rd/9+2xdfienpqfW6LNsAAAAASUVORK5CYII=)
}
.t-con-new-item-above-icon02:after,
.t-con-new-item-below-icon02 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURUxpcf///////////////////////////////////////xzUPUwAAAAKdFJOUwCn9kyFEeQryWv3amVtAAAB4klEQVRIx+2Wv0/CUBDHW0sFNxYd3mgHSCdxk4lBHTphYgxx0kQ0YSIMDOwkhqmLg2yCIfb+Su/62r627/pjMHHpDbSv7/s+r3fv7ophNNbYP5r1UU9ni8OYe96+nmcfTABGnHAB39mFswKhB3CaHi8BftitN9kJAk7NZ0aKE9DNAA9zkX4Sm4vCrwywZwI88UIFQODuQrDu0NYJ0saRY9L4c844o5AdvCXg2oQgLxSQQuIgQOBhLGCXFw5BIVt446P4DcWasCOF4fGs8EoajA/stbN2FRLnu6Qhsu73NkHaeBnQ7l46tImZUoiIdrSEgGsm/2Yx0o5ewiO/mbRYJsgwVD8E7LGpG7kTYG6iTT06Rjb5LyOkb9FvH5jYRNUUI2O/wC+opxi5gfgljHJkFVA5Ls0pqeWz81cpunKxFMoLX8io37/fVHSIFRTHRXeoINJMiJx6wBrIYY3YkJ2EIlGN3KqzdqqBI3tThfSiqnmoQLbiOqQeVYYUSbNYlCJlvoZ1Z5XGUtbUWLlfgLwLgdMUnUeGMVFJKAqRkxDYyww5pASqGdk4nKIY7tNfKFqot5SjfN3JhBvxFRBoCaJ/aB619S1eeAxa16QI6W5b+vIO23CNgfuSj9ht32/+CDX2F/YLEHpr727xbMUAAAAASUVORK5CYII=)
}
.t-con-new-item-above-icon03:after,
.t-con-new-item-below-icon03 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExURQAAAP///////////////////////0jPbQQAAAAGdFJOUwDZqkt7JqqcpDkAAAGQSURBVEjH7ZZNT4NAEIb5Ws7U4p4rGs4YlTOtpmdU5CzYzv//CbLALgvMfhyMJyZpQtKn7+7MvDPUcbbY4t/jq/uQz9KE+Slc/CMAxKWJA6DA4qLlBmaIe43mGeRoCqUgzKNRaXoLEK4KMARLyXoJwsFSUXW2uwJby2QA7MrTRYaTFNoTtckmhcgJZmCkBp3UAqTsi1wGv1XJHBYgXsgOKRYWuqqqk7HzTWDeF5gYe+gP/p9X/UfR6S7pwNiadPBAYPIPGRu2aHizAplSmzmLrJFuu3yY30GfTshvRFL92aH4OTndUU3ernwOOasvGcxmxNM4jcpgoHFaLYOuBiRMslyvqwid1viti2zWR2S+PoSGvFxKhSP7Ikk1RzfveGJLTJM9Ao1vEBRlrqZFjnIVv9qTbhKmpDsfcFMUTpVhe0KAXLr0sBUJCFj3O0GpKDqYhVgL88nU/PE2wPaUN9VOmCfFQH/yC9GvSDpNiTSKyBvxMe6z3bPnI+f2+M59TpLXsU3JbneTPLxs/4m2+IP4BWouUnqVYLUdAAAAAElFTkSuQmCC)
}
.t-con-new-item-above-icon04:after,
.t-con-new-item-below-icon04 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExURQAAAP///////////////////////0jPbQQAAAAGdFJOUwDIaZ0XPsDErpwAAAGdSURBVEjH7ZbNdoIwEIUBwbW/rLU9ZU2tsqY9retYe1wbAvP+j1AIIRozY7Lort5NwHxnMpO5CQbBQw/9oT5LLyxeA+x8wAymKeRuLoJtC3P36lnTLZ9OnBkC64b3ygWOhBwScIH7uh+LlStFVe+pTfJ4Dx4ijaunL+CMBlO1LyF/BgDhBkdNULQtWtJ9Hh7KBLqYW3QPX6dX2oAUVtAJrrXsB6SZicFBlfWj3cxQxin6aXGAXf9YW+BYpqTWbyKAFyLivvt5lqrU2r3hx+6JOWqRaR7QPc8sEPIMSTEobPAcv5V+IN5mG6xRUE9PdLbNfZCFumyM0x3k7ZFVEnfB5pKuwE8+aBdkOjh2UIdJpvzRiQY3P72Hv9fyFbtZQrPMGHBHKJdd/ByRoHQZLMyG0idmCKlKy+mjtTAckgekHbmxqdg1WWDgmXaZMPpZ02B1tYu4zy5TSanfKuzyHhZL0uomPuqyc9xWNRtKE7TLhETmtM8iwMRpO96IcJmt0hdkuB1trXxB5luMnWOcYhzW6w/j49Fr7vfv4qH/ql/eNi7NB8dkcwAAAABJRU5ErkJggg==)
}
.t-con-new-item-above-icon05:after,
.t-con-new-item-below-icon05 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExURQAAAP///////////////////////0jPbQQAAAAGdFJOUwCfcT/XGWtWKRwAAAF3SURBVEjH7Va7coMwEARsUmNIVBvjuCY2Q+3ghBpnxuml4Pv/T4geLjLWnbh40mTG2xzFjnSnXa2Iojv+CTZLJrFVTOIMau6SZyYxlkxi2nP3Fm/dwOE17QEOnJ0hLoAz+RyKBmA/TfwEgy+GhJaouET5hyu23B7nljg19THT7jGoo/gp2KB0e+sWhQpPkkWpAFlHSWiedLcBqf1wigxb7ShrvNjuOvu9tt8F7hpwkNVpKy7fmIsSwLCkFLmGQi4fjgEXxMcel9iHJ7ogiJ7feoI4XhOBAps43Loiu0f21NQ5qpuVobT27SN4LeqgRYkZGRGHS1I0dGCkZvNusEVfsbUrKLZ5ZcvClbIKJfTRBUT8HniJzEl8wPhsbloPpsxqPLzz1aOZIF+Vprzqgu/NsA5loJF4iDi64BGgQqEcvKsODx7xHErvoBkp/2Q4MeGEHm7ymnqAJzOPkob8R+Ap6BNl+GGdVNA/cdLlabn4iZz1U3PH7/ANZUxXpdEo6CQAAAAASUVORK5CYII=)
}
.t-con-new-item-above-icon06:after,
.t-con-new-item-below-icon06 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExURQAAAP///////////////////////0jPbQQAAAAGdFJOUwAl3KtNdiKZ9gQAAAGdSURBVEjH7ZZBU8IwEIUDUs4dFc+A2jOMwrmgcAZhesak3f//E0yaUFuyL+HmjMM7MBn92HbfbnYR4qZ/qt6XTPF/B4fp89FyS6Id5JKMtF7Mca0POQSXVGumQxPJBeTuLEdKiC1JHE88OZBSkZmwUMUZzBMTFWvbgEMah8C+46SOnYfAgQNLsZThaqxtQJ2LitTtw5ijn0pVtMKfK/MZBx1+LSjquMFQm2PqH/lc5L4+jnQjyTngHqyN7+4rWvOg3/TqDEUt2ZSaps2pZD2xdaGOUtQSKi064Bh0o+7rYQdknK//Pmn1OXh24m5L0uX8O9u3b9TLLsAxe7PSlkdO35yL1dmjUDYm6VNzbX6luCmxE0UczOpX9DiSDCg9b4wYv1UzfaJg/zpQ+i7yYKsPw8mwkmDaxn0sAFjiGxNpiiEAT2jSX2rGdjijHNzWqN/IHxXYMuGkUTYzOFIoOlLY2lShnRl5svDvPtM6KO8J2hqXAdG4v78uoP3F0a4K3h9JeOL5GySwO3xyHtlyI/ueah/fmI+Ht8VK3PTX+gFAvYWSp61WlQAAAABJRU5ErkJggg==)
}
.t-con-new-item-above-icon07:after,
.t-con-new-item-below-icon07 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURQAAAP///////////////////z5SrToAAAAFdFJOUwDRmDJi4U9lAAAAATtJREFUSMft1rFygzAMBmAT050QvDcl7DQkOx2yY0Dv/yoxpIDt8IOO63VCk3V8FxksEYTYY4//jdv5eBzWZnnJgcvIxJAos67n3U/naPiVPkmwo/KVhYTkr6PqlQYE5OBIW/udkd80xsmqPOZjPKYLlAoh1ZS2DrxbkOKznUUODAlG6W5SIae9u74j2HjwgOCn/yAVrzKs3b7B99p6tnJXOy4cWIfZ1Ez2KaZCulCIazLfkXLlPsD5sCFheNgIcwiDxb7ZAj9W+mEOarUErcaopD8EAEZiCT5cWHFgZbqpgTDbABuTtBAqF9Yc2JoNY0gu1BxYm4cKofQgcaDuDp4zCT3MOSPTNWfJmQQ2TDLckMHqKw/BiDcyuCHZMMy8FySe16vVPzpd/m//6m18yde/A2RR7B9De/xpPAFGQQuECx2zzAAAAABJRU5ErkJggg==)
}
.t-con-new-item-above-icon08:after,
.t-con-new-item-below-icon08 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA/1pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjVEMjA4OTI0OTNCRkRCMTE5MTRBODU5MEQzMTUwOEM4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM1NDUzNkREQ0U4QTExRTdBNDM2QjAzQjQ5MDBBRkU2IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM1NDUzNkRDQ0U4QTExRTdBNDM2QjAzQjQ5MDBBRkU2IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiZDVhYTMyMC0zOGRlLTE2NDItODQyNi0wNjYzM2E0OWYyNjUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBo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)
}
.t-con-new-item-above-icon09:after,
.t-con-new-item-below-icon09 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURQAAAP///////////////////z5SrToAAAAFdFJOUwAulc1ZFb3k9AAAAJxJREFUSMft1j0OgkAQhuFZ0R5J7NEToIR+FQ9AxLn/VWydn89Mop3zlpunWpL9IMqyX9SN7x2h27CsR3BS8AHclnWtDxsDqw93BvZxONcYLLwkTJgw4R/BiuB6F10JQfMUI0hhWE6iFkK1IMP3sIjVHOH1VDujiztxT3104MEfzYu88RtYucl8Q16D88pnfzZnDk477VX5m5V97AUhcik3wsIfJAAAAABJRU5ErkJggg==)
}
.t-con-new-item-above-icon10:after,
.t-con-new-item-below-icon10 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExURQAAAP///////////////////////0jPbQQAAAAGdFJOUwBgI4bXsku9lkYAAAEuSURBVEjH7ZU9b8IwEIYTIMwUJOaC1MypEJ0ZXM80LZmbxLn//xMgdqNwX4BKh0rk3c56krvzvbajaNCgx9Fqc6a5zo0BKde4kcWge1bABIh2CrikYKmABXw8nWkBjQJaRz9UeoGaljJTNqfCC1PYi+CEdpnAtwimNFOstP3Gardy23xZaPvFmHfadNu2MSYnaaVBpO1qzcGGV83AMOZMch3OE2+9r17RrL3rPmcXPdsrY2NRRD051cDqt2B6N1heOy8XwQM+rz6shWnt2910a6/iJ5RA541VdxkaHzIDFKGatAfLUJDjYIXBEDLQ3vpH29UIwTq2C4GDp2sOeSh0LYFwwHsdQgkU9b/Ack201EDxAvhz0Al+3EXCGaZ+HJ+uM/b+jL6MyYaHf9BD6Aiimv6t0ZwT6QAAAABJRU5ErkJggg==)
}
.t-con-new-item-above-icon11:after,
.t-con-new-item-below-icon11 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURQAAAP///////////////////z5SrToAAAAFdFJOUwAzgqXZ7ju8zAAAAN9JREFUSMftlMsOgjAQRctrD4h7AmFvbLrXRPa85v9/RTCCtp2WMaJh0bNsTtLezoMxh2OfJDImzRMgczWIGajEuFhrYoPfrHnQoaL/gdgx75U5tYgX6UCYxUYJZxQHzouFEqBPiGFGNSaK0FLFgST2iUDKiH54BPkfRA+LHGGtJjTxxI6YGGihGS6yA5c4xyYRoQLiXNZWsbzN1NM7jWSUkVWncbBk8af+5c8WtmUOlNH5UvSX4q0QWpfJG9HPxNaJm4jdZmJIvTqg1npeQPlq52a0J46kRfFYJg7HrrkDv16xvFiS+BoAAAAASUVORK5CYII=)
}
.t-con-new-item-above-icon12:after,
.t-con-new-item-below-icon12 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQBAMAAAB8P++eAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAASUExURQAAAP///////////////////z5SrToAAAAFdFJOUwCjLtRld+pOfAAAAR1JREFUSMftljEPgjAUhFvAHTXuNcKOJt0NCTul8P//ilFpYt97h01YGLiN9NDyveuBUrt2bVXHSNhXTJGe0HiIjQM0XmKjQ75sIjLAmFNjA4wdNY7AaKnRJ8HBgGpuHFLgQEDZJMgswbm31XkJUIBzel9cFwDNcB7fqxsEpMnKfF+J4DRkywOCYwgEB+A4fGf8Tz1LcSPDKdnTUUA8BSEjIpzfHYWRlmJyBOMgzk/YzSgmQvjFRsyY8DBGHAzH4/6MGg67YDvvwPmyNH8WBJLOUKOI52ShQ4eGTEzjYzgD8p+lzOKDHVrUt0pVoYb6tOoB5WO5z68rKc2NpUpsKaPSes+tLfsirZk5IA/fXHXqK06nwBEAmf27ZNdW9QIAyfrDmHTb8gAAAABJRU5ErkJggg==)
}
.t-con-new-item-above-title,
.t-con-new-item-below-title {
font-size: 18px;
color: #333;
line-height: 18px
}
.t-con-new-item-below-title {
color: #fff;
font-weight: bold
}
.t-con-new-item-below-textbox {
font-size: 12px;
color: #fff;
margin-top: 12px;
line-height: 20px
}
.t-con-new-item-below-btn {
display: inline-block;
width: 80px;
height: 28px;
line-height: 28px;
border: 1px solid #fff;
color: #fff;
border-radius: 3px;
font-size: 15px;
margin-top: 15px
}
.t-con-new-item-below-btn:hover {
color: #fff
}
.t-con-new-tips {
margin: auto 0;
display: block;
height: 34px;
line-height: 34px;
padding: 0 20px;
color: #000;
font-size: 14px;
text-align: center;
border-radius: 50px
}
.t-con-new-item-below-01 {
opacity: 0
}
.t-con-new-item:hover .t-con-new-item-below-01 {
-webkit-animation: move01 .5s ease-in-out forwards;
-moz-animation: move01 .5s ease-in-out forwards;
-o-animation: move01 .5s ease-in-out forwards;
animation: move01 .5s ease-in-out forwards
}
.t-con-new-item:hover .t-con-new-item-below-02 {
-webkit-animation: move02 .5s ease-in-out forwards;
-moz-animation: move02 .5s ease-in-out forwards;
-o-animation: move02 .5s ease-in-out forwards;
animation: move02 .5s ease-in-out forwards
}
@keyframes move01 {
0% {
opacity: 0;
top: -252px
}
100% {
opacity: 1;
top: 0
}
}
@-webkit-keyframes move01 {
0% {
opacity: 0;
top: -252px
}
100% {
opacity: 1;
top: 0
}
}
@-moz-keyframes move01 {
0% {
opacity: 0;
top: -252px
}
100% {
opacity: 1;
top: 0
}
}
@-o-keyframes move01 {
0% {
opacity: 0;
top: -252px
}
100% {
opacity: 1;
top: 0
}
}
@keyframes move02 {
0% {
opacity: 0;
bottom: -252px;
top: auto
}
100% {
opacity: 1;
bottom: 0;
top: auto
}
}
@-webkit-keyframes move02 {
0% {
opacity: 0;
bottom: -252px;
top: auto
}
100% {
opacity: 1;
bottom: 0;
top: auto
}
}
@-moz-keyframes move02 {
0% {
opacity: 0;
bottom: -252px;
top: auto
}
100% {
opacity: 1;
bottom: 0;
top: auto
}
}
@-o-keyframes move02 {
0% {
opacity: 0;
bottom: -252px;
top: auto
}
100% {
opacity: 1;
bottom: 0;
top: auto
}
}
.t-con-new li {
float: left;
position: relative;
width: 200px;
height: 252px;
text-align: center;
cursor: pointer
}
.t-con-new a {
display: block;
width: 200px;
height: 252px;
text-align: center;
position: absolute;
top: 0;
left: 0;
transition: all 2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
overflow: hidden;
}
.t-con-new-item-bg {
position: relative;
margin: 64px auto 30px;
display: block;
width: 80px;
height: 80px;
border-radius: 10px;
overflow: hidden;
transition: margin .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}
.t-con-new-item-bg i {
display: block;
width: 80px;
height: 80px;
border-radius: 10px
}
.t-con-new-item-bg i {
transition: margin .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}
.t-con-new-item-icon01 {
background-image: url(../item-icon01.html)
}
.t-con-new-item-icon02 {
background-image: url(../item-icon02.html)
}
.t-con-new-item-icon03 {
background-image: url(../item-icon03.html)
}
.t-con-new-item-icon04 {
background-image: url(../item-icon04.html)
}
.t-con-new-item-icon05 {
background-image: url(../item-icon05.html)
}
.t-con-new-item-icon06 {
background-image: url(../item-icon06.html)
}
.t-con-new-item-icon07 {
background-image: url(../item-icon07.html)
}
.t-con-new-item-icon08 {
background-image: url(../item-icon08.html)
}
.t-con-new-item-icon09 {
background-image: url(../item-icon09.html)
}
.t-con-new-item-icon10 {
background-image: url(../item-icon010.html)
}
.t-con-new-item-icon11 {
background-image: url(../item-icon011.html)
}
.t-con-new-item-icon12 {
background-image: url(../item-icon012.html)
}
.t-con-new-item h3 {
font-size: 18px; font-weight: normal;
color: #333;
line-height: 18px;
transition: all .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}
.t-con-new-item p {
font-size: 14px;
color: #fff;
margin-top: 12px;
line-height: 20px;
opacity: 0;
transition: all .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}
.t-con-new-item-btn {
display: block;
width: 80px;
height: 28px;
line-height: 28px;
border: 1px solid #fff;
color: #fff;
border-radius: 3px;
font-size: 12px;
margin: 15px auto 0;
font-style: normal
}
.t-con-new-item:hover {
transition: all .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}
.t-con-new-item:hover .t-con-new-item-bg {
margin: 10px auto 6px;
display: inline-block;
width: 80px;
height: 80px;
border-radius: 10px;
background-color: transparent;
background-repeat: no-repeat;
background-position: 50%
}
.t-con-new-item:hover h3 {
color: #fff;
font-weight: bold
}
.t-con-new-item:hover p {
opacity: 1;
transition: all .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}
.t-con-new-item:hover .t-con-new-item-btn {
display: block;
transition: all .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}
.t-con-new-item-bg {
transition: margin .4s cubic-bezier(0.4, 0, 0.2, 1) 0s
}
.t-con-new .bg-1:hover,
.t-con-new .bg-1 .t-con-new-item-bg,
.bg-12:hover,
.t-con-new .bg-12 .t-con-new-item-bg {
background: -webkit-linear-gradient(#019bff, #9079ff);
background: -o-linear-gradient(#019bff, #9079ff);
background: -moz-linear-gradient(#019bff, #9079ff);
background: linear-gradient(#019bff, #9079ff)
}
.t-con-new .bg-2:hover,
.t-con-new .bg-2 .t-con-new-item-bg,
.t-con-new .bg-11:hover,
.t-con-new .bg-11 .t-con-new-item-bg {
background: -webkit-linear-gradient(#fd985b, #fd4e5a);
background: -o-linear-gradient(#fd985b, #fd4e5a);
background: -moz-linear-gradient(#fd985b, #fd4e5a);
background: linear-gradient(#fd985b, #fd4e5a)
}
.t-con-new .bg-3:hover,
.t-con-new .bg-3 .t-con-new-item-bg,
.t-con-new .bg-10:hover,
.t-con-new .bg-10 .t-con-new-item-bg {
background: -webkit-linear-gradient(#6986e7, #895ed9);
background: -o-linear-gradient(#6986e7, #895ed9);
background: -moz-linear-gradient(#6986e7, #895ed9);
background: linear-gradient(#6986e7, #895ed9)
}
.t-con-new .bg-4:hover,
.t-con-new .bg-4 .t-con-new-item-bg,
.t-con-new .bg-8:hover,
.t-con-new .bg-8 .t-con-new-item-bg {
background: -webkit-linear-gradient(#ffb104, #ff8252);
background: -o-linear-gradient(#ffb104, #ff8252);
background: -moz-linear-gradient(#ffb104, #ff8252);
background: linear-gradient(#ffb104, #ff8252)
}
.t-con-new .bg-5:hover,
.t-con-new .bg-5 .t-con-new-item-bg,
.t-con-new .bg-7:hover,
.t-con-new .bg-7 .t-con-new-item-bg {
background: -webkit-linear-gradient(#b34efe, #ff3d7f);
background: -o-linear-gradient(#b34efe, #ff3d7f);
background: -moz-linear-gradient(#b34efe, #ff3d7f);
background: linear-gradient(#b34efe, #ff3d7f)
}
.t-con-new .bg-6:hover,
.t-con-new .bg-6 .t-con-new-item-bg,
.t-con-new .bg-9:hover,
.t-con-new .bg-9 .t-con-new-item-bg {
background: -webkit-linear-gradient(#99cc34, #5fcc55);
background: -o-linear-gradient(#99cc34, #5fcc55);
background: -moz-linear-gradient(#99cc34, #5fcc55);
background: linear-gradient(#99cc34, #5fcc55)
}
.t-con-new a:hover .t-con-new-item-bg {
background-image: none!important
}
#float{
z-index: 9999;
position: fixed;
bottom: 50px;
right: 0;width: 60px;
height: 60px;
display: block;
background: #00aaff;
border-radius: 10px;
background: url(../png/top.png) no-repeat 50% #00aaff;
}