@charset "utf-8";
/*about*/

/*MENU*/
#menu #index_left { display:none;}
#menu #index_right { display:none;}

/*TOP*/
#service_top {position:relative; width:100%;}
#service_top #topimg { line-height:10px;}
#service_top #topimg img { width:100%;}
#service_top #topcon { padding:50px 0; height:180px; background:#0E0E0E;}
#service_top #topcon .link { display:inline-table; margin:0 20px; line-height:10px; filter:alpha(opacity=50); opacity:0.5; cursor:pointer;-webkit-transition: opacity .3s; -moz-transition: -moz-opacity .3s;}
#service_top #topcon .link.sel,
#service_top #topcon .link:hover { filter:alpha(opacity=100); opacity:1;}
#service_top #topcon .link .ico { padding:10px 0; height:72px; -webkit-perspective: 300; -moz-perspective: 300;}
#service_top #topcon .link .ico img { -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s;}
#service_top #topcon .link:hover .ico img { -webkit-transform:rotateY(180deg) translateZ(20px); -moz-transform:rotateY(180deg) translateZ(20px);}
#service_top #topcon .link .btn { padding:20px 40px; border:1px solid #858484; border-radius:70px; background:url(../images/service/toplink_btn_bg.gif) repeat-x; color: #fff; font-size:22px; font-weight:bold; line-height:30px;}
#service_top .top_bottom { position:relative; z-index:1; height:50px; background:url(../images/service/top_bottom.jpg) no-repeat center; background-size: 100% 50px;}
#service_top .top_bottom img { margin-top:5px; cursor:pointer;}

#service_page_top { padding:50px 0 0; height:180px; background:#E9E7E7;}
#service_page_top .swiper-container { width:100%; height:100%;}
#service_page_top_line_bottom { background:#E9E7E7; border-top:1px solid #AAAAAA;}
#service_page_top_line_bottom div { margin:auto; width:65px; height:4px; background:#232323;}
#service_page_bottom { position:relative; background:#E9E7E7;}

#service_page_box { background:#E9E7E7;}
#service_page_box .service_page {}
#service_page_box .topinfo { padding:40px 0 0;}
#service_page_box .topinfo h1 { display: none;}
#service_page_box .topinfo h2 { font-weight: normal; font-size: 28px;}
#service_page_box .topinfo p { margin: auto; width: 680px; font-size: 18px; line-height: 2em; color: #333;}

#service_page_box .page1_con1 { padding:40px 0;}
#service_page_box .page1_con1 img { width:90%;}
#service_page_box .page1_con2 { padding:50px 0;}
#service_page_box .page1_con3 { position:relative; padding:40px 0 50px; background:#FFFFFF;}
#service_page_box .page1_con3 a { display:inline-block; padding:0 50px; border:6px solid #958064; border-radius:30px; font:22px/50px "Microsoft YaHei"; color:#958064; background:url(../images/page_icobtn_right.png) no-repeat 190px 55%; -webkit-transition: background .5s; -moz-transition: background .5s;}
#service_page_box .page1_con3 a:hover { background-color:#DDD2C4; background-position:200px 55%;}

#service_page1_box1 .list{ position:relative; height:200px; background:#000000 no-repeat center; background-size:cover;}
#service_page1_box1 .list .btn{ position:absolute; top:66px; right:160px; width:68px; height:68px; border-radius:68px; border:1px solid #CCCCCC; background:url(../images/page_icobtn_+.png) no-repeat center; cursor:pointer; -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s;}
#service_page1_box1 .list .btn:hover{ -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);}
#service_page1_box1 .list .title{ padding-top:60px;}
#service_page1_box1 .list .con{ position:absolute; left:0; top:25px; width:100%; height:451px; background:url(../images/service/page1_box1_con_bg.png) no-repeat center; display:none;}
#service_page1_box1 .list .con .close { margin:15px auto; width:41px; height:41px; border-radius:40px; background:#000000 url(../images/service/page1_box1_con_close.png) no-repeat center; cursor:pointer; -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s;}
#service_page1_box1 .list .con .close:hover { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);}
#service_page1_box1 .list .con .box { margin:auto; padding:40px 0 0; width:1000px; text-align:left;}
#service_page1_box1 .list .con .box .left { float:left; width:420px;}
#service_page1_box1 .list .con .box .right { float:right; width:480px;}
#service_page1_box1 .list .con .box .right p { margin:0; color:#232323;}
#service_page1_box1 .list .con .box .right p.name { line-height:10px;}
#service_page1_box1 .list .con .box .right p.title { padding:35px 0; font:38px/40px "Microsoft YaHei";}
#service_page1_box1 .list .con .box .right p.info { font:16px/30px "Microsoft YaHei";}

#service_page1_box2 { padding:50px 0 90px;}
#service_page1_box2 .title { padding:0 0 10px;}
#service_page1_box2 .list { position:relative; margin:auto; width:1000px;}
#service_page1_box2 .item { float:left; position:relative; width:250px; height:240px; overflow:hidden;}
#service_page1_box2 .item .info { position:absolute; left:0; top:0; width:250px; -webkit-transition: top .5s; -moz-transition: top .5s;}
#service_page1_box2 .item .info div { width:100%; height:240px; padding:100px 0; height:40px; font:14px "Microsoft YaHei";}
#service_page1_box2 .list .box { position:absolute; left:0; top:0; width:250px; height:250px; border:6px solid #816E4E; -webkit-transition: left .5s, top .5s; -moz-transition: left .5s, top .5s; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}

#service_page2_box1 { position:relative; padding:50px 0 70px;}
#service_page2_box1 .list { position:relative; margin:auto; width:1000px; height:410px;}
#service_page2_box1 .list .list_box {}
#service_page2_box1 .list .list_box .item { position:absolute; left:0; top:0; width:320px; height:406px;}
#service_page2_box1 .list .list_box .item div { position:absolute;}
#service_page2_box1 .list .list_box .item div.ico { left:130px; top:40px; width:150px; height:150px; background:none no-repeat center;}
#service_page2_box1 .list .list_box .item div.btn { left:130px; top:206px; width:50px; height:24px; border-radius:50px; background:#958064 url(../images/page_icobtn_+s.gif) no-repeat center; -webkit-transition:height .3s, top .3s; -moz-transition:height .3s, top .3s; cursor:pointer;}
#service_page2_box1 .list .list_box .item div.btn:hover { height:50px; top:193px;}
#service_page2_box1 .list .list_box .item div.title { left:20px; top:278px; width:180px; background:url(../images/service/page2_box1_item_line.gif) no-repeat center bottom; font:18px/50px "Microsoft YaHei"; color:#958064;}
#service_page2_box1 .list .list_box .item div.info { left:130px; top:80px; width:160px; height:60px; font:14px/24px "Microsoft YaHei"; color:#FFFFFF; text-shadow: 0px 0px 5px #000000; display:none;}
#service_page2_box1 .list .list_to { position:absolute; width:51px; height:61px; cursor:pointer;}
#service_page2_box1 .list .list_to.left { left:-20px; top:120px; background:url(../images/service/page2_box1_toleft.png) no-repeat 0px 0px;}
#service_page2_box1 .list .list_to.right { right:-20px; bottom:120px; background:url(../images/service/page2_box1_toright.png) no-repeat 0px 0px;}
#service_page2_box1 .list .list_to:hover { background-position:0 -61px;}
#service_page2_box2 { padding:80px 0 40px; background:#FFFFFF;}
#service_page2_box3{}
#service_page2_box3 .swiper-container { width:100%; height:100%;}
#service_page2_box3 .swiper-slide img { width:100%;}
#service_page2_box3 .swiper-pagination { position:absolute; bottom:20px;}
#service_page2_box3 .swiper-pagination .swiper-pagination-bullet { width:50px; height:5px; border-radius:0; background:#FFFFFF; opacity:1;}
#service_page2_box3 .swiper-pagination .swiper-pagination-bullet-active { background:#DB1919;}
#service_page2_box4 { padding:50px 0 80px;}
#service_page2_box4 a { display:inline-block; padding:0 50px; border:6px solid #958064; border-radius:30px; font:22px/50px "Microsoft YaHei"; color:#958064; background:url(../images/page_icobtn_right.png) no-repeat 190px 55%; -webkit-transition: background .5s; -moz-transition: background .5s;}
#service_page2_box4 a:hover { background-color:#DDD2C4; background-position:200px 55%;}

.service_page3_down { position:relative; height:90px;}
#service_page3_box1 { position:relative; margin:auto; width:80%;}
#service_page3_box1 .swiper-container { width:100%; height:100%; border-top-right-radius:40px; background:#B1ADA8;}
#service_page3_box1 .swiper-slide { width:100%; height:600px; background: no-repeat right center; background-size:65%;}
#service_page3_box1 .swiper-slide .con { padding:240px 0 0 90px; width:280px;}
#service_page3_box1 .swiper-slide .con p { margin:0; color:#F7F7F6;}
#service_page3_box1 .swiper-slide .con p.title { font:bold 30px/60px "Microsoft YaHei"; border:1px solid #FFFFFF; border-left:0; border-right:0;}
#service_page3_box1 .swiper-slide .con p.info { padding:20px 0; font:12px/24px "Microsoft YaHei"; text-align:justify;}
#service_page3_box1 .box_corner { position:absolute; z-index:1; left:0; top:0; width:344px; height:200px; background:url(../images/service/page3_box1_corner.png) no-repeat left top;}
#service_page3_box1 .box_menu { width:100%; height:100px; background:#FFFFFF; text-align:center;}
#service_page3_box1 .box_menu .menu_name { display:none;}
#service_page3_box1 .box_menu .swiper-pagination { width:100%;}
#service_page3_box1 .box_menu .swiper-pagination .swiper-pagination-bullet { padding:25px 0; width:23%; height:40px; border-radius:0; background:#FFFFFF; opacity:1; font:20px/40px "Microsoft YaHei"; color:#958064;}
#service_page3_box1 .box_menu .swiper-pagination .swiper-pagination-bullet img { vertical-align:middle; margin-right:6px;}
#service_page3_box1 .box_menu .swiper-pagination .swiper-pagination-bullet img.line { float:left;}
#service_page3_box1 .box_menu .swiper-pagination .swiper-pagination-bullet-active { background: url(../images/service/page3_box1_menu_sel.gif) no-repeat center top; color:#13110F;}

#service_page3_box1 .swiper-button-next, #service_page3_box1 .swiper-button-prev { top:320px; width:51px; height:61px;}
#service_page3_box1 .swiper-button-prev { left:-20px; background:url(../images/service/page2_box1_toleft.png) 0px 60px;}
#service_page3_box1 .swiper-button-next { right:-20px; background:url(../images/service/page2_box1_toright.png) 0px 60px;}
#service_page3_box1 .swiper-button-next:hover, #service_page3_box1 .swiper-button-prev:hover { background-position:0 0;}

#service_page3_box1 .box_bottom { width:100%; height:420px; background:url(../images/service/page3_box1_bottom.gif) no-repeat center top; background-size:100%;}
#service_page3_box1 .box_bottom img { margin:50px 0; width:45%;}