/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2019-10-23 11:36:07
*/
/*banner*/
#banner{width: 100%;height: 500px;position: relative;overflow: hidden;}
#banner a{position: absolute;left: 50%;}
#banner a img{position: relative;left: -50%;}

/*厂家*/
.title{text-align: center;padding-top: 80px;font-size: 18px;color: #333;letter-spacing: 3px;text-transform: uppercase;}
.title p{font-size: 40px;color: #333333;margin-bottom: 10px;letter-spacing: 0px;}
.title p span{font-weight: bold; color: #00253d;}
.title i{text-transform: uppercase;font-family:'Oswald-Medium';letter-spacing: 3px;color: #999;font-size: 14px;display: block;}

#cjia .bottom{margin-top: 50px;}
#cjia .bottom li{width:268px;height:148px;float: left;border:1px solid #ddd;background: url(../images/custom/zhu_bg.jpg);margin-right: 40px;margin-bottom: 40px;}
#cjia .bottom li:nth-child(4n){margin-right: 0px;}
#cjia .bottom li img{display: block;float: left;padding: 25px;}
#cjia .bottom li .right{font-size: 14px;color: #999999;font-family: 'Airal';line-height: 30px;}
#cjia .bottom li .right p{font-size: 26px;font-weight: bold;color: #333333;padding-top: 50px;}



/*服务体系*/
#tixi{width: 100%;margin-top: 40px;}
#tixi .title{padding-top: 0px;}
#tixi .bottom{width: 100%;height: 870px;background: url(../images/custom/xijie.jpg);background-repeat: no-repeat;background-position: center;margin-top: 40px;}
#tixi .bottom .left{width: 360px;float: left;}
#tixi .bottom li{font-size: 15px;color: #fff;line-height: 22px;margin-top:90px;margin-bottom: 160px;width: 100%;height: 90px;}
#tixi .bottom li:nth-child(2){margin-bottom: 170px;}
#tixi .bottom li img{display: block;float: left;margin-right: 20px;}
#tixi .bottom li p{font-size: 26px;color: #ffe9a4;line-height: 40px;}

#tixi .bottom .right{width: 360px;float: right;}



/*共用滑动*/
.info_box_pic_box_wrap{margin-top:60px;}
.info_box_pic_box{width:1300px;overflow:hidden;text-align:center;position:relative;margin: 0 auto;}
.info_box_pic_box_more_btn{width:100%;text-align:center;margin:30px 0;}
.info_box_pic_box_more_btn a{display:inline-block;padding:12px 60px;background:#dc2821;color:#fff;font-size:18px;line-height: 35px;}
.info_box_pic_box_more_btn a:hover{background:#323232;}


/*个性定制*/

#fuwu .bottom{margin-top: 100px;}
#fuwu .bottom li{width: 578px;height: 378px;border:1px solid #ccc;float: left;margin-right: 40px;text-indent: 30px;position: relative;background: #fff;}
#fuwu .bottom li:nth-child(2){margin-right: 0px;}
#fuwu .bottom li p{font-size: 24px;font-weight: bold;color: #333;padding-top: 90px;padding-bottom: 20px;}
#fuwu .bottom li dl{font-size: 15px;color: #666;line-height: 40px;}
#fuwu .bottom li dl span{padding-right: 10px;color: #333;}
#fuwu .bottom li .yuan{width: 130px;height: 130px;background: url(../images/custom/ge1.jpg);border-radius: 50%;position: absolute;top: -65px;left: 40px;font-size: 28px;line-height:40px;text-indent: 0px;letter-spacing: 5px;text-align: center;color: #fff;}
#fuwu .bottom li .yuan i{padding-top: 25px;display: block;}
#fuwu .bottom li:nth-child(2) .yuan{background: url(../images/custom/ge2.jpg);color: #000;}





/*服务套餐*/
#taoc{width: 100%;height: 460px;background: url(../images/custom/taoc.jpg);background-repeat: no-repeat;background-position: center;margin-top: 80px;}
#taoc .bottom{width: 1110px;margin:0 auto;}
#taoc .bottom .left{width: 600px;float: left;}
#taoc .bottom .left .shang i{font-size: 14px;font-family: 'Airal';color: rgba(255,255,255,0.6);text-transform: uppercase;letter-spacing: 2px;padding-top: 90px;display: block;}
#taoc .bottom .left .shang{font-size: 20px;color: #fff;}
#taoc .bottom .left .shang p{font-size: 46px;color: #fff;margin-bottom: 15px;}
#taoc .bottom .left .shang p span{font-weight: bold;color: #ffe9a4;}
#taoc .bottom .left .shang hr{width: 100%;height: 1px;background: #808d95;border: none;margin-top: 20px;}
#taoc .bottom .left .xia{margin-top: 20px;}
#taoc .bottom .left .xia li{color: #fff;width: 50%;float: left;font-size: 16px;line-height: 40px;}
#taoc .bottom .left .xia li span{padding-right: 7px;}
#taoc .bottom .left .xia li:nth-child(3n){width: 54%;}
#taoc .bottom .right{float: right;width: 406px;padding-top: 56px;}


/*设计力*/
#sheji{width: 100%;height: 931px;background: url(../images/custom/sheji.jpg);background-repeat: no-repeat;background-position: center;}
#sheji .bottom{width: 100%;height: 660px;position: relative;}

.index_con02_block{width: 1200px;margin:0 auto;height: 660px;position: relative;}
.index_con02_switch_box{display: none;margin-top: 40px;position: relative;height: 600px;}
.index_con02_switch_box_img{width: 760px;height: 400px;float: right;}
.index_con02_switch_box_title{width: 537px;float: left;color: #333;position: absolute;z-index: 2;}
.index_con02_switch_box_title_num{background: #00253d;width: 620px;height: 240px;position: absolute;top: 330px;}
.index_con02_switch_box_title p{font-size: 24px;padding:50px 35px 20px;color: #ffe9a4;font-weight: bold;}
.index_con02_switch_box_title .neirong{font-size: 16px;line-height: 30px;padding-top: 10px;padding: 0 140px 0 35px;color: #fff;}
.index_con02_switch_box_title i{font-size: 55px;color: #3062a3;border-top:5px solid #3062a3;margin-left: 100px;}

.index_con02_switch_btn_wrap{width: 590px;position: absolute;top: 50px;right: 0px;z-index: 333}

.index_con02_switch_btn a{color: #333;text-align: center;float: left;font-size: 20px;width: 190px;height: 60px;border:1px solid #999999;border-radius: 60px;margin-right: 5px;margin-bottom: 10px;}
.index_con02_switch_btn a:nth-child(4),.index_con02_switch_btn a:nth-child(5){width: 285px;margin-right: 10px;}
.index_con02_switch_btn a:nth-child(3),.index_con02_switch_btn a:nth-child(5){margin-right: 0px;}

.index_con02_switch_btn a span{display: block;line-height: 60px;}
.index_con02_switch_btn a:hover,.index_con02_switch_btn a.active{background: #00253d;border:1px solid #00253d;color: #fff;font-weight: bold;}


.index_con02_lr_btn{width: 690px;height: 43px;position: absolute;top: 430px;z-index: 10;left: 560px;}
.index_con02_lr_btn a{height: 43px;overflow: hidden;width: 23px;display: block;float: left;}
.index_con02_lr_btn a:last-child{float: right;}

.index_con02_switch_box_img_box{width: 580px;height: 320px; overflow: hidden;position: absolute;top: 0;left:0;}
.index_con02_switch_box_img_box img{transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear;}
.index_con02_switch_box_img_box img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);}
.index_con02_switch_box_img_box2{width: 580px;height: 420px; overflow: hidden;position: absolute;top:240px;right:0;}
.index_con02_switch_box_img_box2 img{transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear;}
.index_con02_switch_box_img_box2 img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);}


/*定制实力*/
#dzsl{width:100%;height: 790px;background: url(../images/custom/shili.jpg);background-repeat: no-repeat;background-position: center;}
#dzsl .title{color: #999;}
#dzsl .title p{color: #fff;}
#dzsl .title p span{color: #ffe9a4;}



#dzsl .lanren{height: 520px;width: 100%;background: #fff;margin-top: 40px;}
#dzsl .lanren .tab{width:1200px; height:66px; line-height:66px;margin: 0 auto;}

#dzsl .lanren .tab a{ display:block; float:left; color:#333333; height:120px; text-align:center; font-size:16px; width: 299px;background: #ededed;line-height: 40px;border-right:1px solid #bebebe;}
#dzsl .lanren .tab a:last-child{width: 300px;border-right: none;}
#dzsl .lanren .tab a p{font-size: 42px;color: #00253d;font-family:'Oswald-Medium';padding-top: 20px;}
#dzsl .lanren .tab a p sup{font-size: 16px;padding-left: 5px;}
#dzsl .lanren .tab a:hover,#dzsl .lanren .tab a.on{  color:#fff;background: #00253d;}
#dzsl .lanren .tab a:hover p,#dzsl .lanren .tab a.on p{  color:#ffe9a4;}


#dzsl .lanren .content{ overflow:hidden; width:1200px; position:relative; float:left;height:400px;}
#dzsl .lanren .content .left_1 a:hover{color:#1763b5;}
#dzsl .lanren .content .left_2 a:hover{color:#1763b5;}
#dzsl .lanren .content .ul{ position:absolute; left:0; top:0; width:1200px;}
#dzsl .lanren .content .li{ width:1200px; float:left;position: relative;}
#dzsl .lanren .content .li .left{width: 600px;height: 400px;float: left;}
#dzsl .lanren .content .li .right{width: 500px;float: right;margin-right: 50px;}
#dzsl .lanren .content .li .right .tit{font-size: 60px;color: #00253d;font-family:'Oswald-Medium';padding-top: 60px;line-height: 70px;}
#dzsl .lanren .content .li .right .tit sup{font-size: 20px;color: #333;padding-left: 10px;}
#dzsl .lanren .content .li .right p{font-size: 30px;color: #333333;font-weight: bold;}
#dzsl .lanren .content .li .right hr{width: 100%;height: 1px;background: #ddd;border:none;margin:20px 0px;}
#dzsl .lanren .content .li .right .nei{font-size: 15px;line-height: 30px;color: #555555;}







/*加工流程*/
#liuc{width: 100%;height: 500px;background: #efefef;}
#liuc .bottom{margin-top: 40px;width: 100%;background: url(../images/custom/line.png)no-repeat top;height: 200px;background-position:0px 50px;}
#liuc li{float: left;width:130px;text-align: center;margin-right:84px;color: #666;line-height: 20px;}
#liuc li:last-child{margin-right: 0px;}
#liuc li p{font-size: 18px;color: #333;margin-bottom: 5px;line-height: 28px;}
#liuc li a{ width:130px;height: 130px;overflow: hidden;display: block;margin-bottom: 20px;}
#liuc li a img{width: 100%;display: block;margin-top: 0px;transition:0.5s;}
#liuc li:hover a img,#liuc li.cur a img{margin-top: -130px;}


/*客户案例*/
#anli{width:100%;height: 625px;}

#anli .info_box_pic_box{line-height: 35px;font-size: 16px;text-align: center;}
#anli .info_box_pic_box .swiper-slide{width: 270px;position: relative;overflow: hidden;}
#anli .info_box_pic_box .swiper-slide img{display: block;margin: 0 auto;width: 380px;height: 230px;}
#anli .info_box_pic_box .swiper-slide p{font-size: 16px;color: #333;line-height: 45px;}
#anli .info_box_pic_box .swiper-slide:hover p{color: #00253d;}


#anli .wrap{width: 1400px;}
#anli .info_box_pic_box_wrap{margin-top:40px;}
#anli #mygod{top: 92px;position: absolute;left: 0;width: 46px;height: 46px;background: url(../images/dai/jtL1.png);}
#anli #mygod2{top: 92px;position: absolute;right: 0;width: 46px;height: 46px;background: url(../images/dai/jtR1.png);}

#anli #mygod:hover{background: url(../images/dai/jtL2.png);}
#anli #mygod2:hover{background: url(../images/dai/jtR2.png);}
#anli .more{width: 180px;height: 50px;line-height: 50px;text-align: center;border:1px solid #00253d;color: #00253d;font-size: 16px;margin: 0 auto;border-radius: 50px;margin-top: 40px;}
#anli .more a{color: #00253d;}


/*新闻资讯*/
.wenti{width: 1200px;height: 474px;margin: 40px auto 100px;}
.wenti .left{width: 580px;height: 474px;float: left;}
.wenti .box{height: 166px;border-bottom: 1px solid #ccc;float: left;}
.wenti .left .pic{width: 580px;height: 351px;overflow: hidden;}
.wenti .left .pic img{display: block;transition: 0.5s;width: 580px;height: 351px;}
.wenti .left .pic img:hover{transform: scale(1.1);}
.wenti .ask{margin-top: 40px;}
.wenti .ask div{width: 30px;height: 30px;border-radius: 15px;background:#00253d;font-size: 16px;line-height: 30px;text-align: center;color: #fff;float: left;margin-right: 14px;}
.wenti .ask a{font-size: 18px;color: #333;line-height: 30px;text-align: left;}
.wenti .ask a:hover{color: #00253d;}
.wenti .answer{margin-top: 13px;}
.wenti .answer div{width: 30px;height: 30px;border-radius: 15px;background:#ffe9a4;font-size: 16px;line-height: 30px;text-align: center;color: #333;float: left;margin-right: 14px;}
.wenti .answer p{font-size: 14px;color: #666;line-height: 24px;width: 536px;height: 39px;margin-left: 42px;}
.wenti .right{width: 580px;height: 474px;float: left;margin-left: 40px;}
