@charset "utf-8";
/* CSS Document */
/*公共样式*/
body,div,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,a,img,textarea,input,span,button{margin:0;padding:0;list-style:none; border:0;}
img{display:block; border:none; width:100%;}
html, body { width: 100%; background:#fff; }
body{color:#fff;font-size:12px; font-family:"微软雅黑","宋体","黑体","Arial";height: auto!important; }

h2,h1,h3,h4,h5,strong,b,i,em{font-weight: normal; /* font-size:12px ; */ font-style: normal;}
input,textarea{font-family: 'font-family';border: none;outline: none;font-size:12px;}
table{width:100%; border-collapse:collapse;border-spacing:0;}
* {-webkit-tap-highlight-color: rgba(255,0,0,0);}
/*a:link,a:visited{color:#fff;text-decoration:none;}*/

/*a:hover{color:#fff;text-decoration:none;}*/
a{text-decoration: none;}
.hide{display:none;}

#kfivtwin{color: #000;}

.wrap{width:1200px; margin: 0 auto;  position:relative; }
.main{background:#f5f5f5;}

/*index*/
body.index{background:#f5f5f5; }
.headerTop{width:100%; height:90px; margin:0 auto; color:#333333; font-size: 14px; position: relative; z-index:2; }
.headerTop a{color:#333333;}
.headerTop .left{float:left; width: auto;min-height: auto;background: none;border-radius: 0px; }
.headerTop .left .logo{width:142px; height:41px; float:left; margin-top:25px; }
.headerTop .left span{float:left; margin-left:15px; margin-top: 37px;}
.headerTop .left .phone{  background:url('../image/phone_ico.png') no-repeat left center; color:#e99415;padding: 2px 0 2px 23px; }
.headerTop .left .weixin{float:left; margin-left:15px; margin-top: 37px; width:28px; height:18px; background:url('../image/weixin_ico.png') no-repeat center center; margin-left:30px; cursor:pointer; position: relative; }
.headerTop .left .QQ .box{position: absolute; padding:5px; background:#fff; border:1px solid #ccc; width:97px; font-size: 10px; left:-6.5px; top:33px;text-align: center; display: none;  }
.headerTop .left .QQ .box::after{ content:''; position:absolute; left:48%; top:-7%; width:8px; height:8px; }
/* background:url('../image/sanjiao.png') no-repeat; } */

.headerTop .left .QQ{ background:#fff url('../image/weixin_ico_no.png') no-repeat 10px center; cursor:pointer;  border:1px solid #ccc; padding:5px 10px 5px 30px; border-radius:100rem;  margin-top: 30px; position:relative;background-size:19.5%;}
.headerTop .left .zaixian{ background:#fff url('../image/head_zaixian_ico.png') no-repeat 10px center; cursor:pointer; border:1px solid #ccc; padding:5px 10px 5px 30px; border-radius:100rem;  margin-top: 30px;}
.headerTop .left .zaixian a{font-weight: normal;}

.headerTop .left .QQ:hover{ background-image:url('../image/weixin_ico.png'); }
.headerTop .left .zaixian:hover{ background-image: url('../image/head_zaixian_ico_on.png');}
.headerTop .left .QQ a{font-weight: normal;}

.nav{float:left; margin-left:4%; }
.nav ul{overflow: hidden;}
.nav li{float:left; }
.nav li a{padding:0 18px; line-height:90px; color:#333; font-weight: normal;height: 90px;display: block;}
.nav li a.on{ border-bottom:2px solid #e99415; color:#e99415; }
.nav li a:hover{ border-bottom:2px solid #e99415; color:#e99415; }

.banner{width:100%; min-width:1200px; height:590px; margin:0 auto; overflow:hidden; position:relative; }
.dZbanner{width:900px;height:500px; margin:0 auto; position:relative;margin-top:30px; }


.banner_box{width:1920px; height:590px; position:absolute; left:50%; top:0%; margin-left: -960px;}
.banner_box li{ height:590px;width: 100%;}
.banner_box li a{display: block;}



.dZbanner2{position:relative;}
.dZbanner2 ul li{position:relative;}


.dZbanner2 .prev{display:block; width:42px; height:46px; background: url('../image/slider-arrow.png') no-repeat -170px center; position:absolute; left:2%; top:50%;  margin-top:-20px; }
.dZbanner2 .next{display:block; width:42px; height:46px;background: url('../image/slider-arrow.png') no-repeat -50px center; position:absolute; right:2%; top:50%;  margin-top:-20px; }



.dzMenuList{width:800px;margin:0px auto;overflow:hidden;margin-bottom:40px;font-size:1.1rem;}
.dzMenuList ul li{float: left;
width: auto;
height: 50px;
line-height: 50px;
margin-left: 24px;
}
.dzMenuList ul li a{padding: 8px 20px;
border-radius: 3px;
border: 2px solid #f39800;
background: #f39800;color: #fff; }
.dzMenuList ul li a span{ display:inline-block; margin:-6px 2px;width:25px;height:25px;  }
.dzMenuList ul li a.on{background:none;color:#f39800}
.dzMenuList .li1 a span{ background-image:url('../img/menu_icon1.png'); } 
.dzMenuList .li1 a span.on{ background-image:url('../img/menu_icon1_on.png'); } 

.dzMenuList .li2 a span{ background-image:url('../img/menu_icon2.png'); } 
.dzMenuList .li2 a span.on{ background-image:url('../img/menu_icon2_on.png'); } 

.dzMenuList .li3 a span{ background-image:url('../img/menu_icon3.png'); } 
.dzMenuList .li3 a span.on{ background-image:url('../img/menu_icon3_on.png'); } 

.dzMenuList .li4 a span{ background-image:url('../img/menu_icon4.png'); } 
.dzMenuList .li4 a span.on{ background-image:url('../img/menu_icon4_on.png'); } 

.dzMenuList ul li.on a{background:none;color:#f39800}





.dzMenuList ul li a span{ display:inline-block; margin:-6px 2px; width:25px;height:25px; } 



.dZbanner .banner_box{width:900px; height:500px; position:absolute; left:50%; top:0%; margin-left: -450px;}
.dZbanner .banner_box li{ height:500px;}
.dZbanner .banner_box li a{display: block;}


.bannerDH{position: relative;}
.bannerDH_xingguang{width:100%; position:absolute; left:0%; top:0%; }
.bannerDH .qiu{width:20%; position:absolute; left:0%; top:12%; right:0%; margin:0 auto; }
.bannerDH_rocket{width:100%; position:absolute; left:0%; top:0%; right:0%; margin:0 auto; }
.bannerDH_zi{width:50%; position: absolute; left:20%; bottom:40%; }
.bannerDH_zi span{position: absolute; left:0%; top:0%; right:0%; margin:0 auto; }

.bannerDH_xingqiu{width:5%; position:absolute; left:26%; top:54%; }
.bannerDH_yueqiu{width:5%; position:absolute; right:16%; top:56%; }
.bannerDH_taikongfu{width:5%; position:absolute; right:30%; bottom:0%; }


/*礼盒飘落 开始*/
@keyframes mysnow{
0%{
bottom:100%;
opacity:0;
}
50%{
opacity:1;
transform: rotate(108deg);
}
100%{
transform: rotate(0deg);
opacity: 0;
bottom:0%;
}
}
@-webkit-keyframes mysnow{
0%{
bottom:100%;
opacity:0;
}
50%{
opacity:1;
transform: rotate(108deg);
}
100%{
transform: rotate(0deg);
opacity: 0;
bottom:0%;
}
}
@-moz-keyframes mysnow{
0%{
bottom:100%;
opacity:0;
}
50%{
opacity:1;
transform: rotate(108deg);
}
100%{
transform: rotate(0deg);
opacity: 0;
bottom:0%;
}
}
.roll{
position:absolute;
opacity:0;
animation: mysnow 4s ;
-webkit-animation: mysnow 4s ;
-moz-animation: mysnow 4s ;
height:26px;
width:26px;
}
.liwu_luo{width:70%; position:absolute; left:0%; top:0%; right:0%; margin:0 auto; z-index: 999;}
.div{position:absolute;}
/*雪花飘落 结束*/


.banner .hd li{width:39px; height:6px; background:#202228; cursor:pointer; border-radius:100rem; display:inline-block; }
.banner .hd ul li.on{background:#fff;}
.banner .hd{position:absolute;left:0; bottom:15px; right:0; margin:0 auto; text-align:center;}
 .banner .prev{display:block; width:32px; height:40px; background:url('../image/slider-arrow.png') no-repeat -170px center; position:absolute; left:3%; top:50%;  margin-top:-20px; }
.banner .next{display:block; width:32px; height:40px; background:url('../image/slider-arrow.png') no-repeat -50px center; position:absolute; right:3%; top:50%;  margin-top:-20px; }

.banner .prev:hover{background-position:-110px center;}
.albannerl .next:hover{background-position:10px center;}



 .dZbanner .prev{display:block; width:42px; height:46px; background:url('../img/dzPrev.png') no-repeat; position:absolute; left:-10%; top:50%;  margin-top:-20px; }
.dZbanner .next{display:block; width:42px; height:46px; background:url('../img/dzNext.png') no-repeat; position:absolute; right:-10%; top:50%;  margin-top:-20px; }

/* .dZbanner .prev:hover{background-position:-110px center;} */
.albannerl .next:hover{background-position:10px center;}




/*我们的服务*/
.myFuwu{width:100%; height:446px; margin:0 auto; background:#fff; color:#9f9f9f; }
.index h1.title{padding:45px 0 25px; /*color:#9f9f9f;*/ text-align: center;}
.index h1.title strong{ color:#3e3e3e; font-size:32px; border-bottom:1px solid #9f9f9f; padding-bottom:10px;}
.index h1.title p span{display:inline-block; padding:0 5px; background:#f5f5f5;font-size: 14px;}
.index h1.title p{line-height: 14px;}

.index .myFuwu h1.title p span{ background:#fff;}
.index .myFuwu h1.title p{line-height: 14px;}

.myFuwu .bottom{margin-top:70px;  text-align:center; overflow: hidden;font-size: 14px;}
.myFuwu .bottom li{float:left; width:200px; height:200px; margin-right: 130px; }
.myFuwu .bottom ul{width: 1320px;}

.myFuwu .bottom li .pic{height:100px; margin:0 auto; position: relative; overflow: hidden; }
/*.myFuwu .bottom li:nth-child(1) .pic{ width:86px; height:89px;  }*/

.myFuwu .bottom li span{ display: block;  }
/*.myFuwu .bottom li:nth-child(1) .pic span:nth-child(1){ width:61px;}
.myFuwu .bottom li:nth-child(1) .pic span:nth-child(2){ width:42px; position: absolute; right:0; bottom:0;}*/

/*.myFuwu .bottom li:nth-child(2) .pic{ width:76px; }
.myFuwu .bottom li:nth-child(2) .pic span:nth-child(1){ width:76px;}
.myFuwu .bottom li:nth-child(2) .pic span:nth-child(2){ width:76px; position: absolute; left:0; top:0;}*/

/*.myFuwu .bottom li:nth-child(3) .pic{ width:124px;}
.myFuwu .bottom li:nth-child(3) .pic span{ margin-top:20px;}

.myFuwu .bottom li:nth-child(4) .pic{ width:107px;  }
.myFuwu .bottom li:nth-child(4) .pic span:nth-child(1){}
.myFuwu .bottom li:nth-child(4) .pic span:nth-child(2){ position: absolute; left:0; top:0;}
.myFuwu .bottom li:nth-child(4){ margin-right: 0px; }*/

.myFuwu .bottom li p{ margin-top:10%;  }

.myFuwu .bottom .one .pic{width:86px;}
.myFuwu .fly1{width:61px;}
.myFuwu .fly2{width:42px; position: absolute; right:0; bottom:0;}


.myFuwu .bottom .two .pic{ width:76px; }
.myFuwu .bottom .two .flash{ width:76px;}
.myFuwu .bottom .two .hand{ width:76px; position: absolute; left:0; top:0;}

.myFuwu .bottom .three .pic{ width:124px;}
.myFuwu .bottom .three .pic span{ margin-top:20px;}

.myFuwu .bottom .four .pic{ width:107px;  }

.myFuwu .bottom .four .pic .qiu_line{ position: absolute; left:0; top:0;}
.myFuwu .bottom .four{ margin-right: 0px; }


/*经典案例*/
.Cases{width:100%; min-width:1200px; margin:0 auto;  }
.Cases .bottom li{ width:20%; float: left; position: relative;  }
.Cases .bottom li a{display: block;width: 99%;margin: 0.5%; }
.Cases .bottom li .index_case_img{width: 100%;}
.Cases .bottom ul{ overflow: hidden;padding-bottom: 3px; }
.Cases_QR_Code{width:99%; height:99%; position:absolute; left:0%; top:0.5%; right:0%; margin:0 auto; background:#000;opacity: 0.9; }
.Cases_QR_Code em{width:40%; margin:30% auto 0; display:block; background:#fff; padding:5px;}
.Cases_QR_Code i{color: #fff;text-align: center;display: block;margin-top: 14px;font-size: 16px;}
.Cases .more_look{width:100%; margin:0 auto; padding:35px 0; text-align: center;  }
.Cases .more_look a:link,.Cases .more_look a:visited{display: inline-block;width: 170px;font-size: 16px;font-family: "宋体";text-align: center;height: 38px;line-height: 38px;color: #7e7e7e;border: 1px solid #7e7e7e;border-radius: 20px;}
.Cases .more_look a:hover,.Cases .more_look a:focus{color: #fff;background: #f39800;border: 1px solid #f39800;}
.Cases .title p span{color: #9f9f9f;}

/*合作客户*/
.clents{width:100%; margin:0 auto; }
.clents .bottom li{width:225px; float: left; margin:0 3px 5px 3px;  }
.clents .title p span{color: #9f9f9f;}
.clents .bottom li img{
	-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
 -webkit-transition:0.3s;
  -moz-transition:0.3s;
  transition:0.3s;
  -webkit-transform-origin:center center;
  transform-origin:center center;
}
.clents .bottom li:hover img{
	-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
filter: none;
 -webkit-transform:scale(0.9);
 -moz-transform:scale(0.9);
 transform:scale(0.9);
 -webkit-transform-origin:center center;
  transform-origin:center center;
}

.clents .bottom ul{width:1155px; overflow: hidden;margin: 0 auto;}
.clents .bottom{width:100%; overflow: hidden;  }

/*新闻*/
.VgameNews{width:100%; padding:45px 0 65px; background:#efefef; color: #9f9f9f;font-size: 14px; }
.VgameNews li{width:30%; padding:0 1.5%; float: left;  }
.VgameNews ul{width:1300px; overflow: hidden;  }
.VgameNews li a{color: #9f9f9f; display: block; margin-bottom: 8px;  }
.VgameNews li .title{color:#3e3e3e; font-size:20px; margin-bottom: 8px;}
.VgameNews li a:hover{color: #3e3e3e;  }
.VgameNews_Tt{color: #9f9f9f;text-align: center;padding-bottom: 30px;}
.VgameNews_Tt strong{ color:#3e3e3e; font-size:28px; border-bottom:1px solid #9f9f9f; padding-bottom:10px;}
.VgameNews_Tt p span{background: #efefef;display: inline-block;padding: 0 5px;font-size: 14px;}
.VgameNews_Tt p{line-height: 14px;}
.caseNews_Tt{color: #9f9f9f;text-align: center;padding: 30px 0 15px 0;}
.caseNews_Tt strong{ color:#3e3e3e; font-size:28px; padding-bottom:10px;}



/*联系我们*/
.contact{width:100%; min-width:1200px; margin:70px auto 0;background: url('../image/contact_bg.jpg') no-repeat;background-position: center top;background-size: 1920px auto;color: #1a1a1a;padding-bottom: 55px; }
.contact .bottom{overflow: hidden; color:#333333; }
.contact h1.title p span{background: #dfe3e4;color:#9f9f9f;}
.index .contact h2.title p span{ background:#dee1e3;}
.contact li{width:37.5%; float: left; }
.contact li:nth-child(2){width:25%; }
.contact_info strong{font-size:30px; font-weight:bold; text-align:center;color:#e99415; display: block; padding:20px 0; }
.contact_info .search{width:70%; min-width:240px; border:2px solid #000; margin:0 auto; position: relative;}
.contact_info .search input{padding:7px 5px; width:80%;}
.contact_info .search a{position: absolute; right:0; top:0; width:35px; height:100%; }
.contact_info .search a img{ height:100%; }

.contact_info .share{width:70%; min-width:240px; height:100%; margin-top:20px; margin:0 auto;}
.contact_info .share .title{ border-bottom:1px solid #9f9f9f; padding-bottom:10px; margin:0 auto; position: relative; }
.contact_info .share .title span{position: absolute; left:0%; top:30%; right:0%; margin:0 auto; background:#fff;  width:55px; text-align:center; }
.contact_info .share .box{ height:50px; margin:15px auto 0; position: relative; }

.contact_info .address{padding:10px 0; font-size:14px; text-align:center; }
.contact_info .erwei{ padding:5px; background:#fff;  width:97px; text-align: center; text-align:center; margin:0 auto;  font-size:14px;}
/*联系我们 屏幕宽度小于1550时*/
@media screen and (max-width:1550px){
.contact_info strong{font-size:22px; padding:0px 0 5px; }
.contact_info .search input{padding:5px 5px;}
.contact_info .share{ margin-top:10px;}
.contact_info .share .box{ height:39px;}
.contact_info .address{padding:5px 0 5px; font-size:12px; }
.contact_info .erwei{ width:85px; font-size:12px;}
}


.contact .box{width: 1200px;margin: 45px auto 0;overflow: hidden;}
.contact .con_1{float: left;width: 475px;}
.contact .con_1 p{padding:8px 0 8px 100px;}
.contact .con_1 p a{color: #1a1a1a;}
.contact .con_1 .title{color: #000000;font-size: 30px;background: url(../image/contact_phone.png) no-repeat;background-position:40px center;background-size: 37px auto;}
.contact .con_1 .phone{color: #ff7f01;font-size: 35px;}
.contact .con_1 .address{font-size: 20px;font-family: "宋体";margin-bottom: 10px;}
.contact .QQ{ background:#fff url('../image/head_qq_ico.png') no-repeat 10px center; cursor:pointer;  border:1px solid #ccc; padding:5px 10px 5px 30px; border-radius:100rem;margin-right: 50px;}
.contact .zaixian{ background:#fff url('../image/head_zaixian_ico.png') no-repeat 10px center; cursor:pointer; border:1px solid #ccc; padding:5px 10px 5px 30px; border-radius:100rem; }

.contact .QQ:hover{ background-image:url('../image/head_qq_ico_on.png'); }
.contact .zaixian:hover{ background-image: url('../image/head_zaixian_ico_on.png');}

.contact .con_2{width: 480px;float: left;}
.contact .con_2 p{padding:8px 0 8px 60px;}
.contact .con_2 .title{color: #000000;font-size: 30px;background: url(../image/contact_share.png) no-repeat;background-position:left center;background-size: 41px auto;}
.contact .con_2 .way{width: 400px;padding: 8px 0 8px 60px;}
.contact .con_2 .way a{color:#1a1a1a;font-size: 16px;margin-right: 10px; }
.contact .con_3{float: left;width: 150px;margin-left: 60px;}
.contact .con_3 span{display: block;text-align: center;font-size: 14px;line-height: 200%;}


 /*底部*/
.footer{width:100%; background:#242424; padding:10px 0 30px; }
.footer p{margin-bottom:5px; }
.footer .friends{margin-bottom:5px; color:#3a3a3a; padding-left:25px; display: inline-block; background:url('../image/footer_link.png') no-repeat left center; }
.footer p a{padding: 3px 10px;color: #4a4848;}

/*返回顶部*/
.totop{position:fixed; right:20px; bottom:10px; padding:5px 10px; background:#f39800; cursor:pointer; text-align: center;}
/*测导航*/
.roll_R{position: fixed; right:0px; top:45%; width:50px; height:200px;z-index: 99; }
.roll_R li{padding:5px 10px; background:#f4cd01; border-radius:5px 0 0 5px; text-align:center;  }
.roll_ico{display: block; width:30px; height:25px; background:url('../image/roll_QQ.png') no-repeat center center;}
.roll_Tel{ background-image:url('../image/roll_Tel.png');}
.roll_wx{ background-image:url('../image/roll_wx.png');}
.roll_R .roll_li_QQ{padding-right:120px; position: absolute; right:-110px; top:62px;}
.roll_R .roll_li_QQ a{color: #fff;}
.roll_R .roll_li_Tel{padding-right:120px; position: absolute; right:-110px; top:124px;}
.roll_R .roll_li_QQ p{position:absolute; left:35%; top:5%; font-weight: bold; font-family: "黑体"; font-size: 14px; padding:15px 0 15px 5px; border-left:1px solid #ccc;}
.roll_R .roll_li_Tel p{position:absolute; left:35%; top:5%; font-weight: bold; font-family: "黑体"; font-size: 14px; padding:15px 0 15px 5px; border-left:1px solid #ccc;color:#fff;}
.roll_R .roll_li_wx{ position: absolute; right:0px; top:0px;}

.roll_R .roll_li_wx{cursor:pointer;}
.roll_R .roll_li_wx .box{position: absolute; padding:5px; background:#fff; border:1px solid #ccc; width:120px; font-size: 12px; right:52px; top:0px;text-align: center; display: none; color:#3e3e3e; }

.roll_R .roll_li_ToTop{position: absolute;top: 186px;padding: 15px 10px;cursor: pointer;}



/*创意推荐*/
.creative_con{width: 100%;margin: 0 auto;}
.creative_wrap{width: 1153px;margin: 0 auto;color: #979797;padding:45px 0 30px;position:relative;}
.creative_wrap a{color: #979797;}
.creative_Tt{text-align: center;font-size: 23px;color: #fff;line-height: 38px;/*background: #e9b25f;*/padding: 20px 0;background: url("../image/small_bg.jpg") repeat top left/10px 10px;}
.creative_Tt span{font-size: 35px;}
.creative_list{overflow: hidden;font-size: 14px;border: 1px solid #e8e7e5;background: #ffffff;margin-bottom: 15px;}




.creative_box a{color: #979797;display: block;}
.creative_left{width: 540px;float: left;margin: 10px 0 0 10px;padding-bottom: 5px;position: relative;}
.creative_left span{display: inline-block;width: 168px;height: 270px;}
.creative_left span img{width: 168px;height: 270px;}

.creative_left li{display: inline-block;width: 168px;height: 270px;overflow: hidden;}
.creative_left li img{width: 168px;}
.creative_left .link_page{display: block;position: absolute;width: 540px;height: 100%;z-index: 999;}

.creative_center{width: 360px;float: left;border-right: 2px solid #e8e7e5;padding:0 15px 0 0;position: relative;margin-top: 5px;}
.creative_center .title{margin: 10px 0 5px;}
.creative_center .title .ico{width: 29px;display: inline-block;vertical-align: middle;margin-right: 6px;}
.creative_center .title .txt{display: inline-block;vertical-align: middle;color: #f39800;font-size: 18px;}
.creative_center .time .link_btn{text-decoration: underline;color: #f39800;font-size: 14px;margin-left: 150px;position: absolute;top: 0;right: 0;}
.creative_center .txtcon span{color: #f39800;}
.creative_center .txtcon{word-wrap:break-word;line-height: 120%;}
.creative_center .time{position: relative;}
.creative_center .text_box{height: 256px;overflow: hidden;}

.creative_right{text-align: center;float: left;width: 222px;}
.creative_right .code{width:136px;margin: 35px auto 0;height: 136px; }
/*.baojia_btn:link,.dinzhi_btn:link,.dinzhi_btn:visited{display: block;width: 120px;font-size: 16px;font-family: "宋体";text-align: center;height: 30px;line-height: 30px;color: #7e7e7e;border: 1px solid #7e7e7e;border-radius: 20px;}*/
/*.baojia_btn:hover,.dinzhi_btn:hover,.dinzhi_btn:focus{color: #fff;background: #f39800;border: 1px solid #f39800;}*/
.baojia_btn,.dinzhi_btn{display: block;width: 168px;font-size: 16px;font-family: "宋体";text-align: center;height: 52px;line-height: 52px;color: #000;background: url("../img/btnBg.png") no-repeat top;background-size: 100% auto;background-position: left top;margin: 5px 0 15px;}

.xingke .baojia_btn,.xingke .dinzhi_btn{margin:20px auto;margin-left: 48%;}



.creative_con .dinzhi_btn{margin: 30px auto 0;}
.loadMore_btn{display: block;width: 150px;font-size: 16px;font-family: "宋体";text-align: center;height: 38px;line-height: 38px;color: #7e7e7e;border: 1px solid #7e7e7e;border-radius: 20px;}
.creative_con .loadMore_btn{margin: 85px auto 0; }
.loadMore_btn:link, .loadMore_btn:visited{color: #7e7e7e;}
.loadMore_btn:hover,.loadMore_btn:focus{color: #fff;background: #f39800;border: 1px solid #f39800;}
.creative_body .otherCase_con{padding-bottom: 45px;}



.cyBox{overflow:hidden;}
.cyList{width: 23.3%;float: left;margin-right: 1.5%;}
.cyList .creative_left{margin:0px;width:100%;}
.cyList .creative_left  li{margin:0px;width:100%;position:relative;}
.cyList .creative_left  li a:nth-child(1) img{width:100%;margin:auto;
position: absolute;
top: 0px;
bottom: 0px;}
.cyList .creative_right{width:100%}
.cyList .title{padding: 0px 5%;height: 40px;overflow: hidden;}


.works_message {
    height: 35px;
    line-height: 35px;
	padding: 0 5%;
	font-size: 12px;
	width: 90%;
}
.works_message .left {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 90px;
    text-align: left;
	float:left;
}
.works_message .right {
    float: right;
	line-height: 35px;
height: 100%;
}
.works_message img {
	margin: 12px 5px 0 15px;
	width: 14px;
	float: left;
}
.works_message .right span {
    vertical-align: sub;
    font-size: 14px;
}
.clear {
    clear: both;
}

.workpic_mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	transition: opacity 200ms ease-in-out;
	-webkit-transition: opacity 200ms ease-in-out;
	-o-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
}
.workpic_mask.blur{
    opacity: 1;
}
.workpic_mask .code img{margin: 45px auto 0;}
.workpic_mask p{text-align: center;margin-top: 5px;color: #fff;}


.workpic_mask .btn_xunjia {
    background: #f4cd01;
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0%;
    top: 222px;
    height: 48px;
    line-height: 48px;

    text-align: center;
    font-size: 18px;
    filter: alpha(opacity=0);
}



.menuList{width:100%;overflow:hidden;margin-top:-45px;position: relative;height: 48px;margin-bottom: 30px;}
.menuList .nav{width:96%;margin-left:0px;}
.creative_wrap .zhankai{width: 20px;height: 20px;background: url("../image/zhankai_2.png") no-repeat top left/100% auto;position: absolute;top: 18px;right: 0px;left: 0px;margin: 0px auto;top: 40px;}
.creative_wrap .zhankai:hover{background: url("../image/zhankai_1.png") no-repeat top left/100% auto;}
.creative_wrap .shouqi{width: 20px;height: 20px;background: url("../image/shouqi_2.png") no-repeat top left/100% auto;position: absolute;top: 18px;right: 0px;display: none;left: 0px;margin: 0px auto;top: 300px;}
.creative_wrap .shouqi:hover{background: url("../image/shouqi_1.png") no-repeat top left/100% auto;}

.menuList .nav li {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 30px;
    font-size: 16px;
    font-weight: bold;
	width:100%;
}
.menuList .nav a {
	display: inline;
	letter-spacing: 1px;
	padding-left:0px;
	height:50px;
	line-height:50px;
}
.menuList li span {
   font-size:0.9rem;
   font-weight:400;
   padding:0px 5px;
}
.menuList .nav li a:hover{ border-bottom:0px; color:#333; }
.menuList .nav li.time_nav span:hover{ border-bottom:0px; color:#e99415; }
.menuList li span.on{color:#e99415;}


.menuList .select .checkeditem{ position: relative;    margin-right: 20px;   border: 1px solid;   padding: 2px 0px;   padding-right: 30px;   padding-left: 10px;}
.menuList .select font{
		/* float:left; */
	}

.menuList .select .btn-close {
	background-image: url(../img/guanbi.png);
	width: 23px;
	height: 100%;
	cursor: pointer;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	background-size: 100%;
}


.nomore{width:120px;text-align:center;margin:0px auto;height:35px;line-height:35px;background:#999;color:#fafafa;border-radius: 5px;font-size:16px;clear: both;}


/*关于我们*/
.about_wrap{width: 100%;margin: 0 auto;}
.about_con{width: 100%;padding-top: 45px;min-width: 1153px;}
.about_Tt{color: #9f9f9f;text-align: center;}
.about_Tt strong{ color:#3e3e3e; font-size:32px; border-bottom:1px solid #9f9f9f; padding-bottom:10px;}
.about_Tt p{line-height: 14px;}
.about_Tt p span{background: #f6f6f6;display: inline-block;padding: 0 5px;font-size: 14px;}

.about_txt{text-align: center;font-size: 20px;color: #1a1a1a;line-height: 35px;padding: 30px 0;}
.about_wrap .pic_box{overflow: hidden;}
.about_wrap .pic_box span{width:39.9%;display: block;float: left;}
.about_wrap .pic_box .pic3{width: 20.2%; }


/*联系我们*/
.contact_wrap{width: 100%;margin-bottom: 45px;}
.contact_con{width: 1153px;margin: 0 auto;padding-top: 45px;}
.contact_Tt{color: #9f9f9f;text-align: center;}
.contact_Tt strong{ color:#3e3e3e; font-size:32px; border-bottom:1px solid #9f9f9f; padding-bottom:10px;}
.contact_Tt p span{background: #f6f6f6;display: inline-block;padding: 0 5px;font-size: 14px;}
.contact_con .box{overflow: hidden;height: 546px;margin-top: 30px;}
.contact_con .map{width: 720px;float: left;}
.contact_con #allmap{height: 546px;}
.contact_con .map iframe{width: 100%;}
.contact_con .txtCon{width: 432px;float: left;text-align: center;color: #1c1c1c;font-family: "宋体";background: #fefefe;height: 546px;}
.contact_con .txtCon .name{font-size: 25px;margin-top: 90px;font-family: "微软雅黑";}
.contact_con .txtCon .phone{font-size: 45px;color: #ff7f01;padding: 15px 0;font-family: "微软雅黑";}
.contact_con .txtCon .address{font-size: 19px;}
.contact_con .txtCon .code{width: 136px;margin: 45px auto 5px;}
.contact_con .txtCon .code_name{font-size: 23px;}
.creative_wrap2{width: 1153px;margin: 0 auto;color: #979797;padding:45px 0 55px;}
.creative_wrap2 h2{color: #666;font-size: 22px;padding-bottom: 10px;border-bottom: #e0e0e0 1px solid;margin-bottom: 15px;}




.contact_con .QQ{ background:#fff url('../image/head_qq_ico.png') no-repeat 10px center; cursor:pointer;  border:1px solid #ccc; padding:5px 10px 5px 30px; border-radius:100rem;  margin-top: 15px;display: inline-block; }
.contact_con .zaixian{ background:#fff url('../image/head_zaixian_ico.png') no-repeat 10px center; cursor:pointer; border:1px solid #ccc; padding:5px 10px 5px 30px; border-radius:100rem;  margin-top: 15px;display: inline-block;}


.contact_con .QQ:hover{ background-image:url('../image/head_qq_ico_on.png'); }
.contact_con .zaixian:hover{ background-image: url('../image/head_zaixian_ico_on.png');}
.contact_con .QQ a,.contact_con .zaixian a{color: #333333;font-family: "微软雅黑";font-size: 14px;}




/*精品案例*/
.case_wrap{width: 100%;}
.case_con{width: 1153px;margin: 0 auto;padding-top: 50px;}
.case_Tt{color: #9f9f9f;text-align: center;}
.case_Tt strong{ color:#3e3e3e; font-size:32px; border-bottom:1px solid #9f9f9f; padding-bottom:10px;}
.case_Tt p span{background: #f6f6f6;display: inline-block;padding: 0 5px;font-size: 14px;}
.case_Tt p{line-height: 14px;}
.case_menu a{display: inline-block;color: #6c6c6c;font-size: 27px;padding:30px 38px;position: relative;}
.case_menu a:hover{color: #e99415;}
.case_menu .on{color: #e99415;}
.case_menu{border-bottom: 1px solid #e99415;padding-left: 16px;}
.case_list{padding-top: 60px;}
.case_menu .ico{position: absolute;width: 20px;bottom: -11px;left: 50%;margin-left: -10px;display: none;}
.case_menu .on .ico{display: block;}

.case_list ul{overflow: hidden;padding: 10px;width: 1107px;margin-left: 40px;}
.case_list li{width: 308px;height:580px;border: 3px solid #f3f5f9;float: left;background-color: #fff;border-radius: 4px;box-shadow: 0 0 3px #888;margin:0 55px 40px 0;}
.case_list .pic_box{width:282px;border: 3px solid #fff;margin: 10px 10px 0 10px;box-shadow: 0 0 2px #666;position: relative;}
.case_list .pic_box .pic img{width: 282px;margin: 0 auto;height: 440px;}
.case_name:link, .case_name:visited{text-align: center;color: #428bca;font-size: 16px;display:block;width: 100%;font-weight: bold;margin: 13px 0 7px 0;}
.case_name:hover, .case_name:focus{color: #2a6496;}
.case_list .detail{color: #999;font-size: 14px;padding: 0 10px;}
.case_list .code_box{position: absolute;width: 100%;height: 100%;background:#000;top: 0;left: 0;display: none;opacity: 0.9; }
.case_list .code_box .code{width: 150px;margin: 80px auto 0;}
.case_list .code_box  .liulan{font-size: 12px;font-weight: bold;background-color: #DDD;border-radius: 15px;color: #000;line-height: 28px;width: 145px;margin: 30px auto;text-align: center;}
.case_list .more_btn{text-align: center;color: #428bca;font-size: 12px;display:block;font-weight: bold;line-height: 28px;width: 145px;margin: 0 auto;background-color: #DDD;border-radius: 15px;}
/*.case_list .more_btn:hover,.case_list .more_btn:focus{color: #2a6496;}*/
.case_wrap .loadMore_btn{margin: 0px auto 0; }
.case_list .row{display: none;}
.case_list .on{display: block;}

/*微信营销*/
.yingxiao_wrap{width: 100%;}
.yingxiao_con{width: 1153px;margin: 0 auto;}
.yingxiao_Tt{color: #9f9f9f;text-align: center;padding: 45px 0;}
.yingxiao_Tt strong{ color:#3e3e3e; font-size:32px; border-bottom:1px solid #9f9f9f;padding: 0 15px 10px;}
.yingxiao_Tt p span{background: #f6f6f6;display: inline-block;padding: 0 5px;font-size: 14px;}
.yingxiao_Tt p{line-height: 14px;}

.yingxiao_list{overflow: hidden;}
.yingxiao_list .box{height: 205px;overflow: hidden;}
.yingxiao_list .box .time{float:left;width: 130px;height: 205px;background: url(../image/yingxiao_time.png) no-repeat;background-position: center top;background-size: 100% auto;text-align: center;font-size: 15px; }
.yingxiao_list .box .time strong{display: block;font-size: 50px;width: 100%;font-weight: bold;height: 80px;line-height: 80px;}
.yingxiao_list .box .time span{height: 40px;line-height: 40px;display: block;}
.yingxiao_list .last-box .time{height: 120px;}
.yingxiao_list .box .con{display:block;width: 886px;height: 176px;border: 1px solid #dbdede;float: left;margin-left: 70px;background: #fff;color: #adacac;padding: 0 30px;line-height: 22px;font-size: 14px;box-shadow: 2px 2px 3px #dbdede;}
.yingxiao_list .con h3{font-size: 18px;color: #ff7f01;font-weight: bold;margin-top: 30px;}
.yingxiao_list .con p{margin:10px 0 12px;word-wrap:break-word; }
.yingxiao_list .con .line span{display: inline-block;color: #fff;background: #ff7f01;padding: 3px 8px;margin-right: 4px;}

/*微信营销内页*/
.yxPage_wrap{}
.yxPage_con{width: 100%;}
.yxPage_top{min-width: 1153px;}
.yxPage_wrap .title{color: #1a1a1a;text-align: center;font-size: 24px;padding: 40px 0 20px;}
.yxPage_wrap .line{color: #717171;text-align: center;font-size: 14px;padding-bottom: 50px;border-bottom: 1px solid #dcdcdc;}
.article_box{width: 100%;color: #6f6f6f;font-size: 14px;line-height: 25px;border-bottom: 1px solid #dcdcdc;padding-bottom: 10px;}
.article_box .line2{width: 1153px;margin: 0 auto;}
.article_box .line2 span{color: #fff;background: #ff7f01;display: inline-block;padding:2px 10px;margin:0 5px;}
.yxPage_wrap .line3{width:100%;border-bottom: 1px solid #dcdcdc;margin-bottom: 45px;}
.yxPage_wrap .line3 .con{width: 1153px;margin: 0 auto;position: relative;padding: 25px 0;}
.yxPage_wrap .line3 a{color: #1d1d1d;font-size: 14px;}
.yxPage_wrap .backlist_btn{position: absolute;width: 116px;top: 16px;right: -20px;cursor: pointer;}

.article_con{width: 1153px;margin: 0 auto;padding: 60px 0 125px;overflow: hidden;}
.article_con .img_1{width: 638px;margin: 0 auto;}
.article_con img{width: auto;}
.article_con .article_t{color: #555555;font-size: 16px;}
.article_con .con_l_art{width: 853px;float: left;overflow: hidden;}
.article_con .con_r_art{width: 260px;float: right;}
.article_con .con_r_art h3{color: #333;font-weight: bold;font-size: 16px;margin-bottom: 10px;overflow: hidden;}
.article_con .con_r_art h3 span{display: inline-block;float: left;}
.article_con .con_r_art h3 a{float: right;color: #999;display: inline-block;font-size: 15px;}
.article_con .con_r_art .case_box{background: #eff0ef;padding-bottom: 20px;}
.article_con .con_r_art .case_box ul{padding: 20px;}
.article_con .con_r_art .case_box li{margin-bottom: 20px;}
.article_con .con_r_art .case_box a:hover .case_name{text-decoration: underline;}
.article_con .con_r_art .case_pic img{width: 100%;}
.article_con .con_r_art .case_name{color: #333;font-size: 16px;}
.article_con .con_r_art .inline_bk{color: #333;text-align: center;border-bottom:1px #bbb solid; display: block;padding: 5px 0;width: 220px;margin: 0 auto;}
.article_con .con_r_art .inline_bk i{width: 14px;height: 14px;display: inline-block;background: url("../image/inline_bk_icon.png") no-repeat;vertical-align: middle;margin-right: 5px;}
.article_con .con_r_art .inline_bk .em{vertical-align: middle;}
.article_con .con_r_art .part_2{margin-top: 20px;}
.article_con .tuijian_box{background: #eff0ef;padding: 20px;}
.article_con .tuijian_box a{color: #333;display: block;margin-bottom: 5px;}
.article_con .tuijian_box a:hover{text-decoration: underline;}
.article_con .tuijian_box .inline_bk{margin-top: 30px;}



/*翻页*/
.pageto{color: #636363;text-align: center;line-height: 38px;text-align: center;font-size: 14px;margin: 55px 0 0;}
/*.pageto a{display: inline-block;color: #636363;font-size: 14px;border: 1px solid #dbdede;width: 38px;height: 38px;line-height: 38px;text-align: center;border-radius: 5px;margin: 0 3px;vertical-align: middle;}
.pageto .on{background: #eb3900;color: #fff;}
.pageto .last_p,.pageto .next_p{display: inline-block;width: 65px;height: 38px;border-radius: 5px;border: 1px solid #dbdede;cursor: pointer;vertical-align: middle;}
.pageto .num_p input{width: 48px;height: 26px;background: none;border: 1px solid #dbdede;text-align: center;}
.pageto .all_p{margin:0 15px; }
.pageto .confirm{width: 50px;height: 26px;line-height: 26px; }*/



.pageto li{display: inline-block;margin-right: 3px;}
.pageto a{color: #636363;font-size: 14px;border: 1px solid #dbdede;border-radius: 5px;padding: 2px 5px;padding: 5px 10px;}
.pageto .thisclass a{background: #eb3900;color: #fff;}



/*H5创意*/
.creat{background: #fff;}
.creat .title{color: #1a1a1a;font-size: 35px;text-align: center;padding: 60px 0 50px;}
.creat .box{overflow: hidden;padding-bottom: 30px;}
.creat_left{float: left;width: 324px;position: relative;}
.creat_left .phone_img{position: absolute;width: 228px;top:100px;left: 48px;}
.creat_left .phone_img img{width: 228px;height: 402px;}
.creat_center{float: left;width:236px;margin:112px 0 0 15px;position: relative; }
.creat_img img{width: 236px;height: 377px;}
.creat_center .code_box{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.6);top: 0;left: 0;text-align: center;color: #fff;font-size: 16px;display: none;}
.creat_center .code{width: 145px;margin: 115px auto 10px;}

.creat_right{width: 420px;float: left;color: #979797;margin:112px 0 0 110px}
.creat_right .creat_title .ico{width: 60px;display: inline-block;vertical-align: middle;margin-right: 6px;}
.creat_right .creat_title .txt{display: inline-block;vertical-align: middle;color: #f39800;font-size: 24px;}
.creat_right .txtcon{margin-left: 70px;font-size: 14px;margin-bottom: 50px;line-height: 150%;}
.creat_right .txtcon span{color: #f39800;}
.creat .dinzhi_btn{position: absolute;left:525px;bottom: 60px;}





/*.main .hero{
	margin: 30px auto;
	text-align: center; width:100%; height:125px; overflow:hidden;

 background: none repeat scroll 0% 0% #e9b25f;
}
*/
.main  .hero h2{
	font-weight: normal;
	font-family: "微软雅黑";
	font-size: 30px;
	color: #fff; padding-top:25px;
}

.main .hero p{
	font-size: 18px;
	line-height: 30px;
	margin: 10px 0;
	padding: 2px;
	color: #fff;
	font-family: "微软雅黑";
}

.shop {
    padding-bottom: 50px;
}
.team {
    margin-top: 30px;
    text-align: center;
}
.w1000 {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
}
.team .left{
	    width: 250px;
    float: left;
    min-height: 300px;
    background: #fff;
    border-radius: 5px;
}
.team .left h5{
	text-align: center;
    padding: 0 0 30px;
    font-size: 1.2em;
    color: #333;
}

.team .right{
	width: 830px;
float: right;
background: #fff;
border-radius: 5px;
padding-bottom: 50px;
color: #333;
}

.team .right .top h2{
	padding: 30px;
margin: 0px;
font-size: 1.8em;
text-align: left;

font-weight: bold;
}

.team .right .bottom h3 {
    padding: 30px;
    margin: 0px;
    text-align: left;
    font-size: 1.6em;
}
.team h3 {
    margin: 0;
    font-size: 30px;
    color: #666;
    font-weight: normal;
    text-shadow: 1px 1px 2px #ddd;
}
.team .right .bottom .pic {
    width: 92%;
    margin: 0px auto;
    height: 400px;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-bottom: 30px;
}
.team  .right .bottom .pic .inpic {
    height: 400px;
    white-space: nowrap;
    text-align: left;
}
.team  .right .bottom .pic .inpic img{display: inline;width: 240px;height: 379px;}
.team  .right .bottom h3 {
    padding: 30px;
    margin: 0px;
    text-align: left;
    font-size: 1.6em;
}
.team h3 {
    margin: 0;
    font-size: 30px;
    color: #666;
    font-weight: normal;
    text-shadow: 1px 1px 2px #ddd;
}
.team  .right .bottom .text {
    text-align: left;
    width: 92%;
    margin: 0px auto;
    font-size: 14px;
}
.team .right hr{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #dbd8d8;
}

.team .team-profile .img-responsive{height: 437px;}

/*为您推荐其他案例*/
.otherCase_con{width: 100%;margin: 60px auto 0;}
.otherCase_wrap{width: 1153px;margin: 0 auto;}
.otherCase_con h2{color: #f4cd01;font-size: 22px;padding-bottom: 10px;border-bottom: #f4cd01 1px solid;margin-bottom: 30px;}


.xingke .otherCase_con h2{color: #e99415;border-bottom: #e99415 1px solid;}



.otherCase_list ul{overflow:hidden;padding-left: 1px;}
.otherCase_list li{float: left;width: 210px;height:191px;overflow:hidden;position: relative;margin-left:10px;margin-right: 10px;
	margin-bottom:20px;}
.otherCase_list .Code_box{position: absolute;width: 100%;height: 100%;background: #000;opacity: 0.9;top: 0;left: 0;}
.otherCase_list .Code_box em{width: 40%;display: block;margin: 25% auto 0;}
.otherCase_list .Code_box i{color: #fff;text-align: center;display: block;margin-top: 14px;font-size: 15px;}



/*案例内页*/
.hero{text-align: center;width: 100%;overflow: hidden;background:none repeat scroll 0% 0% #e9b25f; }
.hero h1{font-size: 30px;padding: 25px 0;}
.caseArticle_con{margin-top: 50px;}
.caseArticle_wrap{width: 100%;position: relative;}
.caseArticle_wrap{width: 990px;margin:0 auto 45px;}
.caseArticle_left{width: 653px;color: #666666;background: #fff;}
.caseArticle_left .txtbox{padding: 20px 30px;}
.caseArticle_left .txtbox p{font-size: 12px;padding-bottom: 10px;}
.caseArticle_left h2{font-size: 22px;color: #333333;padding-bottom: 20px;font-weight: bold;}
.caseArticle_left h3{font-size: 20px;color: #3d3d3d;padding: 45px 0 30px;text-shadow:1px 1px 2px #ddd;}
.caseArticle_left .phone_box{width:653px;height: 896px;background: url('../image/caseArticle_phone_bg.jpg') no-repeat;background-size: 100% auto;background-position: top left; }
.caseArticle_left .phone{width: 374px;position: relative;margin: 0 auto;padding-top: 45px;}
.phone_imgs{position: absolute;width: 330px;top: 134px;left: 23px;height: 585px;}
.phone_imgs img{width: 100%;height: 100%;}
.phone_imgs .swiper-container{width: 330px;height: 520px;}
.caseArticle_left .text{font-size: 14px;color: #4f4f4f;background: url('../image/linebg.png') center top repeat;line-height: 42px;padding-top: 7px;}

.caseArticle_codebox{background: #fff;width: 284px;position: absolute;right:0px;top: 0px;padding-bottom: 100px;}
.caseArticle_codebox .code{width: 227px;margin: 15px auto 0;height: 227px;overflow: hidden;}
.caseArticle_codebox .code img{width: 227px;height: 227px;}
.caseArticle_codebox .tips{display: block;text-align: center;color: #979797;font-size: 14px;}
.caseArticle_codebox p{color: #666666;font-size: 12px;padding: 0 30px;line-height:30px;margin-top: 10px;}
.caseArticle_codebox .title{font-size: 16px;color: #292929;padding: 8px 30px 0;}
.caseArticle_codebox .bot{width: 100%;position: absolute;bottom: 0;left: 0;background: #f39700;font-size: 20px;text-align: center;padding: 10px 0;line-height: 32px;}
.caseArticle_codebox .bot a{font-size: 24px;text-decoration: underline;color: #fff;}
.creativeArticle_top .codeBox{width: 200px;float: left;margin-left: 115px;}
.creativeArticle_top .btns{width: 168px;float: left;}
.creativeArticle_top .bot{width: 100%;overflow: hidden;}


/*创意推荐内页*/
.creativeArticle_con{width: 100%;}
.creativeArticle_wrap{
	width: 1300px;
	margin-left: auto;
	margin-right: auto;
	/*margin-top:125px;*/
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
}
.xingke .creativeArticle_wrap{margin-top:0px;}

.creativeArticle_main{
	width: 1300px;
	background: #fff;
	
	padding: 120px 0 80px;
	}
	
.xingke .creativeArticle_main{padding-top:80px;}
	
	
.creativeArticle_top{overflow: hidden;padding-bottom: 70px;}
.creativeArticle_top .left{width: 293px;position: relative;float: left;margin-left: 150px;margin-right: 65px;}
.creativeArticle_top .phone_img{width: 260px;position: absolute;top: 68px;left: 18px;height: 455px;overflow: hidden; }
/*.creativeArticle_top .phone_img img{width: 260px;height: 455px;}*/
.creativeArticle_top .right{float: left;width: 630px;background: #f7f7f7;color: #979797;height: 510px;box-shadow:10px 10px 5px -8px #EAEAEA;position: relative;border-radius: 0 0 50px 50px;margin-top: 70px;}
.creativeArticle_top .text_box{}
.creativeArticle_top .right p{padding:0 30px;}

.xingke .creativeArticle_top .right .code p{padding:0px;}

.creativeArticle_top .right .ico{width: 29px;display: inline-block;vertical-align: middle;margin-right: 6px;}
.creativeArticle_top .right .txt{display: inline-block;vertical-align: middle;color: #f39800;font-size: 22px;}
.creativeArticle_top .right .txtcon{font-size: 16px;margin-top: 5px;color: #000;line-height: 24px;}
.creativeArticle_top .right .txtcon span{color: #f39800;}
.creativeArticle_top .right .creat_title{padding-top: 15px;}
.creativeArticle_top .right .code{width: 130px;height: 130px;margin:0 auto;}
.creativeArticle_top .right .code li{height: 110px;}

.h5coo .creativeArticle_top .right .titleCon .txtcon{font-size:22px!important;}


.xingke .creativeArticle_top .right .code{float: left;margin-left: 17%;margin-top: 20px;}

.xingke .creativeArticle_top .right .code li{height:auto;}

.creativeArticle_top .right .tips{text-align: center;font-size: 14px;color: #000;}

.creativeArticle_bot{margin-top: 80px;padding:0px 10px;overflow-x:scroll;width:1030px;margin: 0 auto;}
.creativeArticle_bot ul{overflow: hidden;}
.creativeArticle_bot li{float: left;width: 250px;margin-right: 10px;}
.creativeArticle_bot li img{
	width: 100%;
	height: 420px;
}
.creativeArticle_con .default{width: 260px;height: 455px;position: absolute;top: 0px;left: 0px;}
/*.creativeArticle_con .device{width: 512px;
height: 832px;
-webkit-transform: scale(0.5) translateX(-257px) translateY(-417px);
transform: scale(0.5) translateX(-257px) translateY(-417px);
border: inherit;
overflow: hidden;
position: absolute;
top: 0;
z-index: 5;}*/
.creativeArticle_con .device{width: 700px;height: 492px;position: absolute;top: -12px;left: -212px;}
/* .creativeArticle_bot li img{width: 340px;height: 530px;} */
.iframebg .iframebg_logo{width: 180px;margin: 140px auto 0;}
.iframebg p{color: #333;text-align: center;font-size: 16px;margin: 20px 0;}

.creativeArticle_top .titleCon{background: #f4cd01;color: #fff;padding-bottom:10px;}


.clents h1.title {
    padding: 45px 0 25px;
    color: #9f9f9f;
    text-align: center;
}
.clents h1.title strong {
    color: #3e3e3e;
    font-size: 32px;
    border-bottom: 1px solid #9f9f9f;
    padding-bottom: 10px;
}
.clents h1.title p {
    line-height: 14px;
}
.clents h1.title p span {
    display: inline-block;
    padding: 0 5px;
    background: #f5f5f5;
    font-size: 14px;
}

.contact h1.title{padding:45px 0 25px; /*color:#9f9f9f;*/ text-align: center;}
.contact h1.title strong{ color:#3e3e3e; font-size:32px; border-bottom:1px solid #9f9f9f; padding-bottom:10px;}
.contact h1.title p span{display:inline-block; padding:0 5px; font-size: 14px;}
.contact h1.title p{line-height: 14px;}



.lingyu{}
.lingyu h1.title{padding:45px 0 25px; /*color:#9f9f9f;*/ text-align: center;}
.lingyu h1.title strong{ color:#3e3e3e; font-size:32px; border-bottom:1px solid #9f9f9f; padding-bottom:10px;}
.lingyu h1.title p span{display:inline-block; padding:0 5px; font-size: 14px;}
.lingyu h1.title p{line-height: 14px;}

.lingyu h1.title p span {
    display: inline-block;
    padding: 0 5px;
    background: #f5f5f5;
    font-size: 14px;
	color: #9f9f9f;
}

.lingyu .img{width: 1200px;margin: 0px auto;}



.xcxBox{background:url(../img/xcxBg.jpg);}

.xcxBox{}
.xcxBox h1.title{padding:45px 0 25px; /*color:#9f9f9f;*/ text-align: center;}
.xcxBox h1.title strong{ color:#3e3e3e; font-size:32px; border-bottom:1px solid #9f9f9f; padding-bottom:10px;}
.xcxBox h1.title p span{display:inline-block; padding:0 5px; font-size: 14px;}
.xcxBox h1.title p{line-height: 14px;}

.xcxBox h1.title p span {
    display: inline-block;
    padding: 0 5px;
    background: #e5e7e7;
    font-size: 14px;
	color: #9f9f9f;
}

.xcxList{width:1200px;margin:0px auto;overflow:hidden;}
.xcxList .swiper-container {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	height: 453px;
}
.xcxList .swiper-slide {
	background-position: center;
	background-size: cover;
	width: 255px!important;
	height: 453px!important;
}


.xcxRk h1.title{padding:25px 0 25px; /*color:#9f9f9f;*/ text-align: center;background:#e5e7e7}
.xcxRk h1.title strong{ color:#3e3e3e; font-size:32px; border-bottom:1px solid #9f9f9f; padding-bottom:10px;}
.xcxRk h1.title p span{display:inline-block; padding:0 5px; font-size: 14px;}
.xcxRk h1.title p{line-height: 14px;}

.xcxRk h1.title p span {
    display: inline-block;
    padding: 0 5px;
    background: #e5e7e7;
    font-size: 14px;
	color: #9f9f9f;
}
.xcxRk{background: #fff;}
.xcxRk .xcxIcon{width:1200px;margin:0px auto;}



.youshi h1.title{padding:25px 0 25px; /*color:#9f9f9f;*/ text-align: center;background:#e5e7e7}
.youshi h1.title strong{ color:#3e3e3e; font-size:32px; border-bottom:1px solid #9f9f9f; padding-bottom:10px;}
.youshi h1.title p span{display:inline-block; padding:0 5px; font-size: 14px;}
.youshi h1.title p{line-height: 14px;}

.youshi h1.title p span {
    display: inline-block;
    padding: 0 5px;
    background: #e5e7e7;
    font-size: 14px;
	color: #9f9f9f;
}
.youshi{background: #fff;color: #404040;font-size: 15px;line-height: 24px;}
.youshi .xcxIcon{width:1200px;margin:0px auto;}
.youshi_img{width:722px;height: 798px;margin-top: 100px;position: relative; }
.banner_xcx{width:100%;margin:0px auto;height:auto;}

.banner_tc{width:100%;margin:0px auto;height:auto;}


.youshi .xcxIcon b{font-weight: bold;font-size: 24px;line-height: 44px;}
.ys_t1{position: absolute;top: -12px;left: 500px;width: 800px; }
.ys_t2{position: absolute;top: 114px;left: 668px;width: 800px; }
.ys_t3{position: absolute;top: 304px;left: 740px;width: 800px; }
.ys_t4{position: absolute;top: 502px;left: 690px;width: 800px; }
.ys_t5{position: absolute;top: 616px;left: 500px;width: 800px; }

.xcxRk ul{overflow: hidden;padding: 75px 0 70px;}
.xcxRk ul li{width: 20%;float: left;color: #404040;text-align: center;font-size: 23px;}
.xcxRk ul li .ico{width: 110px;margin: 0 auto;}
.xcxRk ul li p{padding-top: 5px;}



.tc_tit{width:1200px;margin:0px auto;overflow:hidden}
.tc_tit div{float:left;width: 260px;  padding: 0 20px;}

.tc_tit .tc1,.tc2,.tc3,.tc4{
	position: relative;
}
.tc_tit .tc_tit_border{
	border: 3px solid #ea9615;
	width: 60%;
	bottom: 5px;
	left: 12%;
	position: absolute;
}
.tc_tit .tc_tit_border:after{
	content: ' ';
	display: block;
	border:10px solid;
	border-color: #ea9615 transparent transparent transparent;
	width: 1px;
	position: absolute;
	bottom:-19px;
	left:0;
	right:0;
	margin:0 auto;
}
.tc_con{width:1200px;margin:0px auto;background:#fdf6ea;}
.tc_con ul{padding:0px;margin:0px;overflow:hidden;}
.tc_con ul li.listLi{width:100%;height:496px;float:left;background:url(../img/listLi_bg.png) no-repeat;background-size:auto 100%;position:relative;}
.tc_con .alys_tit{width:395px;}
.tc_con ul li.listLi .number{position:absolute;left:2.8%;top:28.6%;color:#e99415;font-size:15px;font-weight:bold;}
.tc_con ul li.listLi .name{position:absolute;width:20%;top:24%;left:3%;text-align:center;font-size:22px;font-weight:bold;color:#e99415;}
.tc_con ul li.listLi .code{position:absolute;width:14%;top:37%;left:6%;}
.tc_con ul li.listLi .right{position:absolute;width:75%;right:1%;top:8%;}
.tc_con ul li.listLi .right .phone{width:24%;margin-right:1%;float:left;position:relative;}
.tc_con ul li.listLi .right .phone .pic{position:absolute;width:85%;left:7.7%;top:13%;}

.tc_con .tc_show{
	display: none;
}
.tc_con .tc_show.show{
	display: block
}
.tc_con .tc_clear:after{
	content: " ";
	display: block;
	overflow: hidden;
	clear: both;
}
.tc_con .tc_clear{
	zoom: 1;
}
.tc_con .tc_t:after{
	content: " ";
	display: block;
	overflow: hidden;
	clear: both;
}
.tc_con .tc_text .tc_t{
	margin-top: 34px;
	margin-bottom: 40px;
	zoom: 1;
}
.tc_con .tc_text p{
	font-size: 16px;
	line-height: 36px;
	color: black;
}
.tc_con .tc_text .tc_lt{
	width:550px;
	padding-left: 50px;
	float: left;
}
.tc_con .tc_text .tc_rt {
	width: 550px;
	padding-left: 50px;
	float: left;
}

.wxCode{width:110px;margin:0px auto;}
.xingke .wxCode{margin-left: 53%;}






@-webkit-keyframes jtDown {
  0% {
   
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0);
  }


  50% {
    -webkit-transform: translate3d(0, 8px, 0);
            transform: translate3d(0, 8px, 0);
  }
  
  70% {
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0);
  }
    100% {
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0);
  }
}

@keyframes jtDown {

  0% {
   
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0);
  }


  50% {
    -webkit-transform: translate3d(0, 8px, 0);
            transform: translate3d(0, 8px, 0);
  }
  70% {
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0);
  }
    100% {
    -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0);
  }
}

.jtDown {
  -webkit-animation-name: jtDown;
          animation-name: jtDown;
		    -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
		    -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;/* 循环次数 */
}




#bottom {
  width: 100%;
  background-color: #878787;
  padding: 95px 0 0; min-width: 1153px;}
  #bottom .bottom-content {
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
  
    }
    #bottom .bottom-content .bottom-logo {float: left;width: 310px;height: 200px; }
      #bottom .bottom-content .bottom-logo img {width: 100px;margin: 0 auto;}
      #bottom .bottom-content .bottom-logo p {width: 100%;text-align: center;font-size: 22px;margin-top: 20px;}
    #bottom .bottom-content .bottom-relation {
      width: 550px;
      height: 200px;
      float: left;
      position: relative;
      color: #fff;font-size: 18px; }
      #bottom .bottom-content .bottom-relation .bottom-relation-title {
        font-size: 22px;
        padding-left: 170px; 
         }
      #bottom .bottom-content .bottom-relation p {margin-bottom: 8px;}
    #bottom .bottom-content .bottom-link {
      float: left;
      width: 240px;
      height: 200px;
      margin-left: 196px;
       }
      #bottom .bottom-content .bottom-link .bottom-link-title {font-size: 22px;width: 260px;color: #fff;margin-bottom: 8px; }
      #bottom .bottom-content .bottom-link p {float: left;font-size: 18px;display: inline-block;margin-right: 25px;line-height: 28px;}

 #bottom .bottom-content .bottom-link p:nth-child(3){ float: left;}
  #bottom .bottom-content .bottom-link p:nth-child(5){ float: left;}

        #bottom .bottom-content .bottom-link p a {color: #e2e2e2; }
    #bottom .bottom-content .bottom-ercode {position: absolute;width: 155px;top: 0px;left: 0px;}

    #bottom .bottom-content .bottom-relation .phone{background:url("../create/image/bottom_ico1.png") no-repeat;background-size: 23px auto;background-position: 170px center;padding-left: 25px; padding-left:200px;}
#bottom .bottom-content .bottom-relation .qq{background:url("../create/image/bottom_ico2.png") no-repeat;background-size: 23px auto;background-position: 170px center;padding-left: 25px; padding-left:200px;}
#bottom .bottom-content .bottom-relation .address{background:url("../create/image/bottom_ico3.png") no-repeat;background-size: 23px auto;background-position: 170px center;padding-left: 25px; padding-left:200px;}




.wrapH5{ color: #fff; margin: 0 auto; text-align: center;font-size: 15px;width: 100%;}
.wrapH5 .wrap-prepare{background: #606060;height: 44px;line-height: 44px;}
.wrapH5 .wrap-prepare a{ padding-left: 3px; color: #fff;}


/*初次见面弹窗*/
.Win_chuci{position: fixed;width: 100%;height: 100%;top: 0%;left: 0%;background: rgba(255,255,255,0.8);z-index: 1000;}
.WinWrap{position: relative;width:30%;margin:120px auto 0; }
.close{position: absolute;
width: 5%;
top: 8%;
right: 2%;
}
.jianmian_img{position: absolute;
width: 40%;
top: 40%;
left: 0px;
right: 0px;
margin: 0px auto;
  }

/*留个电话弹窗*/
.Win_contact{position: fixed;width: 100%;height: 100%;top: 0%;left: 0%;background: rgba(255,255,255,0.8);z-index: 1000;}
.Win_contact .con{position: absolute;width: 100%;top: 35%;left: 0;}
.Win_contact .txt{width: 392px;margin: 0px auto 30px;}
.Win_contact .inputbox{width: 380px;margin: 0 auto 10px;position: relative;height: 40px;border: 1px solid #000;background: #fff;border-radius: 50px;}
.Win_contact .inputbox input{width: 90%;padding: 0 5%;height: 40px;background: none;font-size: 15px;line-height: 40px;}
.Win_contact .inputbox .yanzheng{position: absolute;top: 0px;right: 5px;color: #000;font-size: 15px;text-align: center;line-height: 40px; }
.btn_login{width: 384px;margin: 30px auto 0;height: 82px;line-height: 82px;background: url("../create/image/btn_bg.png") no-repeat;background-size: 100% auto;background-position: left top;display: block;text-align: center;color: #000;font-size: 22px;}

/*报价信息弹窗*/
.Win_baojia{position: fixed;width: 100%;height: 100%;top: 0%;left: 0%;background: rgba(255,255,255,0.8);z-index: 1000;}
.Win_baojia .con{position: absolute;width: 100%;top:38%;left: 0;}
.Win_baojia .baojiabox{width: 384px;height:82px;line-height:82px;margin: 0 auto 10px;background: url("../create/image/btn_bg.png") no-repeat;background-size: 100% auto;background-position: left top;color: #000;}
.Win_baojia h3{font-weight: normal;display: inline-block;vertical-align: middle;font-size: 25px;margin-left: 15px;} 
.Win_baojia p{display: inline-block;vertical-align: middle;font-size: 16px;} 
.Win_baojia .con .baojiabox:first-child p{
width: 60%;
line-height: 150%;
top: 20%;
}



.head-search-box {position: absolute;width: 540px;height: 40px;top: 25px;right: 78px;}
.head-search-box input {width: 90%;padding: 0 5%;height: 40px;font-size: 15px;border: 1px solid #888888;border-radius: 5px;}


.btn_search{position: absolute;width: 70px;height: 42px;top: 0%;right: -78px;background: #f7d93e;color: #fff;text-align: center;line-height: 40px;font-size: 18px;}
.headerlogoBox{width: 1153px;position: relative;margin: 0 auto;height: 100px;}
.headerlogoBox .logo{width: 105px;padding: 10px 0;display: block;}
#search-fixed .head-search-box{top: 15px;}
#head .head-search-box{top: 15px;}