@charset "utf-8";
/* CSS Document */
/*----------------------公用------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tr,th,td {padding:0;margin:0} 
table {border-collapse: collapse;border-spacing:0} 
fieldset,img {border:0} 
img{vertical-align: middle;}
address,caption,cite,code,dfn,em,strong,th,var {} 
ol,ul,li { list-style:none} 
caption,th {text-align: left} 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-family:"微软雅黑";}
q:before,q:after {content:''} 
abbr,acronym { border:none;}
body{font-size:14px; font-family:"微软雅黑";}
input,select,button{vertical-align:middle;}
input:focus::-webkit-input-placeholder {
color: transparent;
/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}
/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder {
color: transparent;
}
/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder {
color: transparent;
}
/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder {
color: transparent;
}
/*--------------------公用------------------*/
.clear{clear:both}
body{background:#fff; color:#333; min-width:1200px;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#000;}
.lf{ float:left;}
.rg{ float:right;}
.w1400{ width:1400px; margin:0 auto;}
.w1200{ width:1200px; margin:0 auto;}
.w1024{ width:1200px; margin:0 auto;}
.w512{ width:512px; text-align:center;}
.w600{ width:600px; text-align:center;}
.jd_you{ background:#f5f5f5;}
.mt20{ margin-top:20px;}
hr {
    border: 1px solid #eaeaea;
    border-bottom: none;
}
/*============head============*/
.head_bg{width:100%; height:102px; max-width:1200px;}
.head{ width:1200px; margin:25px auto 0;}
.logo{ float:left;}
.jd_nav{ background:#000; width:100%; margin:0 auto; height:40px; min-width:1200px; margin-bottom:1px;}
.home_nav{ width:1200px; margin:0 auto;}
.home_nav li{ float:left; height:40px; width:200px; text-align:center; line-height:40px; display:inline-table;}
.home_nav li a{ display:block; font-size:14px; font-weight:bold; color:#fff;transition: all 0.5s ease 0s, opacity 0.5s ease 0s; }
.home_nav li a:hover{ background:#b28e78; color:#000;}
.home_nav li a.nav_act{ background:#b28e78; color:#000;}
.ceshi_ban{ width:1200px; height:660px; margin:0 auto; overflow:hidden;}
.gj_fl{ background:url(../images/header_dianhua.jpg) no-repeat left 8px; margin-top:13px; text-align:left; padding-left:55px;}
.gj_fl p:first-child{ font-size:15px; padding-top:10px; color:#9d9d9d;}
.gj_fl p:last-child{ font-size:20px; font-weight:bold; font-style:italic;}
.big_banner{ position:relative;}
/*-------------banner图上数据统计----------*/
.jd_bj_tj{ margin:0 auto; width:1200px; }
.jd_tongji{ background:#fff;box-shadow: 0 5px 10px #999; min-width:1200px;}
.jd_ul{ padding-bottom:20px;}
.jd_ul li {width: 17%;color: #939393; font-size: 12px; border-left: 1px solid #ebebeb; height:70px; margin-top: 20px;text-align:center;}
.jd_ul li.fir{ width:28%;}
.jd_ul li:first-child{ border:none;}
.jd_ul li h3 .text2 {font-size: 26px; color: #3c3c3c; position: relative;}
.jd_ul li p{ font-size:14px;}
.jd_ul li h3 .text2 em { font-size:30px;font-style:normal; font-family:Impact;}
.jd_ul li h3 .text2 span { position: absolute; right: 30%; top: -10%; color: #000; font-size:20px;}
.jd_ul .fou h3 .text2 span{ right: 20%; top: -10%;}
/*--------公共标题-------*/
.case_zhanshi{ min-width:1200px;  padding-top:50px;}
.gg_biaoti{ width:110px; height:100px; text-align:center; margin:0 auto; margin-bottom:60px;}
.gg_biaoti p{ line-height:30px; color:#d5d5d5; font-weight:bold;}
.gg_biaoti p:first-child{ font-size:20px; padding-top:10px; font-weight:bold; color:#000;}
.gg_biaoti p:last-child{ color:#000;}
/*--------案例展示-------*/
.case_zs li{width: 382px; float: left; padding: 4px; margin: 0 8px 30px 0; transition: all 0.4s;}
.case_zs li:hover { background: #a56139;}
.case_zs li .cpzs_img { overflow: hidden; position: relative; border: 0px solid #d5d5d5; background: #fff; transition: all 0.4s;}
.case_zs li .cpzs_img .cpzs_img_top { padding-top:80%;}
.img-position-absolute { position: absolute; top: 0; bottom: 0;  left: 0; right: 0; max-width: 100%; max-height: 100%; display: block; margin: auto; padding: auto;}
.case_zs li:nth-child(3n) {margin-right:0;}
.case_bg{ background:rgba(0,0,0,0.4); width:210px; height:64px; color:#fff; text-align:center; position:relative; top:-150px; left:0;}
.case_bg p:first-child{ font-size:16px; padding-top:10px;}
.case_bg p:last-child{ margin-top:5px;}
.num{width:207px;height:60px;border: 2px solid; border-color:rgba(0,0,0,0); position:absolute; bottom:16px; left:0;line-height: 90px;text-align: center;}
/*--------合作伙伴-------*/
.jd_team{ margin-top:60px;}
.jd_team ul li{ width:330px; float:left; margin-right:105px; margin-bottom:60px;}
.jd_team ul li:nth-child(1){ margin-right:105px;}
.jd_team ul li:nth-child(2){ margin-right:105px;}
.jd_team ul li:nth-child(3){ margin-right:0;}
.jd_team ul li:nth-child(4){ margin-bottom:0;}
.jd_team ul li:nth-child(5){ margin-bottom:0; margin-right:105px;}
.jd_team ul li:nth-child(6){ margin-bottom:0; margin-right:0;}
.jd_team ul li img{}
.jd_team ul li .jd_xmal{ border-top:1px solid #ffebde;}
/*--------案例展示-------*/
.case {width:1200px; margin: 0 auto;}
/* wrap */
.wrap{margin:50px auto;width:1200px;height:437px;position:relative;overflow:hidden;}
.pic{width:679px;height:437px;cursor:pointer;}
.pic1{background:url('../images/t1.jpg');position:absolute;top:0;left:0;z-index:1;}
.pic_num{ width:74px; height:79px; background:#535353 !important;}
.pic_num1{width:74px;height:79px;position:absolute;top:40px;left:17px;background:url('../images/pic_num.jpg');background-position:0 0;display:none;}

.pic2{background:url('../images/t2.jpg');position:absolute;top:0;left:679px;z-index:3;}
.pic_num2{width:74px;height:79px;position:absolute;top:40px;left:17px;background:url('../images/pic_num.jpg');background-position:-69px 0;}

.pic3{background:url('../images/t3.jpg');position:absolute;top:0;left:765px;z-index:5;}
.pic_num3{width:74px;height:79px;position:absolute;top:40px;left:17px;background:url('../images/pic_num.jpg');background-position:-138px 0;}

.pic4{background:url('../images/t4.jpg');position:absolute;top:0;left:851px;z-index:7;}
.pic_num4{width:74px;height:79px;position:absolute;top:40px;left:17px;background:url('../images/pic_num.jpg');background-position:-207px 0;}
.pic5{background:url('../images/t5.jpg');position:absolute;top:0;left:937px;z-index:9;}
.pic_num5{width:73px;height:79px;position:absolute;top:40px;left:18px;background:url('../images/pic_num.jpg');background-position:-276px 0;}

.pic6{background:url('../images/t6.jpg');position:absolute;top:0;left:1023px;z-index:11;}
.pic_num6{width:73px;height:79px;position:absolute;top:40px;left:18px;background:url('../images/pic_num.jpg');background-position:-345px 0;}

.pic7{background:url('../images/t7.jpg');position:absolute;top:0;left:1109px;z-index:11;}
.pic_num7{width:73px;height:79px;position:absolute;top:40px;left:18px;background:url('../images/pic_num.jpg');background-position:-412px 0;}

.pic_number{ color:#fff; font-size:40px; font-weight:bold; font-family:Impact; margin-left:5px;}
.pic_tit{ display:block; color:#fff; font-size:14px; overflow:hidden; margin-left:5px; height:26px; line-height:26px;}
/*--public--*/
.wrapper{margin:0 auto;width:1200px;}
.wrap-title{margin-bottom:30px;text-align:center;overflow:hidden;}
.wrap-title{ width:110px; height:100px; text-align:center; margin:0 auto; margin-bottom:40px;}
.wrap-title p{ line-height:30px; color:#d5d5d5; font-weight:bold;}
.wrap-title p:first-child{ font-size:20px; padding-top:10px; font-weight:bold; color:#000;}
.wrap-title p:last-child{ color:#000;}
.wrap-title.white *{color:#fff;}
.left-wrap{float:left;width:900px;overflow:hidden;}
.right-wrap{position:relative;float:right;width:280px;overflow:hidden;}
input::-webkit-input-placeholder{color:#999;}
/*--end public--*/
.made{overflow:hidden;background:#fff;}
.made-tab{position:relative;height:460px; width:1200px; margin:0 auto; overflow:hidden;background:url(../images/made01.jpg) no-repeat center bottom;}
.made-tab .mask{position:absolute;left:0;top:0;width:100%;height:460px;background:url(../images/made_mask.png) no-repeat center -86px;}
.made-tab .made-menu{position:relative;float:left;margin-top:30px;width:318px;height:405px;overflow:hidden; margin-left:135px;}
.made-tab .made-menu li{position:absolute;z-index:333;width:173px;height:151px;color:#fff;text-align:center;cursor:pointer;overflow:hidden;background:url(../images/made_menu.png) no-repeat;}
.made-tab .made-menu li span{display:block;margin:60px auto;width:140px;font-size:22px;color:#fff;}
.made-tab .made-menu li.cur{background-image:url(../images/made_menu_cur.png);}
.made-tab .made-menu li.li1{left:0;top:0;}
.made-tab .made-menu li.li2{left:144px;top:86px;}
.made-tab .made-menu li.li3{left:0;top:170px;}
.made-tab .made-menu li.li4{left:144px;top:256px;}
.made-tab .made-main{float:right;position:relative;z-index:334;padding-top:54px;width:456px;overflow:hidden; margin-right:20px; height:365px;}
.made-tab .item{padding-top:25px;overflow:hidden;}
.made-tab .item h3{padding-bottom:20px;height:50px;line-height:50px;font-size:26px;font-weight:normal;color:#fff;overflow:hidden;}
.made-tab .item h3 a{color:#fff;}
.made-tab .item .summary{height:160px;line-height:40px;font-size:16px;color:#fff;overflow:hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.made-tab .item .read{margin-top:35px;overflow:hidden;}
.made-tab .item .read a{display:block;width:161px;height:50px;line-height:50px;font-size:15px;color:#fff;text-align:center;background:url(../images/made_read.png) no-repeat;}
.made-tab .item .read a:after{display:inline-block;margin-left:10px;vertical-align:middle;content:"";width:21px;height:12px;background:url(../images/read.png) no-repeat;}
.made-tab .item .read a:hover{background-image:url(../images/made_read_cur.png)}
/* --end made-- */
/*-------合作伙伴-------*/
.jd_friend{ margin-top:60px; margin-bottom:60px;}
.jd_friend ul{ margin-top:60px;}
.jd_friend ul li{ float:left; margin:0 20px 20px 0;}
.jd_friend li:first-child { margin-left: 0;}
.jd_friend li a { height:60px; display: block; display: table-cell; vertical-align: middle; text-align: center; overflow: hidden;}
/* --service-- */
.service{padding-top:40px;overflow:hidden; width:1200px; margin:0 auto; min-width:1200px;}
.service-list{width:1200px;overflow:hidden; height:460px; background:url(../images/service_bg0.jpg) no-repeat center;}
.service-list .item{position:relative;float:left;margin-right:50px;width:107px;color:#333;}
.service-list .item:last-child{ margin-right:0;}
.service-list .item:first-child{ margin-left:50px;}
.service-list .item em{display:block;position:absolute;left:0;top:0;font-size:14px; font-style:normal; font-family:"DIN Medium";}
.service-list .item i{display:block;width:107px;height:92px;overflow:hidden;}
.service-list .item i img{display:block;width:107px;height:92px;transition:all 1s linear;}
.service-list .item p{padding-top:15px;font-size:16px;text-align:center;overflow:hidden; color:#fff;}
.service-list .item:nth-child(1){animation:fadeinB 0.5s; margin-top:80px;}
.service-list .item:nth-child(2){animation:fadeinB 0.75s; margin-top:80px;}
.service-list .item:nth-child(3){animation:fadeinB 1s; margin-top:80px;}
.service-list .item:nth-child(4){animation:fadeinB 1.25s; margin-top:80px;}
.service-list .item:nth-child(5){animation:fadeinB 1.5s; margin-top:30px;}
.service-list .item:nth-child(6){animation:fadeinB 1.75s; margin-top:80px; margin-left:300px;}
.service-list .item:nth-child(7){animation:fadeinB 2s; margin-top:80px;}
.service-list .item:nth-child(8){animation:fadeinB 2.25s; margin-top:80px;}
.service-list .item:nth-child(9){animation:fadeinB 2.25s; margin-top:80px;}
/* --end service-- */
/*-------底部版权-------*/
.jd_foot{ width:1200px; min-width:1200px; margin:0 auto;}
.jd_foot .zuo{ width:580px;}
.jd_foot .zhong{ width:590px;}
.jd_foot .you{ width:130px; background:#392920; text-align:center;}
.jd_foot span{ display:inline-block; width:130px; height:77px; line-height:77px; color:#fff; background:#392920; text-align:center; font-size:16px;}
.jd_foot a{ display:inline-block; padding:0 30px;}
.jd_foot .jd_dibu{ color:#999; text-align:center; margin:20px auto;}
/*--------在线客服-------*/
.side{position:fixed;width:120px;right:0;top:60%;margin-top:-200px;z-index:1000; border-bottom:0}
.side ul li{width:120px;float:left;position:relative;color:#333; background:#fff; font-size:14px;line-height:30px;text-align:center;transition:all .3s;cursor:pointer}
.side ul .xian{ height:10px; line-height:10px; background:none;}
.side ul .mianfei{ background:#b28e78; padding-bottom:10px;}
.side ul .mianfei a{ display:block; background:rgba(0,0,0,0.1); color:#fff; width:100px; margin-left:10px; margin-top:10px; border-radius:30px;}
.side ul .mianfei a:hover{ background:#555;}
.side ul li .bg02{background-image:url(../images/right_pic7.png); background-repeat:no-repeat; background-size:100%;height:16px; width:16px; display:inline-block; vertical-align:middle;}
/*----------列表页左侧部分-----------*/
.list_lf{ margin-top:20px;}
.list_logo{ width:220px; height:100px; text-align:center; background:#e5aa86; padding-top:20px;}
.about{width:210px; float:left; padding:15px 5px 5px 5px; background:url(../images/about_bj.jpg) repeat center top;}
.about_title{display:block; height:40px; overflow:hidden; text-align:center;}
.about_title .about_B{display:block; padding-left:30px; height:40px; overflow:hidden;}
.about_title .about_B .about_T{float:left; font-family:'Bell MT'; font-size:48px; color:#fff; height:40px; line-height:40px;text-transform:uppercase; padding-right:5px;}
.about_title .about_B .about_p{display:block; height:22px; line-height:22px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:18px; color:#fff; font-weight:bold; text-align:left;}
.about_title .about_B .about_sp{display:block; height:18px; line-height:18px; overflow:hidden; font-family:'Bell MT'; font-size:20px; color:#fff; text-align:left;}
.about_ul{display:block; margin-top:15px; overflow:hidden; background:#fff; padding:10px 0;}
.about_ul li{display:block; border-bottom:1px dashed #b2b2b2; overflow:hidden;}
.about_ul li a{display:block; height:52px; line-height:53px; overflow:hidden; padding:0 20px; font-family:'Microsoft YaHei'; font-size:16px; color:#000; transition:all 0.4s;}
.about_ul li a span{font-family:SimSun; padding-right:10px;}
.about_ul li a:hover{color:#da261e;}
.about_ul .about_on a{color:#da261e;}
.about_ul dl{ display:none}
.about_ul dl dd{ width:100%; text-align:left; border-bottom:1px dotted #CCCCCC; height:32px; line-height:32px; text-indent:32px;}
.about_ul dl dd a{ color:#000000; text-align:left; line-height:32px; font-size:12px; }
.about_ul dl dd a:hover{ color:#f00;}
/*----------列表页右侧部分-----------*/
.list_rg{ width:955px; margin-top:10px; overflow:hidden;}
.list_h3 span{ font-size:24px; border-bottom:2px solid #333; position:relative; bottom:-9px; line-height:30px; padding-bottom:10px;}
.list_h3 img{ position:relative; bottom:-43px;}
.list_rg .jd_abt img{ margin-bottom:10px; min-width:600px; max-width:800px;}
.list_rg .jd_abt_coact{ width:955px !important;}
.list_rg .jd_abt_coact img{  max-width:955px !important}
.list_rg .jd_abt{ min-height:600px;}
/*-----------关于我们-------------*/
/*我们*/
.jd_about{ margin:0 auto; margin-top:60px; height:643px; position:relative;}
.jd_about img{ width:640px; position:absolute; z-index:100; left:0;}
.jd_service{ margin:0 auto; height:643px; position:relative; }
.jd_service img{ width:640px; position:absolute; z-index:100; left:-40px; margin-top:60px;}
.case_title{ text-align:center; font-size:16px; line-height:40px; line-height:40px; display:block; color:#222222;}
.jd_you{ height:763px;}
.jd_service{ height:763px;}
.gywm{ width:420px; height:350px; text-align:center; margin:0 auto; margin-top:186px;}
.gywm .gywm_tit{ font-size:18px; line-height:40px; display:inline-block; margin:0 auto;}
.gywm .gywm_tit p:first-child{ border-bottom:1px solid #333;}
.gywm_cont{ line-height:40px; margin-top:30px;}
.fuwu_icon li{ float:left; margin-left:100px; margin-bottom:60px; width:145px;}
.fuwu_icon li .fw_p{ font-size:18px; line-height:40px; margin:20px 0 0; font-weight:bold;}
.fuwu_icon li p:last-child{ color:#999; font-size:14px; line-height:30px;}
.jd_myteam{ width:420px; height:230px; text-align:center; margin:0 auto; margin-top:216px;}
.jd_fuwu{width:420px; height:215px; text-align:center; margin:0 auto; margin-top:180px;}
.team_bg{ background:url(../images/home4_26.png) no-repeat center top; width:600px; height:670px; }
.team_bg .team_p{ width:300px; margin-left:215px; padding-top:0px; text-align:left; line-height:30px;}
.team_bg .team_p p{ text-indent:30px;}
/*--------内容页----------*/
.about_bg{ width:100%; text-align:center; overflow:hidden; margin:0 auto;}
.list_view{ font-size:16px; line-height:40px;}
.list_contact{ width:360px; font-size:16px; line-height:50px;}
.list_view .view_tit{ text-align:center;}
.list_view .view_tit p:first-child{ font-size:24px; line-height:40px;}
.list_view .view_tit p:last-child{ color:#999; line-height:30px; padding:5px 0 10px;}
.icon_cont{ background:url(../images/contact.png) no-repeat left; text-indent:40px;}
.icon_sj{ background:url(../images/tep.png) no-repeat left; text-indent:40px;}
.icon_dh{ background:url(../images/view_tel.png) no-repeat left; text-indent:40px;}
.icon_yx{ background:url(../images/email.png) no-repeat left; text-indent:40px;}
.icon_add{ background:url(../images/add.png) no-repeat left; text-indent:40px;}
/*--------案例展示------------*/
.case_show{ display: block; overflow: hidden;}
.case_ul { display: block; width:100%; overflow: hidden; margin-top: 10px;}
.case_ul li { width:295px; float: left; padding: 4px; margin: 0 20px 30px 0; transition: all 0.4s;}
.case_ul li:nth-child(3n){ margin-right:0;}
.case_ul li .case_img { width:295px; overflow: hidden; position: relative; border: 0px solid #d5d5d5; background: #fff; transition: all 0.4s;}
.case_ul li .case_img .case_img_top { padding-top:71.5%;}
.case_images { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; display: block; margin: auto; padding: auto;}
.case_ul li .case_txt { display: block; height:40px; line-height:40px;  overflow: hidden; text-align: center; color: #505050;}
.case_ul li:hover { background:#a56139;}
.case_ul li:hover .case_txt { color: #fff;}
/*--------合作伙伴------------*/
.friends_show{ display: block; overflow: hidden; min-height:640px;}
.friends_ul { display: block; width:100%; overflow: hidden; margin-top: 10px;}
.friends_ul li{ float:left; margin:0 15px 0 0; margin-bottom:20px;}
.friends_ul li:first-child {}
.friends_ul li a { height:60px; display: block; display: table-cell; vertical-align: middle; text-align: center; overflow: hidden;}
/*******团队*********/
.team_ul { display: block; width:100%; overflow: hidden; margin-top: 10px;}
.team_ul li{ float:left; margin:0 10px; margin-bottom:20px; width:301px;}
.team_ul li:nth-child(3n){ margin-right: 0;}
.team_ul li a { height:60px; display: block; display: table-cell; vertical-align: middle; text-align: center; overflow: hidden;}
.team_ul li a img{ width:301px;}
/*----------新闻资讯-----------*/
.news_ul{ margin-bottom:20px;}
.news_ul li{ margin-top:20px;}
.n_vnewl{height:160px; width:655px; overflow: hidden; background:#f9f9f9; padding:0 20px;}
.n_vnewLt {height:40px; line-height:40px; color: #4c4c4c;margin-top:10px;font-size: 20px;}
.n_vnewLt span {color:#ba2921;}
.n_vnewb {height:80px; color: #929292;line-height: 28px;margin-top:5px;text-align: justify; margin-bottom: 10px;font-size: 15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:3;}
.n_vnewr{width:260px; height:160px; overflow: hidden;}
.n_vnewbtn{ margin-top:50px; text-align:center;}
.n_vnewbtn button{ padding:5px 20px; background:#F00; color:#fff; border:none;}
.n_vnewbtn a{ font-size:14px; margin-top:10px; display:block; color:#004784;}