@charset "utf-8";
/* CSS Document */
*{ outline:none;margin:0px; padding:0px;}
body{ color:#333333; font-size:12px; font-family:"微软雅黑"; line-height:20px; overflow-x:hidden; padding-top:60px; min-width:1184px;}
a{ text-decoration:none; color:#666666;}
a:active,a:hover{ text-decoration:none; color:#D7000F;}
ul,li,dl,dt,dd{ list-style:none; margin:0px; padding:0px;}
p{ margin:0px; padding:0px;}
img{ border:0px;}
.clear{ clear:both;}
/*修正IE5,6斜体溢出bug */
*html body{ overflow:visible}
*html iframe,*html frame{ overflow:auto}
*html frameset{ overflow:hidden}
html{-webkit-text-size-adjust: none;}
input,select{ vertical-align:middle; background-color:#FFF;}
textarea,input { word-wrap:break-word; word-break:break-all; padding:0px;}
img{ border:0px none;}
h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px; font-weight:normal;}
h6{ font-size:14px;}
.fl{ float:left;}
.fr{ float:right;}

.top{ height:60px; width:100%; background-color:#F0F0F0; top:0px; left:0px;z-index:999; position:fixed;_position:absolute; _top:expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);}
.toper{ width:1184px; margin:0 auto; line-height:60px;}
.logo{ width:1184px; margin:0 auto; height:0; line-height:0px; font-size:0; position:relative;}
.logo a{ position:absolute; z-index:9999; left:0; top:-60px;}
.menu { font-size:14px; line-height:60px; text-align:center;}
.menu ul li a,.menu ul li a:visited{display:block; color:#898989; overflow:hidden; padding:0 30px;}
.menu ul li a.on{ color:White; background-color:Black;}
.menu ul li {float:right; position:relative;}
.menu ul li ul {display: none; background-color:Black; z-index:9999; font-size:12px; padding-bottom:8px; width:100%;}
.menu ul li:hover a { color:White; background-color:Black;}
.menu ul li:hover ul {display:block; position:absolute; top:60px; left:0; line-height:30px;}
.menu ul li:hover ul li{ width:100%; position:relative;}
.menu ul li:hover ul li a { text-decoration:none; padding:0; width:100%;}
.menu ul li:hover ul li a:hover { text-decoration:none; padding:0;}
.menu ul li:hover ul li span{ display:block; position:absolute; width:0px; height:0px; background:white; top:28px; left:50%;}
.index{ text-align:center; background:url(../images/banner_i.jpg) no-repeat center; height:380px; padding-top:336px; width:100%; text-align:center; position:relative;}
.index .span1{ display:inline-block; padding:0 28px; font-size:36px; font-family:"方正风雅宋简体"; line-height:60px; border-bottom:2px solid #000;}
.index .span2{ display:inline-block; margin:14px 0; border:1px solid #949590; padding:0 5px;}
.index .span3{ display:inline-block; width:580px; font-size:18px; color:#434343; line-height:24px; font-family:"黑体";}
.notice-up {
  background: url(../images/gobottom.png) center center no-repeat;
  width: 95px;
  height: 48px;
  z-index: 2;
  position: absolute;
  bottom: 60px;
  left: 50%;
  margin-left: -47px;
  opacity: 0;
}
.swipeMove {
  -webkit-animation: swipeMove 1s ease-in infinite;
  animation: swipeMove 1s ease-in infinite;
  cursor:pointer;
}
@-webkit-keyframes swipeMove {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -10px, 0)
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0)
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 10px, 0)
}
}
 @keyframes swipeMove {
 0% {
 opacity: 0;
 transform: translate3d(0, -10px, 0)
}
 60% {
 opacity: 1;
 transform: translate3d(0, 0, 0)
}
 100% {
 opacity: 0;
 transform: translate3d(0, 10px, 0)
}
}

.wrapper{ width:1184px; margin:0 auto;}
.wra_a{ background:url(../images/i_pinpai_xian.png) no-repeat center -12px; text-align:center; padding-top:98px; padding-bottom:20px;}
.wra_a .div1{ color:black; font-size:22px; line-height:30px;}
.wra_a span{ display:inline-block; margin:20px 0; font-size:0; line-height:1; height:1px; background-color:black; width:240px;}
.wra_a .div2{ font-size:14px; color:#434343; line-height:26px;}
.pinpai{ padding-bottom:20px;}
.pinpai .list{ width:2000%;}
.pinpai .p_left{ float:left; width:109px; text-align:center; padding-top:204px;}
.pinpai .p_right{ float:left; width:109px; text-align:center; padding-top:204px;}
.pinpai ul{ width:966px; display:inline-block; float:left; overflow:hidden;}
.pinpai ul li{ float:left; width:322px; text-align:center; height:244px;}
.pinpai_dian{ width:966px; margin:0 auto; border-bottom:1px solid #B5B5B5; padding-bottom:30px; text-align:center; margin-bottom:20px;}
.service{ width:100%; max-width:1920px; margin:0 auto;}
.service ul{ line-height:74px; height:74px; padding:0 10%; width:80%; background-color:#F9F9F9;}
.service ul li{ float:left; width:20%; text-align:center; font-size:16px;}
.service ul li a{ color:#959595;}
.service ul li a.on{ color:black; text-decoration:underline;}
.service_img{ height:555px; width:100%; background-position:center; background-repeat:no-repeat;}
.service_img div{ width:1184px; margin:0 auto; text-align:right; padding-top:495px;}
.cases{ width:1191px; margin:0 auto;}
.cases .tit{ background:url(../images/i_case_tit.png) no-repeat top center; padding-top:110px; text-align:center;}
.cases .tit .s1{ font-size:30px; color:black; line-height:40px; display:inline-block; padding-bottom:24px;}
.cases .tit .s2{ font-size:14px; color:#959595; line-height:26px; display:inline-block; padding-bottom:24px;}
.cases ul{ display:inline-block;}
.cases ul li{ float:left; width:397px; text-align:center; height:290px; padding-top:8px; position:relative;}
.cases .our_now_case_popup { display:inline-block;
    height: 290px;
    left: 50%;
    margin-left:-195px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transition-duration: 0.3s;
    width: 390px;
}
.cases .our_now_case_popup:hover{opacity: 1;}
.news .tit{ background:url(../images/i_news_tit.png) no-repeat top center; padding-top:110px; text-align:center; font-size:30px; color:black; height:55px;}
.news ul{ background-color:#F9F9F9; width:100%; height:354px; display:inline-block;}
.news ul li{ float:left; width:394px; height:354px; position:relative; overflow:hidden;}
.news ul li a{ font-size:30px; color:black;}
.news ul li a:hover{ color:white;}
.news ul li a span{ display:inline-block; height:205px; overflow:hidden; line-height:40px;}
.news ul li a font{ display:inline-block; width:100%; text-align:right; color:#959595; font-size:12px; text-decoration:underline;}
.news ul li a div{ position:absolute; padding:80px 25px 0 30px; top:0; left:0; z-index:99; height:274px;}
.news ul li a div.bg{ background:url(../images/black_tm.png) repeat;}
.foot{ width:100%; background:url(../images/footer_bg.jpg) no-repeat center;}
.footer{ padding:42px 0 15px 190px; position:relative; width:760px; margin:0 auto;}
.footer .flogo{ position:absolute; left:0; top:0; z-index:99;}
.footer ul{ display:inline-block; width:760px; height:150px;}
.footer ul li{ width:253px; float:left;}
.footer ul li .t{ font-size:14px; color:#fff; height:35px;}
.footer ul li .c{ color:#afb0af;}
.footer ul li .p{ font-size:14px; color:#fff; height:45px; background:url(../images/icon_phone.png) no-repeat left center; padding-left:45px;}
.footer ul li .pc{ font-size:14px; color:#fff; padding-top:10px;}
.menu_bottom{ width:730px; border-bottom:1px solid #959595; line-height:34px; font-size:14px;}
.copyright{ color:#afb0af; line-height:22px; padding-top:8px;}
.v_show { width:1184px;}
.highlight_tip { width:966px; margin:0 auto; text-align:center; padding:20px 0; margin-bottom:20px; border-bottom:1px solid #B5B5B5;}
.highlight_tip span { cursor:pointer; display:inline-block; width:8px; height:8px; overflow:hidden; margin:0 2px; background:url(../images/yuan_out.png) no-repeat; text-indent:-9999px; }
.highlight_tip .current { background:url(../images/yuan_on.png) no-repeat; }
.v_content { position:relative; width:966px; height:480px; overflow:hidden; float:left;}
.v_content_list { position:absolute; width:2500px; top:0px; left:0px; }
.v_content ul {float:left;}
.v_content ul li { float:left; width:322px; text-align:center; height:244px;}
.change_btn { float:left; width:109px; text-align:center; padding-top:206px;}
.change_btn span { display:block; cursor:pointer; }
.v_show2 { width:1184px;}
.highlight_tip2 { width:965px; text-align:center; padding:20px 0; margin-bottom:20px}
.highlight_tip2 span { cursor:pointer; display:inline-block; width:8px; height:8px; overflow:hidden; margin:0 2px; background:url(../images/yuan_out.png) no-repeat; text-indent:-9999px; }
.highlight_tip2 .current { background:url(../images/yuan_on.png) no-repeat; }
.v_content2 { position:relative; width:965px; height:305px; overflow:hidden;}
.v_content_list2 { position:absolute; width:2500px; top:0px; left:0px; }
.v_content2 ul {float:left; padding-top:45px; text-align:center;}
.v_content2 ul li { float:left; width:322px; text-align:center; height:244px;}
.v_content2 ul li a{ display:inline-block;}
.v_content2 ul li.lii{ float:left; font-size:8px; color:#707070; width:321px; line-height:19px;}
.v_content2 ul li.lii font{ font-family:"黑体"; font-size:18px; color:black; line-height:50px;}
.v_content2 ul li.xian{ float:left; background-color:#B5B5B5; font-size:0; width:1px; height:208px; margin-top:56px;}
.guandian{ width:965px; margin:0 auto; height:395px; overflow:hidden;}
.guandian .tit{ font-size:30px; line-height:40px; text-align:center;}
.guandian .tit font{ display:inline-block; border-bottom:2px solid #D15062; padding:0 4px;}
.v_cases { position:relative; width:1184px; min-height:870px; overflow:hidden;}
.v_cases_list { position:absolute; width:2500px; top:0px; left:0px; }
.v_cases ul { display:inline-block;}
.v_cases ul li { float:left; width:390px; padding-right:7px; height:290px; padding-top:8px; position:relative;}
.v_cases .our_now_case_popup { display:inline-block;
    height: 290px;
    opacity: 0;
    left:195px;
    position: absolute;
    top: 8px;
    transition-duration: 0.3s;
    width: 390px;
}
.v_cases .our_now_case_popup:hover{opacity: 1;}

.cases_btn { width:1184px; text-align:center; padding:18px 0; height:70px;}
.cases_btn span { display:block; cursor:pointer;}
.prev_div{ float:left; width:122px; text-align:center;}
.next_div{ float:right; width:122px; text-align:center;}
.cases_tip { width:940px; text-align:center; padding:20px 0; float:left;}
.cases_tip span { cursor:pointer; display:inline-block; width:8px; height:8px; overflow:hidden; margin:0 2px; background:url(../images/yuan_out.png) no-repeat; text-indent:-999px;}
.cases_tip .current { background:url(../images/yuan_on.png) no-repeat; }
.case_banner{ height:404px; width:100%; background-position:center; background-repeat:no-repeat;}
.cinfo{ width:1184px; font-size:14px; padding-bottom:20px; display:inline-block; background:url(../images/case_info_t.png) no-repeat center -142px; padding-top:90px; line-height:33px;}
.cinfo .title{ font-size:18px; color:Black; padding-left:144px;}
.cinfo .cleft{ float:left; width:290px; color:Black; padding-left:144px;}
.cinfo .cleft div{ font-size:18px; color:black; line-height:34px; padding-bottom:20px;}
.cinfo .cright{ float:left; width:692px; padding-left:4px; line-height:25px; font-size:12px;}
.cinfo font{ color:#959595; font-size:14px;}
.cinfo .c_show{ width:1040px; padding-top:35px; padding-left:144px;}
.cinfo .c_show img{ max-width:1040px; margin-bottom:20px;}
.changeBox_a1{width:100%;height:555px;position:relative;}
.changeBox_a1 .a_bigImg{position:absolute;top:0;left:0;display:none; width:100%; height:555px;}
.changeBox_a1 .a_bigImg div{ width:1184px; margin:0 auto; text-align:right; padding-top:495px;}
.ul_change_a2{position:absolute;left:0; bottom:7px;overflow:hidden;width:100%; text-align:center;}
.ul_change_a2 span{display:inline-block;_display:inline;_zoom:1;width:8px;height:8px;_font-size:0;margin-left:8px;cursor:pointer; background:url(../images/yuan_out.png) no-repeat; font-size:0;}
.ul_change_a2 span.on{ background:url(../images/yuan_on.png) no-repeat;}
.service_desc{ width:958px; margin:0 auto; background:url(../images/i_pinpai_xian.png) no-repeat center -25px; padding-top:85px;}
.service_desc .show{ background:url(../images/service.jpg) no-repeat top right; padding-right:525px; font-size:14px; color:#959595; line-height:25px; min-height:420px; padding-top:50px;}
.service_desc .show .f1{ font-size:36px; color:#b5b5b5; line-height:55px;}
.service_desc .show .f2{ color:black; font-size:30px; line-height:40px; display:inline-block; height:90px;}
.lingyu{ text-align:center; color:white; font-size:30px; height:120px; padding-top:24px; line-height:48px; background:url(../images/footer_bg.jpg) center;}
.liucheng{ border-top:13px solid #3D3E40; background:url(../images/fwlc_tit.png) no-repeat top center; padding-top:95px;}
.liucheng .tit{ text-align:center; font-size:30px; color:#707070; line-height:32px; height:58px;}
.liucheng ul{ color:#707070; width:979px; margin:0 auto;}
.liucheng ul li{ float:left; background-color:#F1F1F1; width:258px; height:126px; margin:11px 14px; padding:10px 20px 0 20px; font-size:16px; line-height:36px;}
.liucheng ul li div{ font-size:12px; padding-left:16px; padding-right:20px; line-height:20px;}
.service_b{ background:url(../images/xian_b.png) no-repeat; width:958px; height:52px; margin:0 auto;}
.banner_about{ width:100%; height:548px; background:url(../images/about.jpg) no-repeat center;}
.about{ background:url(../images/i_pinpai_xian.png) no-repeat center -64px; padding-top:66px; width:1060px; margin:0 auto;}
.about .aleft{ float:left; padding-left:120px; width:220px; color:#707070; font-size:14px; padding-bottom:80px;}
.about .aleft font{ color:black; font-size:30px; line-height:32px;}
.about .aright{ float:right; width:700px; font-size:14px; line-height:28px; padding-bottom:80px;}
.teams{ background-color:#EEEEEE; height:220px;}
.team_show{ padding-top:80px; border-bottom:1px solid #B5B5B5; margin-bottom:20px; position:relative;}
#play {width:960px; margin:0 auto; position:relative;overflow:hidden; padding-bottom:80px;}
#play .img_ul {position:relative;z-index:1;}
#play .img_ul li{ display:inline-block; width:960px;}
#play .img_ul li .left{ float:left; width:430px;}
#play .img_ul li .right{ float:right; width:455px; color:black; line-height:25px;}
#play .img_ul li .right .f1{ font-size:30px;}
#play .img_ul li .right .f2{ display:inline-block; padding:8px 0; font-size:12px;}
#play .img_ul li .right .f3{ display:inline-block; padding-bottom:45px; font-size:24px;}
#play .img_ul li .right .f4{ display:inline-block; padding-bottom:45px; font-size:24px; line-height:34px;}
#play .img_ul li .right .f5{ font-size:12px; color:#959595;}
.scroll{ width:990px; margin:0 auto; padding-top:30px;}
.scrollDiv{ height:190px;}
.img_hd {width:990px; overflow:hidden; position:relative; height:190px;}
.img_hd ul {position:absolute;z-index:1; height:190px;}
.img_hd ul li {float:left; text-align:center; font-size:18px; color:black; line-height:32px; width:198px; opacity:0.7; cursor:pointer;overflow:hidden;*display:inline;}
.img_hd ul li img { width:129px; height:129px;}
.img_hd ul li.on{ opacity:1; text-decoration:underline;}
.img_hd2{ width:990px; position:relative; margin:0 auto;}
.img_hd2 .bottom_a {width:9px; height:16px; position:absolute;display:block; top:-52px;cursor:pointer;z-index:10;}
.img_hd2 .prev_a {background:url(../images/pro_left.png) no-repeat;left:-16px;}
.img_hd2 .next_a {background:url(../images/pro_right.png) no-repeat;right:-16px;}
.img_hd3{ width:1184px; position:relative; margin:0 auto;}
.img_hd3 .bottom_a {width:35px; height:69px; position:absolute;display:block; top:130px;cursor:pointer;z-index:999;}
.img_hd3 .prev_a {background:url(../images/i_pinpai_l.png) no-repeat;left:0px;}
.img_hd3 .next_a {background:url(../images/i_pinpai_r.png) no-repeat;right:0px;}
.banner_news{ width:100%; height:404px; background:url(../images/news.jpg) no-repeat center;}
.nd_tit{ width:954px; padding:105px 0 55px 230px; background:url(../images/i_pinpai_xian.png) no-repeat top center; color:#707070; font-size:14px;}
.nd_tit font{ color:black; font-size:30px; line-height:32px;}
.news_div ul{ width:724px; margin:0 auto;}
.news_div ul li{ height:250px;}
.news_div ul li a{ display:inline-block;}
.news_div ul li img{ float:left; margin-right:30px;}
.news_div ul li .f1{ color:#009fd8; display:inline-block; height:55px; width:504px;}
.news_div ul li .f2{ font-size:14px;}
.news_div ul li .f3{ display:inline-block; margin-bottom:15px; height:76px; width:504px; overflow:hidden; font-size:30px; color:black; line-height:38px;}
.news_div ul li .f4{ font-size:14px; color:#a0a0a0; display:inline-block; width:504px; height:40px; overflow:hidden;}
.pager{ font-size:14px; text-align:right; width:725px; margin:0 auto; padding:10px 0 80px 0;}
.banner_join{ width:100%; text-align:center; height:100px; padding-top:304px; background:url(../images/join.jpg) no-repeat center; font-size:40px; line-height:44px; color:black;}
.banner_join font{ color:#b5b5b5; font-size:36px;}
.points{ float:right; width:700px; padding-bottom:80px; font-size:16px; line-height:28px; color:black;}
.points font{ font-size:24px;}
.position{ float:right; width:560px; padding-right:140px; padding-bottom:50px; line-height:26px; color:#959595;}
.position li{ padding-bottom:30px; margin-bottom:14px; border-bottom:1px solid black;}
.position li font{ font-size:18px; color:black; line-height:30px;}
.banner_contact{ width:100%; height:108px; padding-top:300px; background:url(../images/contact.png) no-repeat center; font-size:40px; line-height:44px; color:black; text-align:center;}
.banner_contact font{ color:#b5b5b5; font-size:36px;}
.contact{ text-align:center; padding:60px 0 65px 0;}
.contact .t{ display:inline-block; width:540px; border-bottom:1px solid #959595; color:black; font-size:24px; line-height:30px; padding-bottom:8px;}
.contact .t font{ font-size:14px; color:#959595;}
.contact .show{ padding-top:15px; padding-bottom:60px; line-height:26px; font-size:14px; color:#959595;}
.map{ text-align:center; position:relative; width:100%; height:548px; background:url(../images/map.jpg) center no-repeat;}
.map img{ position:absolute; z-index:99; left:50%; top:88px; width:30px; margin-left:-81px;}
.message{ float:right; width:600px; padding-left:100px; padding-bottom:80px; font-size:16px; line-height:28px; color:black;}
.message li.name{ line-height:30px;}
.message li.input{ padding-bottom:15px;}
.message li .text{ border:1px solid #CDCDCD; width:340px; height:26px; padding:4px; line-height:26px; font-size:14px; color:black;}
.message li .textarea{ border:1px solid #CDCDCD; width:340px; height:130px; resize:none; padding:4px; line-height:26px; font-size:14px; color:black;}
.message li .btn{ border:0; padding:0; margin:0; cursor:pointer; color:white; font-size:20px; width:132px; height:38px; border-radius:5px; background-color:#009FD7; letter-spacing:1px;}

.field{ width:1185px; margin:0 auto; padding-top:30px; color:#959595; line-height:25px;}
.field li{ float:left; text-align:center; width:237px; padding-bottom:25px;}
.field li font{ font-size:24px; color:black; line-height:30px;}
.field li div.a{ height:75px;}
.field li span{ display:inline-block; height:1px; width:85px; background-color:black; font-size:0; line-height:1px; vertical-align:middle; margin-top:10px;}
.field li a{ display:inline-block; cursor:pointer; vertical-align:middle; width:100%;}
.field li div.b{ display:none; padding-bottom:8px; padding-top:12px;}
.field li a p{ text-align:center; padding-top:10px;}
.field li div.b div{ height:40px; position:relative; cursor:pointer;}

.field-up {
  width: 18px;
  height: 9px;
  z-index: -1;
  position: absolute;
  bottom: 12px;
  left: 50%;
  margin-left: -9px;
  opacity: 0;
}
.swipeMove2 {
  -webkit-animation: swipeMove 1s ease-in infinite;
  animation: swipeMove 1s ease-in infinite;
  cursor:pointer;
}

.ni_a{ padding-top:20px; height:50px; text-align:right;}
.news_info_h2{ line-height:40px; font-size:24px; color:Black; padding-bottom:10px; font-weight:normal;}
.news_info_span{ line-height:40px; color:Black; font-size:16px; width:100%;}
.news_fx{ height:65px; padding-top:4px;}
.news_info_show{ font-size:14px; line-height:28px; padding:0 0 70px 0; color:#666}


#xuanfu {
  position: fixed;
  width: 56px;
  bottom: 0;
  right: 0;
  z-index: 99999;
}
#xuanfu ul li {
  width: 100%;
  height: 56px;
  display: block;
 

  margin-bottom: 1px;
  position: relative;
}
#xuanfu ul li .pic3 {
  display: none;
  position: absolute;
    left: -114px;
  top: -56px;
}
.nav-fixed{
	position:fixed;
	top:0;
	left:0;
	z-index:150;
}
.cl-our-team-list{
	width:25%;
	height:500px;
	background:#f5f5f5;
}
.cl-our-our-team-btom{
	border-bottom:1px solid #b9b9b9
}