@charset "utf-8";
/* CSS Document */
body{margin:0 auto; padding:0; font-size:12px; font-family:"微软雅黑",Tahoma,Arial,Helvetica,sans-serif; color:#333; background:#FFF; -webkit-overflow-scrolling: touch; overflow-x:hidden;}
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre{margin:0;padding:0; outline:none;font-family:"微软雅黑"}
h1,h2,h3,h4{font-size:14px; font-family:"微软雅黑",Tahoma,Arial;}
a{text-decoration:none; color:#333; outline:none;}
input{ outline:none; -webkit-appearance:none;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
i{ font-style:normal;}
.c{clear:both; overflow:hidden; zoom:1;}
.center{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.warp{width:1220px; margin:0 auto; clear:both;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt18{ margin-top:18px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mt90{ margin-top:90px;}
.ml20{ margin-left:20px;}

@font-face
{
  font-family:Number-font;
  src:url(../font/helveticaneueltpro-thex.woff.ttf);
  font-weight: normal;
  font-style: normal;
}

.headers-box{display:block; position:absolute; top:0px; left: 0px; width: 100%; height:90px; z-index: 10;}
#header_box{ height:110px; background: rgba(0, 0, 0, 0.36); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.02) 90%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.02) 90%, rgba(0, 0, 0, 0) 100%); clear:both; width:100%;}
.header{min-width:1220px; margin:0 auto; clear:both; position:relative; padding:0 3%;}
.header .logo img{ width:auto; height:100px; overflow:hidden;}

#nav{display:inline-block; margin-left:40px; height:100px;}
#nav li{ display:inline-block; float:left; width:106px; height:100px; text-align:center; overflow:hidden; margin-left:10px;}
#nav li h3{ font-weight:100; font-size:16px; margin-top:32px; transform:translate(0,0); transition:all .2s ease-in 0s;}
#nav li p{ text-transform:uppercase; margin-top:2px; transform:translate(0,0); transition:all .2s ease-in 0s; -webkit-transform:scale(0.775);}
#nav li a:hover h3{ font-weight:600;}
#nav li a{ width:106px; height:100px; white-space:nowrap; overflow:hidden; display:block; color:#fff;}
#nav li:hover{ overflow:visible;}
#nav ul > li { float: left; position: relative; }
#nav li ul { margin-top:100px; background:rgba(255,255,255,.9); padding:6px 0; -moz-box-shadow:0px 5px 5px rgba(0,0,0,.04); -webkit-box-shadow:0px 5px 5px rgba(0,0,0,.04); box-shadow:0px 5px 5px rgba(0,0,0,.04);}
#nav li ul li {width:146px; height:38px; line-height:38px; overflow:hidden; white-space:nowrap; margin:0;}
#nav li ul a { width:146px;  text-align:center; font-size:14px; color:#555;}
.nav3 ul > li:hover ul{ opacity:1; top:0px;}
.nav3 ul > li:hover ul li {height:38px;}
.nav3 li ul {position: absolute; left:-20px; top:0px; opacity:0; overflow:hidden; transform:translate(0,0); transition:all .3s ease-in 0s; }
#nav li:hover .mainlevel h3{  font-weight:600;}
.nav3 ul > li:hover ul li:hover{background:rgba(255,255,255,.5); }
#nav li:hover h3{ margin-top:49px;}
#nav li:hover p{ margin-top:-38px;}


/*banner*/
.banner{ min-width:1220px; overflow:hidden;	position:absolute; left:0px; top:0px; bottom:0px; right:0px;}
.banner .bd{ height:100%; overflow:hidden;}
.banner_dl{ width:100%;	height:100%; overflow:hidden;}
.banner_dl dd{ width:100%; height:100%; overflow:hidden; position:relative;}
.banner_dl dd a{display: block; width: 100%; height: 100%; position: relative;}
.banner_dl dd:nth-child(2n) a{transform:scale(1);}
.banner_dl dd:nth-child(2n+1) a{transform:scale(1.1);}
.banner_dl dd.scaleBig a{ -webkit-animation: scaleBig 6s linear forwards; -o-animation: scaleBig 6s linear forwards; animation: scaleBig 6s linear forwards;}
@keyframes scaleBig{
	0%  {transform:scale(1)}
	100%{transform:scale(1.1)}
}
.banner_dl dd.scaleSmall a{
	-webkit-animation: scaleSmall 6s linear forwards;
	-o-animation: scaleSmall 6s linear forwards;
	animation: scaleSmall 6s linear forwards;
}
@keyframes scaleSmall{
	0%  {transform:scale(1.1)}
	100%{transform:scale(1)}
}
.banner .hd{ width: 100%; overflow: hidden; position: absolute; left: 0px; bottom:4%; text-align: center; z-index: 10;}
.banner .hd ul{ display: inline-block; overflow: hidden;}
.banner .hd ul li{ width:10px; height:10px; overflow:hidden; border:4px solid rgba(255,255,255,1); float:left; display:inline; margin:0px 7px; -webkit-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; cursor:pointer; text-indent:99em;}
.banner .hd ul li.on{background:#cd1739;}



/*page2 动画*/
.page2 .about_bbox .fl{transition:1.4s; transform: translateX(-3000px);}
.page2.active .about_bbox .fl{transform:translateX(0px);}
.page2 .about_bbox .fr{transition:1.4s; transform: translateX(3000px);}
.page2.active .about_bbox .fr{transform:translateX(0px);}
.page2 .in_about_data{transition:1.4s; transform: translateY(3000px);}
.page2.active .in_about_data{transform:translateY(0px);}

/*关于我们*/
.about_bbox{border-bottom:#e5e5e5 solid 1px; padding:20px 10px 56px 10px; width:1200px; height:460px;}
.about_box{ color:#222; height:auto; display:inline-block;}
.about_item{ width:620px; min-height:400px; display:block; position:relative;}
.span-line{ background:url(../images/bg-03.png) top left no-repeat; min-width:201px; min-height:249px;}
.span-line h2{ font-size:50px; margin-top:30px; display:inline-block; height:58px; line-height:58px; overflow:hidden; margin-left:38px; text-transform:uppercase; font-family:Arial;}
.span-line h3{ margin-left:38px; overflow:hidden; font-weight:100; font-size:28px; color:#333;}
.span-line h3::after{ width:20px; height:2px; background:#cd1739; display:block; content:""; position:absolute; left:38px; margin-top:16px;}
.about_item .txt{ font-size:15px; height:210px; line-height:30px; overflow:hidden; clear:both; position:absolute; left:38px; top:164px; color:#555; text-align:justify;}
.about_item .more{ position:absolute; left:38px; top:410px; font-size:14px; text-transform:uppercase; width:168px; height:40px; border:#777 solid 1px; text-align:center; line-height:40px; transform:translate(0,0); transition:all .2s ease-in 0s;}
.about_item .more a{ display:block; color:#666; transform:translate(0,0); transition:all .2s ease-in 0s;}
.about_item .more em.more_icon{ position:absolute; right:-14px; top:-14px; background:url(../images/icon-10.png) no-repeat; width:27px; height:27px; -webkit-transition:-webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out;	-o-transition: -o-transform .3s ease-out; -ms-transition: -ms-transform .3s ease-out;}
.about_item .more a:hover em.more_icon{-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg);}
.about_item .more:hover{ border:#222 solid 1px;}
.about_item .more a:hover{ color:#222;}
.in_about_pic{ width:486px; height:450px; overflow:hidden; border:#FFF solid 10px; margin-top:-10px; -moz-box-shadow:0px 0px 10px rgba(0,0,0,.08); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,.08); box-shadow:0px 0px 10px rgba(0,0,0,.08);}
.in_about_pic img{ width:486px; height:450px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}
.in_about_pic:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}

.in_about_data{ padding:14px 0;}
.in_about_data li{ width:304px; height:66px; border-right:#e5e5e5 solid 1px; float:left; display:inline-block; overflow:hidden; text-align:center;}
.in_about_data li p{ font-size:15px; color:#787878; line-height:33px; white-space:nowrap; overflow:hidden;}
.in_about_data li p span{ font-size:34px; color:#e01a3f; font-family:Arial; margin-right:4px; overflow:hidden; white-space:nowrap;}
.in_about_data li:last-child{ border-right:none;}


/*page3 动画*/
.page3 .service_tit{transition:1s; transform: translateY(-3000px);}
.page3.active .service_tit{transform:translateY(0px);}
.page3 .service_list li{transition:1.3s; transform: translateX(3000px);}
.page3.active .service_list li{transform:translateX(0px);}
.page3 .service_more{transition:1s; transform: translateY(3000px);}
.page3.active .service_more{transform:translateY(0px);}
.page3 .service_list .prev{transition:1.5s; transform: translateX(-3000px);}
.page3.active .service_list .prev{transform:translateX(0px);}
.page3 .service_list .next{transition:1.5s; transform: translateX(3000px);}
.page3.active .service_list .next{transform:translateX(0px);}

/*服务范围*/
.service_tit{ clear:both; position:relative}
.service_tit h2{ font-size:48px; height:52px; line-height:52px; overflow:hidden; text-transform:uppercase; color:#222; font-family:Arial;}
.service_tit h3{ font-size:30px; font-weight:100; height:46px; line-height:46px; overflow:hidden; color:#333;}
.service_tit h3::after{ width:20px; height:2px; background:#cd1739; display:block; content:""; position:absolute; left:0px; bottom:-12px;}

.service_list{ clear:both; width:1220px; overflow:hidden}
.service_list li{ width:340px; height:380px; overflow:hidden; background:#FFF; margin:20px 40px 20px 0px; padding:20px; float:left; display:inline-block; position:relative; -moz-box-shadow:0px 0px 12px rgba(0,0,0,.02); -webkit-box-shadow:0px 0px 12px rgba(0,0,0,.02); box-shadow:0px 0px 12px rgba(0,0,0,.02);}
.service_pic{ width:340px; height:220px; overflow:hidden;}
.service_pic img{ width:340px; height:220px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}
.service_list li:hover .service_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.service_list li .service_item{ background:#fff; clear:both; overflow:hidden; position:absolute; bottom:15px; width:340px; height:145px; padding:10px 0; transform:translate(0,0); transition:all .3s ease-in 0s;}
.service_list li .service_item h3{ font-size:22px; font-weight:100; height:44px; line-height:44px; overflow:hidden;}
.service_list li .service_item p{ font-size:14px; height:72px; line-height:26px; overflow:hidden; color:#666; text-align:justify; transform:translate(0,0); transition:all .2s ease-in 0s;}
.service_list li:hover .service_item{ height:200px;}
.service_list li:hover .service_item p{ height:104px;}
.service_list li:hover .more{ bottom:8px;}

.service_list li .more{font-size:14px; text-transform:uppercase; width:330px; height:38px; border:#999 solid 1px; text-align:center; line-height:38px; transform:translate(0,0); transition:all .4s ease-in 0s;  position:absolute; bottom:-60px;}
.service_list li .more a{ display:block; color:#666; transform:translate(0,0); transition:all .2s ease-in 0s;}
.service_list li .more em.more_icon{ position:absolute; right:-14px; top:-14px; background:url(../images/icon-10.png) no-repeat; width:27px; height:27px; -webkit-transition:-webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out;	-o-transition: -o-transform .3s ease-out; -ms-transition: -ms-transform .3s ease-out;}
.service_list li .more a:hover em.more_icon{-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg);}
.service_list li .more:hover{ border:#222 solid 1px;}
.service_list li .more a:hover{ color:#222;}

.service_list .prev,.service_list .next{width:60px; height:48px; position:absolute; bottom:0px; cursor:pointer; z-index:10000;}
.service_list .prev{left:0;background:url(../images/l_off.png) center no-repeat #FFF; width:60px; height:48px; border-right:#f2f2f2 solid 1px;}
.service_list .next{right:0; background:url(../images/r_off.png) center no-repeat #FFF; width:60px; height:48px; border-left:#f2f2f2 solid 1px;}
.service_list .prev:hover{background:url(../images/l_on.png) center no-repeat #FFF;}
.service_list .next:hover{background:url(../images/r_on.png) center no-repeat #FFF;}

.service_more{ background:#FFF; width:100%; text-align:center; height:48px; line-height:48px; clear:both; overflow:hidden; -moz-box-shadow:0px 0px 12px rgba(0,0,0,.04); -webkit-box-shadow:0px 0px 12px rgba(0,0,0,.04); box-shadow:0px 0px 12px rgba(0,0,0,.04);}
.service_more a{ font-size:16px; color:#787878; letter-spacing:1px; display:block}
.service_more a:hover{ color:#333;}


/*page4 动画*/
.page4 .service_tit{transition:1s; transform: translateY(-3000px);}
.page4.active .service_tit{transform:translateY(0px);}
.page4 #in_new .hd{transition:1.5s; transform: translateX(3000px);}
.page4.active #in_new .hd{transform:translateX(0px);}
.page4 .in_new_one{transition:1.3s; transform: translateX(-3000px);}
.page4.active .in_new_one{transform:translateX(0px);}
.page4 .in_new_list{transition:1.3s; transform: translateX(3000px);}
.page4.active .in_new_list{transform:translateX(0px);}
.page4 .in_news_more{transition:1.5s; transform: translateY(3000px);}
.page4.active .in_news_more{transform:translateY(0px);}


/*新闻资讯*/
.new_right{ width:500px; height:605px; overflow:hidden;}
.new_right li{ width:500px; height:295px; overflow:hidden; position:relative; margin-bottom:15px;}
.new_right li img{width:500px; height:295px; overflow:hidden; transform:translate(0,0); transition:all .3s ease-in 0s;}
.new_right div.txt_item{ position:absolute; left:0; bottom:0; width:470px; height:40px; line-height:40px; font-size:15px; background:rgba(0,0,0,.56); color:#FFF; padding:0 15px;}
.new_right div.txt_item span.fr{ color:#e5e5e5;}
.new_right li:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}

#in_new{ height:auto; overflow:hidden;}
#in_new .hd{ height:45px; overflow:hidden; position:absolute; top:40px; right:0;}
#in_new .hd li{ width:146px; height:45px; line-height:45px; float:left; display:inline-block; margin-left:15px; cursor:pointer; background:#f2f2f2; text-align:center; color:#666; font-size:16px; overflow:hidden;}
#in_new .hd li:hover{ background:#cd1739; color:#FFF;}
#in_new .hd li.on{ background:#cd1739; color:#FFF;}
#in_new .bd{ width:1220px; height:auto; overflow:hidden; margin-top:50px; clear:both;}

.in_new_one{ width:365px; height:440px; background:#f0f0f1; position:relative;}
.in_new_one_pic{ width:365px; height:240px; overflow:hidden;}
.in_new_one_pic img{ width:365px; height:240px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}
.in_new_one_item{ position:absolute; left:20px; bottom:20px; background:#FFF; width:275px; height:180px; overflow:hidden; padding:20px 25px;}
.in_new_one_item h3{ font-size:17px; font-weight:100; line-height:28px; text-align:justify; max-height:56px; overflow:hidden;}
.in_new_one_item h3 a{ color:#333;}
.in_new_one_item h3 a:hover{ color:#cd1739;}
.in_new_one_item p{ font-size:15px; color:#888; line-height:26px; margin-top:6px; max-height:78px; overflow:hidden; text-align:justify;}
.in_new_one_item div.news_one_time{ height:40px; line-height:40px; font-family:Arial; font-size:14px; color:#999; border-top:#e5e5e5 solid 1px; margin-top:10px;}
.in_new_one_item div.news_one_time span.fr a{ color:#999; text-transform:uppercase;}
.in_new_one_item div.news_one_time span.fr a:hover{ color:#cd1739;}
.in_new_one:hover .in_new_one_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}


.in_new_list{ overflow:hidden; width:835px;}
.in_new_list li{ height:210px; width:835px; background:#f0f0f1; position:relative; display:block; margin-bottom:20px; margin-right:20px; position:relative;}
.in_new_list li .in_new_pic{ width:320px; height:210px; overflow:hidden; position:absolute; top:0; right:0;}
.in_new_list li .in_new_pic img{ width:320px; height:210px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}
.in_new_list li .in_new_item{ width:490px; height:120px; background:#FFF; overflow:hidden; position:absolute; left:25px; top:25px; padding:20px 25px;}
.in_new_item h3{ font-size:18px; font-weight:100; height:24px; line-height:24px; overflow:hidden;}
.in_new_item h3 a{ color:#333;}
.in_new_item h3 a:hover{ color:#cd1739;}
.in_new_item p{ font-size:15px; color:#888; line-height:26px; margin-top:6px; max-height:52px; overflow:hidden; text-align:justify;}
.in_new_item div.news_time{ height:40px; line-height:40px; font-family:Arial; font-size:14px; color:#999; border-top:#e5e5e5 solid 1px; margin-top:10px;}
.in_new_item div.news_time span.fr a{ color:#999; text-transform:uppercase;}
.in_new_item div.news_time span.fr a:hover{ color:#cd1739;}
.in_new_list li:hover .in_new_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}

.in_news_more{ background:#fff; width:100%; text-align:center; height:48px; line-height:48px; clear:both; overflow:hidden; -moz-box-shadow:0px 0px 12px rgba(0,0,0,.04); -webkit-box-shadow:0px 0px 12px rgba(0,0,0,.04); box-shadow:0px 0px 12px rgba(0,0,0,.04);}
.in_news_more a{ font-size:16px; color:#787878; letter-spacing:1px; display:block}
.in_news_more a:hover{ color:#cd1739;}


/*page5 动画*/
.page5 .service_tit{transition:1s; transform: translateY(-3000px);}
.page5.active .service_tit{transform:translateY(0px);}
.page5 .in_case li{transition:1.2s; transform: translateX(-3000px);}
.page5.active .in_case li{transform:translateX(0px);}
.page5 .in_case .prev{transition:1.5s; transform: translateX(-3000px);}
.page5.active .in_case .prev{transform:translateX(0px);}
.page5 .in_case .next{transition:1.5s; transform: translateX(3000px);}
.page5.active .in_case .next{transform:translateX(0px);}
.page5 .service_more{transition:1s; transform: translateY(3000px);}
.page5.active .service_more{transform:translateY(0px);}


/*项目案例*/
.in_case{ clear:both; overflow:hidden;}
.in_case li{ width:390px; overflow:hidden; float:left; margin-right:25px; margin-bottom:25px;}
.in_case_pic{ width:390px; height:264px; overflow:hidden;}
.in_case_pic img{ width:390px; height:264px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}
.in_case li p{ height:58px; line-height:58px; text-align:center; overflow:hidden; font-size:16px; background:#f7f7f7; margin-top:2px; color:#555;}
.in_case li:hover .in_case_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.in_case li:hover p{ color:#333; background:#f0f0f1;}

.in_case .prev,.in_case .next{width:60px; height:48px; position:absolute; bottom:0px; cursor:pointer; z-index:10000;}
.in_case .prev{left:0;background:url(../images/l_off.png) center no-repeat #FFF; width:60px; height:48px; border-right:#f2f2f2 solid 1px;}
.in_case .next{right:0; background:url(../images/r_off.png) center no-repeat #FFF; width:60px; height:48px; border-left:#f2f2f2 solid 1px;}
.in_case .prev:hover{background:url(../images/l_on.png) center no-repeat #FFF;}
.in_case .next:hover{background:url(../images/r_on.png) center no-repeat #FFF;}


/*page6 动画*/
.page6 .service_tit{transition:1s; transform: translateY(-3000px);}
.page6.active .service_tit{transform:translateY(0px);}
.page6 .in_contact{transition:1s; transform: translateY(1000px);}
.page6.active .in_contact{transform:translateY(0px);}
.page6 .in_contact_map{transition:1.6s; transform: translateX(-3000px);}
.page6.active .in_contact_map{transform:translateX(0px);}
.page6 .in_contact_item{transition:1.6s; transform: translateX(3000px);}
.page6.active .in_contact_item{transform:translateX(0px);}
.page6 #in_copy{transition:1.5s; transform: translateY(3000px);}
.page6.active #in_copy{transform:translateY(0px);}

.in_contact{overflow:hidden; clear:both; background:rgba(255,255,255,.5); min-height:380px; padding:40px; width:1140px;}
.in_contact_map{ height:380px; width:520px; overflow:hidden; border:#e5e5e5 solid 1px;}
.in_contact_item{ width:580px; overflow:hidden; line-height:34px; font-size:16px; color:#333; text-align:justify;}
.in_contact_item h2{ font-size:24px; color:#222; height:50px; line-height:50px; overflow:hidden;}
.in_contact_item a{ color:#444;}
.in_contact_item a:hover{ text-decoration:underline; color:#00F}
.in_contact_item p{}
.in_contact_item p span{ margin-right:40px;}
.in_contact_ewm{ clear:both; overflow:hidden;}
.in_contact_ewm li{ width:120px; overflow:hidden; float:left; display:inline-block; margin-right:32px; text-align:center;}
.in_contact_ewm li img{ width:120px; height:120px; overflow:hidden;}
.in_contact_ewm li p{font-size:14px; height:32px; line-height:32px; margin-top:2px; overflow:hidden;}

/*copy*/
#in_copy{ position:absolute; bottom:0; width:100%; background:rgba(255,255,255,.3); padding: 20px 0; line-height:20px; color:#333; clear:both; overflow:hidden; font-size:13px;}
#in_copy a{ color:#333;}
#in_copy a:hover{ color:#cd1739; text-decoration:underline;}


/*右侧悬浮*/
.xuanfu_menu_box{display: block; width:64px; position: fixed; bottom:33%; right:4px; z-index:2000; display:none;}
.xuanfu_menu_box li{ width:62px; height:54px; background:#666; border:#666 solid 1px; cursor:pointer; color:#FFF; text-align:center; margin-top:2px; padding-top:8px; border-radius:4px;}
.xuanfu_menu_box li a{ color:#fff; display:block;}
.xuanfu_menu_box li a em{ font-size:28px; height:28px; line-height:30px; display:inline-block}
.xuanfu_menu_box li.zx a em{ font-size:34px;}
.xuanfu_menu_box li.wx a em{ font-size:23px;}
.xuanfu_menu_box li.tel a em{ font-size:25px;}
.xuanfu_menu_box li.go_top a em{ font-size:29px;}
.xuanfu_menu_box li a p{ margin-top:5px;}
.xuanfu_menu_box li:hover{ background:#cd1739; border:#cd1739 solid 1px;}
.xuanfu_menu_box li:hover a{ color:#FFF;}

.toolbar-item{ position:relative;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-layer{background:#FFF; padding:5px; width:auto; display:block; border-radius:4px; -moz-box-shadow:0px 0px 10px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,.1); box-shadow:0px 0px 10px rgba(0,0,0,.1); position:absolute; right:66px; bottom:-1px; opacity:0; filter:alpha(opacity=0);transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.toolbar-layer p{ width:140px; font-size:14px; text-align:center; line-height:30px; margin:0; padding:0; overflow:hidden; color:#000;}
.toolbar-layer img{ width:120px; height:120px; overflow:hidden; padding:10px; text-align:center;}
.xuanfu_menu_box li.tel .toolbar-layer{ padding:6px 18px 3px 18px; overflow:hidden; }
.xuanfu_menu_box li.tel .toolbar-layer p{ border-bottom:#e5e5e5 solid 1px; line-height:30px; color:#787878; font-size:13px; overflow:hidden; width:178px; overflow:hidden;}
.xuanfu_menu_box li.tel .toolbar-layer p:last-child{border-bottom: none;}
.xuanfu_menu_box li.tel .toolbar-layer p.ph{ color:#cd1739; font-size:24px; height:38px; line-height:38px; font-family:Arial;}



/*page*/
.page_weizhi{ background:#f7f7f7; width:100%; height:64px; line-height:64px; overflow:hidden;}
.page_tit_box{ background:#FFF; -moz-box-shadow:0px 0px 14px rgba(0,0,0,.12); -webkit-box-shadow:0px 0px 14px rgba(0,0,0,.12); box-shadow:0px 0px 14px rgba(0,0,0,.12); height:70px; width:auto; padding:32px 42px 42px 42px; display:inline-block; position:absolute; top:-100px; line-height:32px; min-width:130px;}
.page_tit_box h3{ font-size:37px; font-family:Arial; color:#ddd; text-transform:uppercase; }
.page_tit_box h2{ font-size:24px; color:#333; font-weight:100;}
.page_tit_box h2::after{ width:20px; height:2px; background:#cd1739; display:block; content:""; position:absolute; left:43px; bottom:35px;}

.weizhi{ font-size:14px; color:#666; text-align:right;}
.weizhi span{ margin:0 4px; font-family:"\5B8B\4F53";}
.weizhi a{ color:#666;}
.weizhi a:hover{ color:#cd1739}
.weizhi em.iconfont{ margin-right:8px; color:#cd1739;}
.weizhi b{ color:#cd1739;}

.page_nav_box{border-top:#eee solid 1px; border-bottom:#eee solid 1px; width:100%; clear:both; overflow:hidden; padding:18px 0 20px 0;}
.page_nav{ clear:both; overflow:hidden; text-align:center;}
.page_nav a{ font-size:16px; margin:0 24px; color:#555; display:inline-block; height:42px; line-height:42px; position:relative;}
.page_nav a:hover{ color:#cd1739; font-weight:600;}
.page_nav a:hover::after{ width:22px; height:2px; background:#cd1739; display:block; content:""; position:absolute; left:50%; margin-left:-11px; bottom:0px;}
.page_nav a.on::after{ width:22px; height:2px; background:#cd1739; display:block; content:""; position:absolute; left:50%; margin-left:-11px; bottom:0px;}
.page_nav a.on{ color:#cd1739; font-weight:600;}

/*关于我们*/
.page_about_con{ font-size:16px; line-height:2.4; clear:both; overflow:hidden; padding:20px 0px 10px 0px; text-align:justify;}
.page_about_con img{ max-width:1220px; height:auto; width:expression(this.width > 1220px ? "1220px" : this.width); overflow:hidden;}
.con_title{ font-size:32px; color:#333; font-weight:bold; line-height:52px;}
.con_auth{ clear:both; height:36px; font-size:14px; line-height:36px; overflow:hidden; margin-bottom:10px; margin-top:4px; color:#666; border-bottom:rgba(0,0,0,.08) solid 1px; padding:5px 0;}
.con_auth span{ margin-right:25px; float:left}
.con_auth span em{ font-size:18px; margin-right:6px; float:left; color:#787878;}

#page_copy{ width:100%; background:#3a3a3a; line-height:60px; color:#999; clear:both; overflow:hidden; font-size:14px; padding:4px 0;}
#page_copy a{ color:#999;}
#page_copy a:hover{ color:#fff; text-decoration:underline;}


.news_list{ clear:both; overflow:hidden;}
.news_list li{ height:170px; overflow:hidden; border-bottom:rgba(0,0,0,.06) solid 1px; clear:both; padding:25px 0;}
.news_list_pic{ width:259px; height:170px; overflow:hidden; float:right; display:inline-block;}
.news_list_pic img{ width:259px; height:170px; overflow:hidden; transform:translate(0,0); transition:all .3s ease-in 0s;}

.page_news_time{ float:left; display:inline-block; width:90px; height:124px; padding:23px 0;}
.page_news_time h3{font-size:28px; color:#8f8f8f; font-family:Number-font,Arial; font-weight:100; height:40px; line-height:40px; overflow:hidden;}
.page_news_time p{ margin-top:30px; margin-left:0px;}
.page_news_time p a{ color:#bbb; background:#fafafa; display:inline-block; transform:translate(0,0); transition:all .2s ease-in 0s;}
.page_news_time p a em.iconfont{font-size:18px; width:36px; height:36px; line-height:40px; text-align:center; display:block; transform:translate(0,0); transition:all .3s ease-in 0s;}
.news_ticps{float:left; display:inline-block; margin:32px 30px 0 15px;}
.news_ticps em{ content:""; height:1px; width:40px; overflow:hidden; background:#aaa; display:inline-block; transform:translate(0,0); transition:all .3s ease-in 0s;}
.news_list li:hover .news_ticps em{ width:62px; background:#666;}
.news_item{ float:left; display:inline-block; width:710px; height:124px; overflow:hidden; padding:23px 0;}
.news_item h3{ font-weight:100; font-size:20px; height:40px; line-height:40px; overflow:hidden;}
.news_item h3 a{ color:#444;}
.news_item h3 a:hover{ color:#cd1739;}
.news_item p{ color:#999; font-size:14px; line-height:26px; height:78px; text-align:justify; overflow:hidden; margin-top:6px;}
.news_list li:hover .page_news_time p a{ background:#cd1739; color:#FFF; }
.news_list li:hover .page_news_time p a em.iconfont{-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg);}
.news_list li:hover .news_list_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}

/*翻页*/
#page{margin:50px 5% 0px 5%; overflow:hidden; text-align:center; font-size:14px; clear:both;}
#page .scott{ display:inline-block; margin:0 auto;overflow:hidden;}
#page .scott span,#page .scott a:hover{ background:#666; border:1px solid #666; color:#fff; display:inline; float:left; margin:5px 4px; padding:0 13px; height:32px; line-height:32px; text-decoration:none;}
#page .scott a{padding:0 13px; height:32px; line-height:32px; background-color:#fff; border:1px solid #ddd; margin:5px 4px; display:inline; float:left; color:#666;}
/**/
.page_back{border-top:rgba(0,0,0,.08) solid 1px; padding:20px 0 0 0; margin-top:20px; position:relative; min-height:50px; font-size:16px; line-height:38px;}
.page_back a{ color:#444;}
.page_back a:hover{ text-decoration:underline; color:#cd1739;}
.page_back .bapage_back_up{ position:absolute; right:10px; top:40px;}
.bapage_back_up em.iconfont{ font-size:18px; font-style:normal; margin-right:6px; display:inline-block;}

/*服务*/
.page_service_list{ clear:both;}
.page_service_list li{ width:340px; height:380px; overflow:hidden; background:#FFF; margin:0px 40px 40px 0px; padding:20px; float:left; display:inline-block; position:relative; -moz-box-shadow:0px 0px 12px rgba(0,0,0,.07); -webkit-box-shadow:0px 0px 12px rgba(0,0,0,.07); box-shadow:0px 0px 12px rgba(0,0,0,.07);}
.page_service_list li:nth-child(3n) { margin:0px 0px 40px 0px;}
.page_service_list li:hover .service_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.page_service_list li .service_item{ background:#fff; clear:both; overflow:hidden; position:absolute; bottom:15px; width:340px; height:145px; padding:10px 0; transform:translate(0,0); transition:all .3s ease-in 0s;}
.page_service_list li .service_item h3{ font-size:22px; font-weight:100; height:44px; line-height:44px; overflow:hidden;}
.page_service_list li .service_item p{ font-size:14px; height:72px; line-height:26px; overflow:hidden; color:#666; text-align:justify; transform:translate(0,0); transition:all .2s ease-in 0s;}
.page_service_list li:hover .service_item{ height:200px;}
.page_service_list li:hover .service_item p{ height:104px;}
.page_service_list li:hover .more{ bottom:8px;}

.page_service_list li .more{font-size:14px; text-transform:uppercase; width:330px; height:38px; border:#999 solid 1px; text-align:center; line-height:38px; transform:translate(0,0); transition:all .4s ease-in 0s;  position:absolute; bottom:-60px;}
.page_service_list li .more a{ display:block; color:#666; transform:translate(0,0); transition:all .2s ease-in 0s;}
.page_service_list li .more em.more_icon{ position:absolute; right:-14px; top:-14px; background:url(../images/icon-10.png) no-repeat; width:27px; height:27px; -webkit-transition:-webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out;	-o-transition: -o-transform .3s ease-out; -ms-transition: -ms-transform .3s ease-out;}
.page_service_list li .more a:hover em.more_icon{-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg);}
.page_service_list li .more:hover{ border:#222 solid 1px;}
.page_service_list li .more a:hover{ color:#222;}

/*案例*/
.case_list{ clear:both; overflow:hidden;}
.case_list li{ width:390px; overflow:hidden; float:left; margin-right:25px; margin-bottom:25px;}
.case_list li:nth-child(3n) { margin-right:0px;}
.case_list li p{ height:58px; line-height:58px; text-align:center; overflow:hidden; font-size:16px; background:#f7f7f7; margin-top:2px; color:#555;}
.case_list li:hover .in_case_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.case_list li:hover p{ color:#333; background:#f0f0f1;}


/*在线留言*/
.message_tips{ font-size:12px; font-weight:normal; text-align:center; color:#999; margin-bottom:20px;}
.message_kk{ width:378px; height:48px; line-height:48px; background:#FFF; border:#e3e3e3 solid 1px; margin:10px 10px 20px 10px; color:#6e6e6e; font-size:14px; overflow:hidden;}
.message_name{ width:90px; float:left; display:inline; text-align:right; overflow:hidden; margin-right:3px;}
.message_input{ float:left; display:inline; width:235px;}
.message_input input{ width:235px; height:48px; border:0 none; color:#666;}
.message_icon{ width:50px; height:48px; overflow:hidden; float:right; display:inline;}
.message_kk1{ width:1178px; height:240px; line-height:48px; background:#fff; border:#e3e3e3 solid 1px; color:#6e6e6e; font-size:14px; clear:both; overflow:hidden; margin:0 10px;}
.message_textarea{ float:left; display:inline; width:1020px;}
.message_textarea textarea{ width:1020px; height:216px; background:none; line-height:1.6; padding:14px 0 8px 0; border:0 none; color:#666; font-size:14px; font-family:"微软雅黑"; resize:none;}
.message_btn{ background:#fbfbfb; color:#333; width:150px; height:42px; font-size:15px; border:#e5e5e5 solid 1px; outline:none; cursor:pointer; margin:0 25px;}
.message_btn:hover{ background:#cd1739; color:#FFF; border:#cd1739 solid 1px;}
/*友情链接*/
.link_list{ clear:both; overflow:hidden; padding-top:50px; min-height:230px;}
.link_list li{ float:left; display:inline-block; width:230px; height:52px; line-height:52px; border-bottom:#ddd dotted 1px; padding:0 7px;}
.link_list li a{ font-size:14px; color:#005ea7;}
.link_list li em{ margin-right:9px; font-size:17px; color:#666;}
.link_list li a:hover{ color:#cd1739; text-decoration:underline;}