@media(min-width:240px){html{font-size:32px}}@media(min-width:320px){html{font-size:42.66667px}}@media(min-width:360px){html{font-size:48px}}@media(min-width:375px){html{font-size:50px}}@media(min-width:384px){html{font-size:51.2px}}@media(min-width:411px){html{font-size:54.8px}}@media(min-width:414px){html{font-size:55.2px}}@media(min-width:424px){html{font-size:56.53333px}}@media(min-width:480px){html{font-size:64px}}@media(min-width:540px){html{font-size:72px}}@media(min-width:640px){html{font-size:85.33333px}}@media(min-width:720px){html{font-size:96px}}@media(min-width:750px){html{font-size:100px}}@media(min-width:768px){html{font-size:102.4px}}@media(min-width:800px){html{font-size:106.66667px}}@media(min-width:980px){html{font-size:130.66667px}}@media(min-width:1024px){html{font-size:136.53333px}}@media(min-width:1080px){html{font-size:144px}}@media(min-width:1152px){html{font-size:153.6px}}@media(min-width:1366px){html{font-size:182.13333px}}@media(min-width:1440px){html{font-size:192px}}@media(min-width:2160px){html{font-size:288px}}

html{height: 100%;margin:0;}
body{width: 100%;height: 100%;font-family: "Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, img, p, tr {padding:0;margin:0;border:0;list-style:none;font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;font-family: "微软雅黑";}
body {font-size:14px;font-family: "微软雅黑";line-height:24px;color:#666;}
a {text-decoration:none;color:#666;transition:all 300ms ease-in-out;}
a:hover {text-decoration:none;/*color:#a88b25;*/}
.clear {clear:both;height:0px auto;overflow:hidden;}
.top {height:105px;width:100%;background:#9a0023;position: fixed;top:0;left:0;z-index:999;}
.top1_main{height:105px;width:1240px;margin:0 auto;}
.top1_left{float:left;width:240px;height:105px}
.top1_left a{display:block;vertical-align:middle;line-height:105px; width:100%;height:100%;}
.top1_left a img{display:inline-block;vertical-align:middle;line-height:105px;width:auto;height:80%;}
.menu {height:105px;float:right;width:calc(100% - 450px);}

#nav {height: 105px;clear:both;width:100%;}
#nav li {width:15%;text-align:center;float:left;height:105px;position:relative;margin:0 0 0 2%;}
#nav li:last-child {margin:0 0 0 0;}
#nav li:after{position: absolute;width:0;bottom:0;left:0;height:2px;content:"";background:#f7ab00;transition:all 400ms ease-in-out;}
#nav li:hover:after{width:60%;transform:translateX(35%);}
#nav li a {display: block;line-height:105px;font-size:16px;text-decoration: none;color:#fff;}
.menu_on{color:#f7ab00;}
#nav li:hover a{color:#f7ab00;}
#nav .menu_on a{color:#f7ab00;}
#nav .menu_on:after{position: absolute;width:60%;bottom:0;left:0;height:2px;content:"";background:#f7ab00;transform:translateX(35%);}
#nav li ul {display: none;position: absolute;top:105px;left:0;width:190px;background:#9a0023;}
#nav li:hover ul {display: block;}
#nav li ul li {float: none;width:190px;text-align:left;height:60px;position:relative;margin:0 0 0 0;}
#nav li ul li:hover:after{width:0;transform:translateX(35%);}
#nav li ul li a {padding:0px 15px 0px 25px;display: block;line-height:60px;font-size:14px;text-align:left;font-weight:normal;}
#nav li ul li a:hover {background: #f7ab00;color:#fff;}
.sjj_nav{display:none;}


#banner {height:520px;margin:105px 0 0 0;}
#mob_banner {display:none;height:7.2rem;background:#000;margin:1.5rem 0 0 0;}
.slide-main{height:100%;position:relative;}
.prev,.next{display:block;width:38px;height:62px;position:absolute;z-index:222;top:48%;overflow:hidden;cursor:pointer;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);_border:1px solid none;}
.prev{left:3%;}
.next{right:3%;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);}
.item{display:block;width:100%;height:4px;position:absolute;z-index:124;bottom:30px;left:0;text-align:center;}
.item a{display:inline-block;width:30px;height:4px;margin-right:5px;background:#fff;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.item a.cur{background:#fff;opacity:1;}
.slide-box,.slide{display:block;width:100%;height:100%;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;position:absolute;z-index:8;}
/*#bgstylea{background:url(../images/banner1_bg.jpg) no-repeat top center;background-size:cover;}
#bgstyleb{background:url(../images/banner2_bg.jpg) no-repeat top center;background-size:cover;}
#bgstylec{background:url(../images/banner3_bg.jpg) no-repeat top center;background-size:cover;}*/
.slide a{display:block;width:100%;height:100%;cursor:pointer;}
.slide a img{width:100%;min-height:520px;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f,.obj-g{position:absolute;z-index:9;display:block;}
.obj-a{width:421px;height:372px;text-align:center;top:18%;right:22%;}
.obj-a img{display:inline-block;text-align: center;width:100%;height:auto;}
.obj-b{width:961px;height:139px;top:20%;left:50%;margin-left:-480px;}
.obj-b img{width:100%;height:auto;}
.obj-c{width:1080px;height:169px;top:35%;left:50%;margin-left:-540px;}
.obj-c img{width:100%;height:auto;}
.obj-d{width:1118px;height:252px;margin:-146px 0 0 -559px;text-align:center;top:50%;left:50%;background:rgba(0,0,0,0.3);padding:40px 0 0 0;z-index:10;}
.obj-d img{display:inline-block;text-align: center;}
.obj-e{width:1229px;height:868px;bottom:-200px;left:50%;transform:translateX(-50%);}
.obj-f{width:823px;height:668px;bottom:0;right:50%;margin-left:823px;}
.obj-g{width:701px;height:256px;top:50%;transform:translateY(-50%);left:50%;margin:0 0 0 50px;}
.obj-f .p1{margin-bottom:58px;}
.obj-f .p2{width:180px;height:45px;line-height:45px;background:#ecb50c;border-radius:8px;transition:all 400ms ease-in-out;}
.obj-f .p2 span{display:block;width:100px;height:45px;line-height:45px;margin:0 auto;position:relative;color:#fff;font-size:18px;transition:all 400ms ease-in-out;}
.obj-f .p2 span:after{width:10px;height:45px;line-height:45px;background:url(../images/banner_icon1.png) no-repeat right center;content:"";position:absolute;top:0px;right:0px;transition:all 400ms ease-in-out;}
.obj-f .p2:hover{background:#fff;}
.obj-f .p2:hover span{color:#222;}
.obj-f .p2:hover span:after{background:url(../images/banner_icon2.png) no-repeat right center;}
.obj-g p{width:215px;float:left;margin-right:50px;}
.obj-g p:nth-child(3){margin-right:0px;}
.banAnimate .obj-a{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
.banAnimate .obj-c{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
.banAnimate .obj-d{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
.banAnimate .obj-e{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
.banAnimate .obj-f{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.4s linear 0s normal none;-moz-animation:saAnic 0.4s linear 0s normal none;animation:saAnic 0.4s linear 0s normal none;}
.banAnimate .obj-g{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
/*.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
*/
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }


/*首页服务*/
.index_service{background:#fff;}
.index_service_main{width:1140px;margin:0 auto;padding:60px 0 50px 0;}
.index_service_main ul{overflow: hidden;padding:20px;}
.index_service_main ul li{width:28%;margin:0 2.66%;float:left;position: relative;/*cursor: pointer;*/}
.index_service_main ul li .p1{width:160px;height:160px;margin:0 auto 40px auto;text-align:center;border:#f7ab00 1px solid;border-radius:50%;position: relative;}
.index_service_main ul li .p1 i{ width: 160px;height:160px;  position: absolute;  display: block;animation:circleRoate 5s infinite linear ;opacity: 0;transition:all 400ms ease-in-out;z-index: 5;} 
.dotdot{position: absolute; left:30px;top:6px;width: 12px;  height: 12px;  border-radius: 50%;  background:#f7ab00;  } 
.index_service_main ul li .p1 span{display:block;position:absolute;width:140px;height:140px;top:50%;left:50%;transform:translate(-50%,-50%);background:#a50319;text-align: center;vertical-align: middle;border-radius: 140px;line-height:140px;transition:all 300ms ease-in-out;}
.index_service_main ul li .p1 span img{display: inline-block;height:32px;width:auto;vertical-align: middle;line-height:140px;}
.index_service_main ul li .p2{width:200;margin:0 auto;text-align:center;font-size:16px;line-height:2;color:#444;transition:all 400ms ease-in-out;}
@keyframes circleRoate{  
        from{transform: rotate(0deg);}  
        to{transform: rotate(360deg);}  
}
.index_service_main ul li:hover .p1 i{ opacity:1;} 
.index_service_main ul li:hover .p1 span{width:130px;height:130px;}
.index_service_main ul li:hover .p2 {color:#a50319;transform:translateY(5px);}

.c-banner{display:none;width: 100%;margin:105px 0 0 0;position: relative;height:520px;}
/*.c-banner{width: 100%;margin:105px 0 0 0;position: relative;height:520px;}
.c-banner .banner ul{list-style: none;padding-left: 0px;margin-bottom: 0px;}
.c-banner .banner ul li{position: absolute;display: none;opacity: 0;}
.c-banner .banner ul li:nth-child(1){opacity: 1;display: block;}
.c-banner .banner ul li img{width: 100%;position: absolute;top: 0px;height:520px;}
.c-banner .banner ul li:first-child img{position: relative;}
.c-banner .nexImg,.c-banner .preImg{position: absolute;top: 50%;margin-top: -31px;opacity: 0.3;border-radius: 5px;z-index: 10;	}
.c-banner .nexImg:hover,.c-banner .preImg:hover{opacity: 0.8;}
.c-banner .preImg{left: 2%;}
.c-banner .nexImg{right: 2%;}
.c-banner .nexImg img,.c-banner .preImg img{}
.c-banner .jumpBtn{width: 100%;position: absolute;bottom: 15px;text-align: center;}
.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}
.c-banner .jumpBtn ul li{width: 12px;height: 12px;border-radius: 50%;display: inline-block;background-color: white;opacity: 0.8;margin-left:5px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px;}*/





/*首页文化*/
.index_culture{background:url(../images/wenhua_bg.jpg) left center no-repeat;background-size:cover;height:318px;padding:50px 0 50px 0;}
.index_culture_main{width:1240px;margin:0 auto;}
.culture_p1{font-size:20px;font-weight: bold;text-align: center;color:#fff;font-family:DIN-Medium;margin:0 0 15px 0;line-height: 1;}
.culture_p2{text-align: center;margin:0 0 30px 0;line-height: 1;}
.culture_p2 span{display:inline-block;color:#fff;position: relative;}
.culture_p2 span:before{display:block;position: absolute;content:"";width:80px;height:1px;background: #fff;top:50%;left:0;margin-left:-95px;}
.culture_p2 span:after{display:block;position: absolute;content:"";width:80px;height:1px;background: #fff;top:50%;right:0;margin-right:-95px;}
.culture_ul1{overflow: hidden;text-align: center;margin:0 0 30px 0;}
.culture_ul1 li{/*width:210px;*//*float:left;*/display: inline-block;height:36px;line-height:36px; margin:0 15px;font-size:28px;color:#fff;background:url(../images/culture_arrow1.png) no-repeat center left;background-size:50px auto;padding-left:60px;text-align:left;}
.culture_ul2{overflow: hidden;text-align: center;}
.culture_ul2 li{display: inline-block;width:120px;margin:0 140px;text-align:center;}
.culture_ul2 li:nth-child(1){margin:0 140px 0 0;}
.culture_ul2 li:nth-child(3){margin:0 0 0 140px;}
.culture_ul2 li .p1{display: block;background:url(../images/culture_icon1.png) top center no-repeat;background-size:auto 86px;padding:100px 0 0 0;margin:0 0 10px 0;}
.culture_ul2 li .p1 .span1{font-size:45px;color:#fff;font-family:HelveticaLT-67;font-weight: bold;vertical-align: baseline;line-height: 1;}
.culture_ul2 li .p1 .span2{font-size:16px;color:#fff;font-family:HelveticaLT-67;font-weight: bold;vertical-align: baseline;line-height: 1;}
.culture_ul2 li .p2{color:#fff;line-height: 1;}
.culture_ul2 li:nth-child(2) .p1{background:url(../images/culture_icon2.png) top center no-repeat;background-size:auto 86px;}
.culture_ul2 li:nth-child(3) .p1{background:url(../images/culture_icon3.png) top center no-repeat;background-size:auto 86px;}


/*首页服务2*/
.index_service2{background:#fff;padding:70px;}
.index_service2_main{width:1100px;margin:0 auto;}
.service_lable1{text-align: center;height:80px;position: relative;}
.service_lable1:after{position: absolute;content:"";bottom:0;left:50%;width:290px;height:2px;background:#d4d4d4;margin-left:-145px;}
.service_lable1 .p1{text-align: center;font-size:30px;color:#444;height:40px;}
.service_lable1 .p2{position: absolute;text-align: center;font-size:14px;color:#444;height:40px;left:50%;bottom:0;transform:translateX(-50%);z-index:5;}
.service_lable1 .p2:after{position: absolute;content:"";bottom:0;left:50%;width:80px;height:4px;background:#3f3b3a;margin-left:-40px;z-index:5;}
.index_service2_con ul{margin:70px 0 0 0;overflow: hidden;}
.index_service2_con ul li{width:49%;margin:0 2% 15px 0;height:0;padding-top:28.52%;position: relative;float:left;overflow:hidden;cursor: pointer;}
.index_service2_con ul li:nth-child(2n){margin:0 0 15px 0;}
.index_service2_con ul li .p1{position: absolute;width:100%;height:100%;top:0;left:0;}
.index_service2_con ul li .p1 a{display:block;width:100%;height:100%;}
.index_service2_con ul li .p1 a img{width:100%;height:100%;}
.index_service2_con ul li .p2{position: absolute;width:calc(100% - 58px);height:48px;bottom:0;left:0;background:#aaabab;line-height:48px;padding:0 30px;transition:all 400ms ease-in-out;}
.index_service2_con ul li .p2 a{display: inline-block;font-size:20px;color:#fff;margin-right:20px;line-height:48px;}
.index_service2_con ul li .p2 span{display: inline-block;font-size:14px;color:#fff;line-height:48px;}
.index_service2_con ul li .p3{position: absolute;width:100%;height:48px;bottom:0;left:0;background:rgba(154,0,35,0.9);opacity:0;transition:all 400ms ease-in-out;}
.index_service2_con ul li:hover .p3{height:100%;bottom:0;opacity:1;}
.index_service2_con ul li:hover .p2{opacity:0;}
.index_service2_con ul li .p3 .span1{display:block;position: absolute;width:100%;height:48px;top:40%;left:0;text-align:center;font-size:20px;color:#fff;line-height: 1;}
.index_service2_con ul li .p3 .span1:after{display:block;content:"X";position: absolute;bottom:0; left:0;width:100%;line-height: 1;font-size:20px;color:#fff;}
.index_service2_con ul li .p3 .span2{display:block;position: absolute;width:100%;top:calc(40% + 56px);left:0;text-align:center;font-size:16px;color:#fff;line-height: 1;}


/*首页流程*/
.index_process{background:url(../images/process_bg1.jpg) top center no-repeat;background-size:cover;height:480px;padding:70px 0;}
.index_process_main{width:1100px;margin:0 auto;}
.process_lable{text-align:center;color:#fff;font-weight: bold;font-size:36px;line-height:1.8;}
.process_con{margin:70px 0 0 0;position: relative;height:265px;text-align:center;}
.process_con:after{position: absolute;width:100%;height:25px;content:"";background:url(../images/process_arrow.png) bottom center no-repeat;background-size:100% auto;left:0;bottom:20px;}
.process_con ul {width:100%;position: absolute;bottom:0;z-index:3;}
.process_con ul li{display:inline-block;vertical-align: bottom;margin:0 15px;background:url(../images/process_icon1.png) bottom center no-repeat;background-size:auto 260px;width:122px;height:265px;position: relative;cursor: pointer;transition:all 800ms ease-in-out;}
.process_con ul li a{display:block;width:100%;height:100%;position: absolute;top:0;left:0;z-index: 4;}
.process_con ul li:first-child{margin:0 15px 0 0;}
.process_con ul li:last-child{margin:0 0 0 15px;}
.process_con ul li .span1{display:block;color:#fff;font-size:24px;line-height:1.2;font-weight: bold;/*margin:45px auto 0 auto;*/letter-spacing:3px;position: absolute;top:36px;left:50%;transform:translateX(-50%);}
.process_con ul li .span2{display:block;color:#9a0023;font-size:24px;font-weight:bold;position:absolute;bottom:20px;left:50%;transform:translateX(-50%); z-index:3;font-family:DIN-Bold;line-height: 1;}
.process_con ul li:hover{transform: rotateY(360deg);}



/*首页承诺*/
.index_promise{padding:70px 0 50px 0;}
.index_promise_main{width:1100px;margin:0 auto;}
.promise_lable1{text-align: center;height:90px;position: relative;}
.promise_lable1:after{position: absolute;content:"";bottom:0;left:50%;width:290px;height:2px;background:#d4d4d4;margin-left:-145px;}
.promise_lable1 .p1{text-align: center;font-size:30px;color:#444;height:40px;letter-spacing:5px;}
.promise_lable1 .p2{position: absolute;text-align: center;font-size:14px;color:#444;height:50px;left:50%;bottom:0;transform:translateX(-50%);z-index:5;}
.promise_lable1 .p2:after{position: absolute;content:"";bottom:0;left:50%;width:80px;height:4px;background:#3f3b3a;margin-left:-40px;z-index:5;}
.promise_lable2{color:#666;margin:15px 0 0 0;text-align: center;}
.promise_lable2 span{display:inline-block;margin:0 4px;}
.promise_con{margin:20px 0 0 0;}
.promise_con ul{overflow: hidden;padding:20px 10px;}
.promise_con ul li{width:calc(19.2% - 40px);height:236px;margin:0 1% 0 0;float:left;padding:55px 20px;background:#eeefef;text-align:center;/*cursor:pointer;*/transition:all 300ms ease-in-out;}
.promise_con ul li a{display:block;width:100%;height:100%;}
.promise_con ul li:nth-child(5){margin:0 0 0 0;}
.promise_con ul li .p1{height:25px;background:url(../images/promise_icon1.png) top center no-repeat;background-size:auto 60px;padding:95px 0 0 0;font-size:18px;color:#444;line-height:30px;margin:0 0 25px 0;font-weight:bold;}
.promise_con ul li .p2{color:#999;line-height:2.5;text-align:center;font-size:12px;}
.promise_con ul li:nth-child(2) .p1{background:url(../images/promise_icon2.png) top center no-repeat;background-size:auto 60px;}
.promise_con ul li:nth-child(3) .p1{background:url(../images/promise_icon3.png) top center no-repeat;background-size:auto 60px;}
.promise_con ul li:nth-child(4) .p1{background:url(../images/promise_icon4.png) top center no-repeat;background-size:auto 60px;}
.promise_con ul li:nth-child(5) .p1{background:url(../images/promise_icon5.png) top center no-repeat;background-size:auto 60px;}
.promise_con ul li:nth-child(6) {display:none;}
.promise_con ul li:nth-child(6) .p3{position: relative;width:100%;height:100%;}
.promise_con ul li:nth-child(6) .p3:after{position: absolute;top:50%;left:50%;content:"...";font-size:24px;margin-left:-20px;}
.promise_con ul li:hover{box-shadow:10px 10px 10px -10px #ccc; transform:translateY(10px);}




/*首页伙伴*/
.index_cooperation{padding:0 0 60px 0;}
.index_cooperation_main{width:1110px;margin:0 auto;}
.cooperation_con{margin:40px 0 0 0;}
.cooperation_con ul{overflow: hidden;}
.cooperation_con ul li{width:calc(13% - 2px);height:0;margin:0 1.5% 20px 0;float:left;text-align:center;border:#fff solid 1px;padding-top:8.49%;position: relative;/*cursor:pointer;*/transition:all 300ms ease-in-out;overflow: hidden;}
.cooperation_con ul li:nth-child(7n){margin:0 0 20px 0;}
.cooperation_con ul li p{display:block; width:100%;height:100%;top:0;left:0;position:absolute;}
.cooperation_con ul li span{display:block;text-align: center;vertical-align: middle; width:100%;height:100%;line-height: 100%;position: relative;}
.cooperation_con ul li span img{display:block;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 200ms ease-in-out;}
.cooperation_con ul li:hover{border:#e7e7e7 solid 1px;}
.cooperation_con ul li:hover span img{width:100%;height:auto;}


/* scrollbox */
/*.scrollbox{position:relative;width:1110px;height:354px;overflow:hidden;margin:40px 0 0 0;}
.scrollbox ul{position:absolute;left:0px;top:0px;width:100%;}
.scrollbox li{float:left;width:100%;height:98px;overflow:hidden;margin:0 0 20px 0;}
.scrollbox li p{float:left;width:150px;height:98px;margin:0 25px 0 0;}
.scrollbox li p:nth-child(7n){margin:0 0 0 0;}
.scrollbox li p span{display:block;width:150px;height:98px;}
.scrollbox li p span img{width:150px;height:98px;}*/


.scroll-img {width:1100px;height:354px;overflow: hidden;margin:40px auto 0 auto;}
.scroll-img ul {width:1110px;height:590px;margin: 0;}
.scroll-img ul li {float:left;width:150px;height:98px;margin:0 10px 20px 0;}
.scroll-img ul li:nth-child(7n){margin:0 0 20px 0;}


/*底部*/
#foot{padding:40px 0 40px 0;background:#9a0023;}
#bom_main{width:1100px;margin:0 auto;overflow:hidden;clear:both;}
.bom_left{float:left;width:calc(100% - 350px);}
.bom_right{float:right;width:120px;text-align: center;padding:15px 0 0 0;}
.bom_logo{border-bottom:#fff solid 2px;width:240px;padding:0 0 10px 0;vertical-align: bottom;overflow: hidden;margin:0 0 20px 0;}
.bom_logo span{display:block;}
.bom_logo .span1{float:left;height:80px;}
.bom_logo .span1 img{width:auto;height:100%;}
.bom_logo .span2{float:right;text-align:right;vertical-align: text-bottom;height:55px;font-size:22px;color:#fff;line-height:80px;letter-spacing: 5px;}
.bom_list li{line-height:2;color:#fff;font-size:15px;}
.bom_list li a{color:#fff;}
.bom_right p{display:block;}
.bom_right .p1{color:#fff;font-size:15px;height:30px;line-height:30px;text-align: center;margin:10px 0 0 0;}
.bom_right .p2{width:120px;height:120px;}
.bom_right .p2 img{width:100%;height:100%;}


/*内页banner*/
#banner1 {width:100%;height:400px;overflow:hidden;margin:105px 0 0 0;position: relative;}
#banner1:after{width:100%;height:400px;overflow:hidden;position:absolute;top:0;left:0;background:rgba(0,0,0,0.1);content:"";z-index: 1;}
#banner1 .p1{display:block;position: absolute;text-align: center;color:#fff;font-size:32px;font-weight: bold;top:30%;left:0;width:100%;line-height:1.5;z-index: 2;animation-name:baoleft;-webkit-animation:baoleft 0.8s linear 0s normal none;-moz-animation:baoleft 0.8s linear 0s normal none;animation:baoleft 0.8s linear 0s normal none;}
#banner1 .p2{display:block;position: absolute;text-align: center;color:#fff;font-size:60px;font-weight: bold;top:30%;left:0;margin:70px 0 0 0;width:100%;line-height:1.5;z-index:2;animation-name:baoright;-webkit-animation:baoright 0.8s linear 0s normal none;-moz-animation:baoright 0.8s linear 0s normal none;animation:baoright 0.8s linear 0s normal none;}
@-webkit-keyframes baoleft{from{opacity:0;top:10%;} to{opacity:1;top:30%;} }
@-moz-keyframes baoleft{from{opacity:0;top:10%;} to{opacity:1;top:30%;} }
@keyframes baoleft{from{opacity:0;top:10%;} to{opacity:1;top:30%;} }
@-webkit-keyframes baoright{from{opacity:0;top:50%;} to{opacity:1;top:30%;} }
@-moz-keyframes baoright{from{opacity:0;top:50%;} to{opacity:1;top:30%;} }
@keyframes baoright{from{opacity:0;top:50%;} to{opacity:1;top:30%;} }

#main{}
#main_con{width:1100px;margin:0 auto;overflow:hidden;}


/*内页作品*/
.works_lable{height:70px;overflow: hidden;margin:0 0 60px 0;background:#f3f3f3;}
.works_lable3{height:70px;overflow: hidden;margin:105px 0 70px 0;background:#f3f3f3;}
.works_lable_main{width:1100px;height:70px;overflow: hidden;margin:0 auto;}
.works_lableleft{height:70px;width:400px;float:left;}
.works_lableleft h1{color:#333;font-size:24px;line-height: 70px;}
.works_lableleft p{color:#333;font-size:24px;line-height: 70px;}
.daohang{height:45px;width:calc(100% - 420px);float:right;color:#999;line-height:1.5;text-align: right;padding:25px 0 0 0;font-size:14px;}
.daohang a{color:#999;display:inline-block;margin:0 5px;}
.daohang a:hover{color:#9a0023;}
#works_main{width:1100px;margin:70px auto;}
#works_main2{width:1100px;margin:30px auto 80px auto;}

.works_list ul{overflow: hidden;}
.works_list li {float:left;overflow: hidden;width:32%;height:0;padding-top:24.52%;margin:0 2% 20px 0;position: relative;}
.works_list li:nth-child(3n) {float:left;overflow: hidden;width:32%;margin:0 0 20px 0;}
.works_list li .works_img {width:100%;height:100%;top:0;left:0;position:absolute;}
.works_list li .works_img a{display:block;width:100%;height:100%;}
.works_list li .works_img a img{width:100%;height:100%;transition:all 400ms ease-in-out;}
.works_list li:hover .works_img a img{transform:scale(1.15,1.15)}
.works_list li .works_text {width:calc(100% - 50px);height:52px;bottom:0;left:0;position:absolute;background:rgba(255,255,255,0.85);padding:0 25px;}
.works_list li .works_text a{display:block;}
.works_list li .works_text .a1{height:30px;line-height:30px;color:#999;border-bottom:#999 solid 1px;font-size:16px;}
.works_list li .works_text .a2{height:22px;line-height:22px;color:#999;}
.works_top{background:#f3f3f3;padding:30px;}
.works_lable2{border-bottom:#ccc solid 1px;overflow: hidden;margin:0 0 25px 0;padding:0 0 25px 0;}
.works_lable2left{}
.works_lable2right{color:#999;line-height:1.5;margin:10px 0 0 0;}
.works_lable2right span{display:inline-block;margin:0 20px 0 0;}
.works_title1{font-size:36px;color:#444;line-height: 1.2;}
.daohang2{height:30px;color:#999;margin:0 0 40px 0;}
.daohang2 a{color:#999;display:inline-block;margin:0 8px 0 0;}
.works_con_text h2{color:#444;font-size:24px;margin:0 0 10px 0;line-height:1;}
.works_con_text{color:#999;line-height:2.5;}
.works_con_pic{margin:40px 0 0 0;}
.works_con_pic ul li{margin:0 0 20px 0;}
.works_con_pic ul li:last-child{margin:0 0 0 0;}
.works_con_pic img{width:100%;}
.works_around{margin:80px 0 0 0;border:#cacaca solid 1px;}
.works_around  ul{height:154px;overflow:hidden;width:100%;}
.works_around  ul li{float:left;height:154px;}
.works_around  ul li:nth-child(1){width:calc(50% - 50px);}
.works_around  ul li:nth-child(2){width:98px;border-left:#cacaca solid 1px;border-right:#cacaca solid 1px;text-align: center;}
.works_around  ul li:nth-child(2) a{display:inline-block;line-height:154px;font-size:20px;color:#444;transition:all 400ms ease-in-out;}
.works_around  ul li:nth-child(2) a:hover{color:#9a0023;transform:translateY(-5px);}
.works_around  ul li:nth-child(3){width:calc(50% - 50px);}
.works_around  ul li .works_around_img{width:201px;height:154px;overflow: hidden;}
.works_around  ul li .works_around_img a{display:block;width:100%;height:100%;}
.works_around  ul li .works_around_img a img{display:block;width:100%;height:100%;}
.works_around  ul li .works_around_txt{width:calc(100% - 300px);padding:45px 30px 0 30px;height:109px;}
.works_around  ul li .works_around_txt span{display:block;font-size:18px;color:#444;background:url(../images/works_arrow_left.png) no-repeat left center;padding-left:25px;margin:0 0 15px 0;}
.works_around  ul li .works_around_txt a{display:block;color:#999;padding-left:25px;transition:all 400ms ease-in-out;}
.works_around  ul li .works_around_txt a:hover{color:#9a0023;transform:translateX(10px);}
.works_around  ul li:nth-child(1) .works_around_img{float:left;}
.works_around  ul li:nth-child(1) .works_around_txt{float:left;}
.works_around  ul li:nth-child(3) .works_around_img{float:right; }
.works_around  ul li:nth-child(3) .works_around_txt{float:right;text-align:right;}
.works_around  ul li:nth-child(3) .works_around_txt span{background:url(../images/works_arrow_right.png) no-repeat right center;padding-right:25px;margin:0 0 15px 0;text-align: right;}
.works_around  ul li:nth-child(3) .works_around_txt a{padding-right:25px;text-align: right;}
.works_around  ul li:nth-child(3) .works_around_txt a:hover{color:#9a0023;transform:translateX(-10px);}

.works_relevant{margin:80px 0 60px 0;}
.works_relevant_title{height:52px;border-bottom:#ccc solid 1px;color:#444;font-size:30px;margin:0 0 20px 0;line-height:1;}
.works_relevant ul {overflow: hidden;}
.works_relevant ul li{width:45%;float:left;}
.works_relevant ul li:nth-child(2n){width:45%;float:right;}
.works_relevant ul li a{color:#999;font-size:14px;display: block;position: relative;padding:0 0 0 20px;line-height:2.5;transition:all 400ms ease-in-out;}
.works_relevant ul li a:before{position:absolute;left:0;top:50%;width:8px;height:8px;margin:-4px 0 0 0;content:"";background:#ccc;transition:all 400ms ease-in-out;}
.works_relevant ul li a:hover{color:#9a0023;transform:translateX(10px);}
.works_relevant ul li a:hover:before{background:#9a0023;}

/*内页关于我们*/
#about_main{padding:80px 0;}
.about_con1{width:1100px;margin:0 auto;}
.about_lable1{text-align: center;}
.about_lable1 .p1{text-align: center;font-size:18px;color:#999;line-height:1;margin:0 0 20px 0;}
.about_lable1 .p2{text-align: center;font-size:32px;color:#444;height:1.5;}
.about_text1{margin:50px 0 0 0;line-height:2.5;font-size:16px;}
.about_text1 p{margin:0 0 30px 0;}
.about_text1 p:last-child{margin:0 0 0 0;}
.about_list1{background:#f4f4f4;overflow: hidden;height:440px;margin:60px 0 0 0;}
.about_list1 li{width:33%;float:left;overflow: hidden;}
.about_list1 li:first-child{width:34%;}
.about_list1 li .p1 {width:calc(100% - 100px);height:220px;text-align:center;padding:0 50px;vertical-align:middle;display: table-cell;overflow: hidden;}
.about_list1 li .p1 span{display:inline;line-height:2;vertical-align: middle;font-size:24px;}
.about_list1 li .p2{display: block;width:100%;height:220px;overflow: hidden;}
.about_list1 li .p2  img{width:100%;height:220px;}
.about_text2{margin:70px 0 0 0;padding:50px 0 0 0;line-height:2.5;font-size:16px;border-top:#ccc solid 1px;}
.about_text2 h2{text-align: center;font-size:32px;color:#444;height:1.5;margin:0 0 20px 0;}
.about_text2 p{margin:0 0 30px 0;}
.about_text2 p:last-child{margin:0 0 0 0;}

/*内页合作伙伴*/
.promise_main{padding:80px 0 0 0;}


/*内页服务*/
.service_main1{margin:80px auto 0 auto;width:1100px;overflow:hidden;}
.service_lable2{color:#666;text-align: center;}
.service_lable2 .p1{color:#7d7d7d;font-size:45px;font-weight: bold;margin:0 0 10px 0;line-height: 1.5;}
.service_lable2 .p2{color:#7d7d7d;font-size:30px;font-weight: bold;line-height: 1.5;}
.service_con1{margin:60px auto 0 auto;width:800px;}
.service_lc{width:100%;overflow: hidden;}
.service_lc li{width:100%;height:163px;position: relative;margin:0 0 20px 0;background:url(../images/service_bg3.png) no-repeat top right;background-size:auto 100%;}
.service_lc li .div1{width:188px;height:163px;overflow: hidden;text-align: center;background:url(../images/service_bg2.png) no-repeat top left;background-size:auto 100%;position: absolute;top:0;left:0;}
.service_lc li .div1 span{display:block;color:#666;line-height: 1.5;letter-spacing:3px;font-size:24px;font-weight: bold;position: absolute;top:50%;left:0;transform:translateY(-50%);text-align: center;width:100%;}
.service_lc li .div2 {width:calc(100% - 228px);height:auto;padding:0 20px;position:absolute;left:188px;top:50%;transform:translateY(-50%);}
.service_lc li .div2 p{font-size:16px;color:#666;line-height:2;}


.service_con2{margin:60px auto 0 auto;width:900px;position:relative;}
.service_con2:before{position: absolute;left:28px;top:20px;height:calc(100% - 60px);width:4px;background:#9a0023;content:"";z-index:-1;}
.service_lc2{width:100%;overflow: hidden;}
.service_lc2 li{margin:0 0 40px 0;overflow: hidden;}
.service_lc2 li .div1{margin:10px 15px 0 0;float:left;width:60px;height:60px;border-radius:50%;background:#9a0023;text-align: center;}
.service_lc2 li .div1 span{font-family:HelveticaLT-67;font-weight: bold;line-height:60px ;color:#fff;font-size:36px;}
.service_lc2 li .div2{background:#f2f2f2;padding:25px 40px;border-radius:5px;float:right;width:calc(100% - 175px);position: relative;}
.service_lc2 li .div2:before{position:absolute;content: ""; width: 0;height: 0;border-top: 10px solid transparent;border-right: 20px solid #f2f2f2;border-bottom:10px solid transparent;left:-20px;top:30px;}
.service_lc2 li .div2 h2{font-size:24px;color:#666;margin:0 0 15px 0;line-height: 1.5;padding:0 0 10px 36px;border-bottom:#ccc dotted 1px;font-weight: bold;background:url(../images/liucheng_icon1.png) no-repeat 0px 8px;}
.service_lc2 li .div2 p{line-height:2;color:#999;font-size:16px;}
.service_lc2 li:nth-child(2) .div2 h2{background:url(../images/liucheng_icon2.png) no-repeat 0px 8px;}	
.service_lc2 li:nth-child(3) .div2 h2{background:url(../images/liucheng_icon3.png) no-repeat 0px 8px;}
.service_lc2 li:nth-child(4) .div2 h2{background:url(../images/liucheng_icon4.png) no-repeat 0px 8px;}
.service_lc2 li:nth-child(5) .div2 h2{background:url(../images/liucheng_icon5.png) no-repeat 0px 8px;}	
.service_lc2 li:nth-child(6) .div2 h2{background:url(../images/liucheng_icon6.png) no-repeat 0px 8px;}
.service_lc2 li:nth-child(7) .div2 h2{background:url(../images/liucheng_icon7.png) no-repeat 0px 8px;}





/*内页联系方式*/
.contact_main{padding:70px 0 ;width:1100px;margin:0 auto;}
.contact_lable1{text-align: center;height:80px;position: relative;}
.contact_lable1:after{position: absolute;content:"";bottom:0;left:50%;width:290px;height:2px;background:#d4d4d4;margin-left:-145px;}
.contact_lable1 .p1{text-align: center;font-size:30px;color:#444;height:40px;}
.contact_lable1 .p2{position: absolute;text-align: center;font-size:14px;color:#444;height:40px;left:50%;bottom:0;transform:translateX(-50%);z-index:5;}
.contact_lable1 .p2:after{position: absolute;content:"";bottom:0;left:50%;width:80px;height:4px;background:#3f3b3a;margin-left:-40px;z-index:5;}
.contact_lable2{text-align: center;margin:60px 0 60px 0;}
.contact_lable2 .p1{color:#444;font-size:30px;margin:0 0 25px 0;}
.contact_lable2 .p2{color:#999;line-height:2.5;}
.contact_div ul{/*background:#ff0; height:400px;*/overflow:hidden;}
.contact_div ul li{width:18.4%;float:left;margin:0 2% 0 0;text-align: center;position: relative;height:240px;}
.contact_div ul li:last-child{margin:0 0 0 0;}
.contact_div ul li .p1{width:100%;height:150px;position: absolute;top:0;left:0;}
.contact_div ul li .p1 .span1{width:120px;height:120px;background:#777;border-radius:120px;position: absolute;top:0;left:50%;margin-left:-60px;transition:all 800ms ease-in-out;}
.contact_div ul li .p1 .span2{width:120px;height:120px;background:url(../images/contact_icon1.png) no-repeat center center;background-size:120px auto; position: absolute;top:0;left:50%;margin-left:-60px;z-index:3;}
.contact_div ul li:nth-child(2) .p1 .span2{background:url(../images/contact_icon5.png) no-repeat center center;background-size:120px auto;}
.contact_div ul li:nth-child(4) .p1 .span2{background:url(../images/contact_icon3.png) no-repeat center center;background-size:120px auto;}
.contact_div ul li:nth-child(5) .p1 .span2{background:url(../images/contact_icon4.png) no-repeat center center;background-size:120px auto;}

.contact_div ul li .p1 .span3 { width:120px;height:120px;background:#9a0023;border-radius:120px;position: absolute;top:0;left:50%;margin-left:-60px;transition:all 500ms ease-in-out;opacity: 0;transform:scale(0.6,0.6);z-index: 2;}
.contact_div ul li .p0{width:135px;height:135px;position: absolute;top:0;left:50%;transform:translateX(-50%);}
.contact_div ul li .p0 img{width:100%;height:100%;}
.contact_div ul li .p2{height:180px;width:calc(100% - 40px);position: absolute;top:150px;left:0;text-align:center;padding:0 20px;}
.contact_div ul li .p2 span{display:block;text-align: center;}
.contact_div ul li .p2 .span1{font-size:18px;color:#444;line-height:1;margin:0 0 10px 0;}
.contact_div ul li .p2 .span2{color:#999;line-height:1.5;}
.contact_div ul li:hover .p1 .span1{transform:scale(0.6,0.6)}
.contact_div ul li:hover .p1 .span3{opacity: 1;transform:scale(1,1)}


/*在线客服start*/
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.color-white{color:white!important;}
.red{color:#ff6600!important;}
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.wfs{width:100%;position:relative;}
.p_r{position:relative;}
.suspension{position:fixed;z-index:55;right:0;bottom:0px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#333;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#ff6600;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:24px;height:22px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:200px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:80px;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:0px;}
.suspension .d .inner-box{padding:8px 0px 12px 15px;}
.suspension .d-service-item{/*border-bottom:1px solid #eee;*/padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:120px;line-height:28px;font-size:16px;margin-left:12px;padding:0 0 15px 0;color:#93959c;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;font-size:16px;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
/*在线客服end*/


@media (max-width: 1024px) {
body {font-size:12px;font-family: "微软雅黑";line-height:22px;color:#666;}
a {text-decoration:none;color:#666;transition:all 300ms ease-in-out;}
a:hover {text-decoration:none;}
.clear {clear:both;height:0px auto;overflow:hidden;}
.top {height:100px;width:100%;background:#9a0023;position: fixed;top:0;left:0;z-index:999;}
.top1_main{height:100px;width:calc(100% - 20px);margin:0 auto;}
.top1_left{float:left;width:220px;height:100px}
.top1_left a{display:block;vertical-align:middle;line-height:100px; width:100%;height:100%;}
.top1_left a img{display:inline-block;vertical-align:middle;line-height:100px;width:auto;height:80%;}
.menu {height:100px;float:right;width:calc(100% - 280px);display:none;}
	
#nav {height: 100px;clear:both;width:100%;}
#nav li {width:15%;text-align:center;float:left;height:100px;position:relative;margin:0 0 0 2%;}
#nav li:last-child {margin:0 0 0 0;}
#nav li:after{position: absolute;width:0;bottom:0;left:0;height:2px;content:"";background:#f7ab00;transition:all 400ms ease-in-out;}
#nav li:hover:after{width:60%;transform:translateX(35%);}
#nav li a {display: block;line-height:100px;font-size:15px;text-decoration: none;color:#fff;}
.menu_on{color:#f7ab00;}
#nav li:hover a{color:#f7ab00;}
#nav .menu_on a{color:#f7ab00;}
#nav .menu_on:after{position: absolute;width:60%;bottom:0;left:0;height:2px;content:"";background:#f7ab00;transform:translateX(35%);}
#nav li ul {display: none;position: absolute;top:100px;left:0;width:190px;background:#9a0023;}
#nav li:hover ul {display: block;}
#nav li ul li {float: none;width:190px;text-align:left;height:60px;position:relative;margin:0 0 0 0;}
#nav li ul li:hover:after{width:0;transform:translateX(35%);}
#nav li ul li a {padding:0px 15px 0px 25px;display: block;line-height:55px;font-size:14px;text-align:left;font-weight:normal;}
#nav li ul li a:hover {background: #f7ab00;color:#fff;}	

.sp_nav{width:60px;float:right;position:relative;cursor:pointer;height:20px;margin:30px 10px 0 0;}
.sp_nav span{display:block;background:#ff4402;width:60px;height:4px;position:absolute;left:0;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0}
.sp_nav span:nth-of-type(2){top:15px}
.sp_nav span:nth-of-type(3){top:30px}
.sp_nav_se span:nth-of-type(1){top:15px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:15px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:90;background:#eee;width:100%;height:calc(100% - 0.6rem);line-height:3;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display:block;}
.nav_show{top:100px;}	
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;position:relative;line-height:3;padding:0 0 0 0;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;width:calc(100% - 40px);font-size:18px;padding-left:40px;display:block;}
.sjj_nav ul li ul li a{color:#666;display:block;text-align:left;font-size:18px;padding-left:60px;width:calc(100% - 60px);background:url(../images/mob_navicon1.png) no-repeat 60px center;position:relative;}
.sjj_nav ul li ul li a:before{display:block;position:absolute;content: "";top:50%;left:40px;width:10px;height:10px;background:#666;transform:translateY(-50%);border-radius:50%;}	
.sjj_nav ul li i svg{width:40px;height:40px;fill:#666;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#666}
.sjj_nav ul li ul li>ul{margin-left:10px}	
		
	
	
	
	
	
#banner {height:450px;margin:100px 0 0 0;}

/*首页服务*/
.index_service{background:#fff;}
.index_service_main{width:calc(100% - 30px);margin:0 auto;padding:60px 0 50px 0;}

	
/*首页文化*/
.index_culture{background:url(../images/wenhua_bg.jpg) left center no-repeat;background-size:cover;height:318px;padding:50px 0 50px 0;}
.index_culture_main{width:calc(100% - 30px);margin:0 auto;}
.culture_p1{font-size:20px;font-weight: bold;text-align: center;color:#fff;font-family:DIN-Medium;margin:0 0 15px 0;line-height: 1;}
.culture_p2{text-align: center;margin:0 0 30px 0;line-height: 1;}
.culture_p2 span{display:inline-block;color:#fff;position: relative;}
.culture_p2 span:before{display:block;position: absolute;content:"";width:80px;height:1px;background: #fff;top:50%;left:0;margin-left:-95px;}
.culture_p2 span:after{display:block;position: absolute;content:"";width:80px;height:1px;background: #fff;top:50%;right:0;margin-right:-95px;}
.culture_ul1{overflow: hidden;text-align: center;margin:0 0 30px 0;}
.culture_ul1 li{/*width:210px;*//*float:left;*/display: inline-block;height:36px;line-height:36px; margin:0 10px;font-size:28px;color:#fff;background:url(../images/culture_arrow1.png) no-repeat center left;background-size:50px auto;padding-left:60px;text-align:left;}
.culture_ul2{overflow: hidden;text-align: center;}
.culture_ul2 li{display: inline-block;width:120px;margin:0 80px;text-align:center;}
.culture_ul2 li:nth-child(1){margin:0 140px 0 0;}
.culture_ul2 li:nth-child(3){margin:0 0 0 140px;}
.culture_ul2 li .p1{display: block;background:url(../images/culture_icon1.png) top center no-repeat;background-size:auto 86px;padding:100px 0 0 0;margin:0 0 10px 0;}
.culture_ul2 li .p1 .span1{font-size:45px;color:#fff;font-family:HelveticaLT-67;font-weight: bold;vertical-align: baseline;line-height: 1;}
.culture_ul2 li .p1 .span2{font-size:16px;color:#fff;font-family:HelveticaLT-67;font-weight: bold;vertical-align: baseline;line-height: 1;}
.culture_ul2 li .p2{color:#fff;line-height: 1;}
.culture_ul2 li:nth-child(2) .p1{background:url(../images/culture_icon2.png) top center no-repeat;background-size:auto 86px;}
.culture_ul2 li:nth-child(3) .p1{background:url(../images/culture_icon3.png) top center no-repeat;background-size:auto 86px;}


/*首页服务2*/
.index_service2{background:#fff;padding:70px;}
.index_service2_main{width:calc(100% - 30px);margin:0 auto;}
.service_lable1{text-align: center;height:80px;position: relative;}
.service_lable1:after{position: absolute;content:"";bottom:0;left:50%;width:290px;height:2px;background:#d4d4d4;margin-left:-145px;}
.service_lable1 .p1{text-align: center;font-size:30px;color:#444;height:40px;}
.service_lable1 .p2{position: absolute;text-align: center;font-size:14px;color:#444;height:40px;left:50%;bottom:0;transform:translateX(-50%);z-index:5;}
.service_lable1 .p2:after{position: absolute;content:"";bottom:0;left:50%;width:80px;height:4px;background:#3f3b3a;margin-left:-40px;z-index:5;}
.index_service2_con ul{margin:70px 0 0 0;overflow: hidden;}
.index_service2_con ul li{width:49%;margin:0 2% 15px 0;height:0;padding-top:28.52%;position: relative;float:left;overflow:hidden;cursor: pointer;}
.index_service2_con ul li:nth-child(2n){margin:0 0 15px 0;}
.index_service2_con ul li .p1{position: absolute;width:100%;height:100%;top:0;left:0;}
.index_service2_con ul li .p1 a{display:block;width:100%;height:100%;}
.index_service2_con ul li .p1 a img{width:100%;height:100%;}
.index_service2_con ul li .p2{position: absolute;width:calc(100% - 58px);height:48px;bottom:0;left:0;background:#aaabab;line-height:48px;padding:0 30px;transition:all 400ms ease-in-out;}
.index_service2_con ul li .p2 a{display: inline-block;font-size:20px;color:#fff;margin-right:20px;line-height:48px;}
.index_service2_con ul li .p2 span{display: inline-block;font-size:14px;color:#fff;line-height:48px;}
.index_service2_con ul li .p3{position: absolute;width:100%;height:48px;bottom:0;left:0;background:rgba(154,0,35,0.9);opacity:0;transition:all 400ms ease-in-out;}
.index_service2_con ul li:hover .p3{height:100%;bottom:0;opacity:1;}
.index_service2_con ul li:hover .p2{opacity:0;}
.index_service2_con ul li .p3 .span1{display:block;position: absolute;width:100%;height:48px;top:40%;left:0;text-align:center;font-size:20px;color:#fff;line-height: 1;}
.index_service2_con ul li .p3 .span1:after{display:block;content:"X";position: absolute;bottom:0; left:0;width:100%;line-height: 1;font-size:20px;color:#fff;}
.index_service2_con ul li .p3 .span2{display:block;position: absolute;width:100%;top:calc(40% + 56px);left:0;text-align:center;font-size:16px;color:#fff;line-height: 1;}	
	

/*首页流程*/
.index_process{background:url(../images/process_bg1.jpg) top center no-repeat;background-size:cover;height:480px;padding:70px 0;}
.index_process_main{width:calc(100% - 40px);margin:0 auto;}
.process_lable{text-align:center;color:#fff;font-weight: bold;font-size:36px;line-height:1.8;}
.process_con{margin:70px 0 0 0;position: relative;height:265px;text-align:center;}
.process_con:after{position: absolute;width:100%;height:25px;content:"";background:url(../images/process_arrow.png) bottom center no-repeat;background-size:100% auto;left:0;bottom:20px;}
.process_con ul {width:100%;position: absolute;bottom:0;z-index:3;}
.process_con ul li{display:inline-block;vertical-align: bottom;margin:0 2px;background:url(../images/process_icon1.png) bottom center no-repeat;background-size:auto 260px;width:122px;height:265px;position: relative;cursor: pointer;transition:all 800ms ease-in-out;}
.process_con ul li a{display:block;width:100%;height:100%;position: absolute;top:0;left:0;z-index: 4;}
.process_con ul li:first-child{margin:0 15px 0 0;}
.process_con ul li:last-child{margin:0 0 0 15px;}
.process_con ul li .span1{display:block;color:#fff;font-size:24px;line-height:1.2;font-weight: bold;/*margin:45px auto 0 auto;*/letter-spacing:3px;position: absolute;top:36px;left:50%;transform:translateX(-50%);}
.process_con ul li .span2{display:block;color:#9a0023;font-size:24px;font-weight:bold;position:absolute;bottom:20px;left:50%;transform:translateX(-50%); z-index:3;font-family:DIN-Bold;line-height: 1;}
.process_con ul li:hover{transform: rotateY(360deg);}



/*首页承诺*/
.index_promise{padding:70px 0 50px 0;}
.index_promise_main{width:calc(100% - 40px);margin:0 auto;}
.promise_lable1{text-align: center;height:90px;position: relative;}
.promise_lable1:after{position: absolute;content:"";bottom:0;left:50%;width:290px;height:2px;background:#d4d4d4;margin-left:-145px;}
.promise_lable1 .p1{text-align: center;font-size:30px;color:#444;height:40px;letter-spacing:5px;}
.promise_lable1 .p2{position: absolute;text-align: center;font-size:14px;color:#444;height:50px;left:50%;bottom:0;transform:translateX(-50%);z-index:5;}
.promise_lable1 .p2:after{position: absolute;content:"";bottom:0;left:50%;width:80px;height:4px;background:#3f3b3a;margin-left:-40px;z-index:5;}
.promise_lable2{color:#666;margin:15px 0 0 0;text-align: center;}
.promise_lable2 span{display:inline-block;margin:0 4px;}
.promise_con{margin:20px 0 0 0;}
.promise_con ul{overflow: hidden;padding:20px 10px;}
.promise_con ul li{width:calc(19.2% - 40px);height:236px;margin:0 1% 0 0;float:left;padding:55px 20px;background:#eeefef;text-align:center;/*cursor:pointer;*/transition:all 300ms ease-in-out;}
.promise_con ul li a{display:block;width:100%;height:100%;}
.promise_con ul li:nth-child(5){margin:0 0 0 0;}
.promise_con ul li .p1{height:25px;background:url(../images/promise_icon1.png) top center no-repeat;background-size:auto 60px;padding:95px 0 0 0;font-size:18px;color:#444;line-height:30px;margin:0 0 25px 0;font-weight:bold;}
.promise_con ul li .p2{color:#999;line-height:2.5;text-align:center;font-size:12px;}
.promise_con ul li:nth-child(2) .p1{background:url(../images/promise_icon2.png) top center no-repeat;background-size:auto 60px;}
.promise_con ul li:nth-child(3) .p1{background:url(../images/promise_icon3.png) top center no-repeat;background-size:auto 60px;}
.promise_con ul li:nth-child(4) .p1{background:url(../images/promise_icon4.png) top center no-repeat;background-size:auto 60px;}
.promise_con ul li:nth-child(5) .p1{background:url(../images/promise_icon5.png) top center no-repeat;background-size:auto 60px;}
.promise_con ul li:nth-child(6) {display:none;}
.promise_con ul li:nth-child(6) .p3{position: relative;width:100%;height:100%;}
.promise_con ul li:nth-child(6) .p3:after{position: absolute;top:50%;left:50%;content:"...";font-size:24px;margin-left:-20px;}
.promise_con ul li:hover{box-shadow:10px 10px 10px -10px #ccc; transform:translateY(10px);}
	
/*首页伙伴*/
.index_cooperation{padding:0 0 60px 0;}
.index_cooperation_main{width:calc(100% - 40px);margin:0 auto;}
.cooperation_con{margin:40px 0 0 0;}
.cooperation_con ul{overflow: hidden;}
.cooperation_con ul li{width:calc(13% - 2px);height:0;margin:0 1.5% 20px 0;float:left;text-align:center;border:#fff solid 1px;padding-top:8.49%;position: relative;/*cursor:pointer;*/transition:all 300ms ease-in-out;overflow: hidden;}
.cooperation_con ul li:nth-child(7n){margin:0 0 20px 0;}
.cooperation_con ul li p{display:block; width:100%;height:100%;top:0;left:0;position:absolute;}
.cooperation_con ul li span{display:block;text-align: center;vertical-align: middle; width:100%;height:100%;line-height: 100%;position: relative;}
.cooperation_con ul li span img{display:block;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 200ms ease-in-out;}
.cooperation_con ul li:hover{border:#e7e7e7 solid 1px;}
.cooperation_con ul li:hover span img{width:100%;height:auto;}	
.scroll-img {width:980px;height:315px;overflow: hidden;margin:40px auto 0 auto;}
.scroll-img ul {width:980px;height:590px;margin: 0;}
.scroll-img ul li {float:left;width:130px;height:85px;margin:0 10px 20px 0;}
.scroll-img ul li:nth-child(7n){margin:0 0 20px 0;}	
	
/*底部*/
#foot{padding:40px 0 40px 0;background:#9a0023;}
#bom_main{width:calc(100% - 80px);margin:0 auto;overflow:hidden;clear:both;}

	
/*内页banner*/
#banner1 {width:100%;height:380px;overflow:hidden;margin:100px 0 0 0;position: relative;}
#banner1:after{width:100%;height:380px;overflow:hidden;position:absolute;top:0;left:0;background:rgba(0,0,0,0.1);content:"";z-index: 1;}

/*内页关于我们*/
#about_main{padding:70px 0;}
.about_con1{width:calc(100% - 40px);margin:0 auto;}
	
/*内页联系方式*/
.contact_main{padding:70px 0 ;width:calc(100% - 40px);margin:0 auto;}

/*内页服务*/
.service_main1{margin:80px auto 0 auto;width:calc(100% - 40px);overflow:hidden;}
.service_lable2{color:#666;text-align: center;}
.service_lable2 .p1{color:#7d7d7d;font-size:45px;font-weight: bold;margin:0 0 10px 0;line-height: 1.5;}
.service_lable2 .p2{color:#7d7d7d;font-size:30px;font-weight: bold;line-height: 1.5;}
.service_con1{margin:60px auto 0 auto;width:800px;}
.service_lc{width:100%;overflow: hidden;}
.service_lc li{width:100%;height:163px;position: relative;margin:0 0 20px 0;background:url(../images/service_bg3.png) no-repeat top right;background-size:auto 100%;}
.service_lc li .div1{width:188px;height:163px;overflow: hidden;text-align: center;background:url(../images/service_bg2.png) no-repeat top left;background-size:auto 100%;position: absolute;top:0;left:0;}
.service_lc li .div1 span{display:block;color:#666;line-height: 1.5;letter-spacing:3px;font-size:24px;font-weight: bold;position: absolute;top:50%;left:0;transform:translateY(-50%);text-align: center;width:100%;}
.service_lc li .div2 {width:calc(100% - 228px);height:auto;padding:0 20px;position:absolute;left:188px;top:50%;transform:translateY(-50%);}
.service_lc li .div2 p{font-size:16px;color:#666;line-height:2;}


.service_con2{margin:60px auto 0 auto;width:900px;position:relative;}
.service_con2:before{position: absolute;left:28px;top:20px;height:calc(100% - 60px);width:4px;background:#9a0023;content:"";z-index:-1;}
.service_lc2{width:100%;overflow: hidden;}
.service_lc2 li{margin:0 0 40px 0;overflow: hidden;}
.service_lc2 li .div1{margin:10px 15px 0 0;float:left;width:60px;height:60px;border-radius:50%;background:#9a0023;text-align: center;}
.service_lc2 li .div1 span{font-family:HelveticaLT-67;font-weight: bold;line-height:60px ;color:#fff;font-size:36px;}
.service_lc2 li .div2{background:#f2f2f2;padding:25px 40px;border-radius:5px;float:right;width:calc(100% - 175px);position: relative;}
.service_lc2 li .div2:before{position:absolute;content: ""; width: 0;height: 0;border-top: 10px solid transparent;border-right: 20px solid #f2f2f2;border-bottom:10px solid transparent;left:-20px;top:30px;}
.service_lc2 li .div2 h2{font-size:24px;color:#666;margin:0 0 15px 0;line-height: 1.5;padding:0 0 10px 36px;border-bottom:#ccc dotted 1px;font-weight: bold;background:url(../images/liucheng_icon1.png) no-repeat 0px 8px;}
.service_lc2 li .div2 p{line-height:2;color:#999;font-size:16px;}
.service_lc2 li:nth-child(2) .div2 h2{background:url(../images/liucheng_icon2.png) no-repeat 0px 8px;}	
.service_lc2 li:nth-child(3) .div2 h2{background:url(../images/liucheng_icon3.png) no-repeat 0px 8px;}
.service_lc2 li:nth-child(4) .div2 h2{background:url(../images/liucheng_icon4.png) no-repeat 0px 8px;}
.service_lc2 li:nth-child(5) .div2 h2{background:url(../images/liucheng_icon5.png) no-repeat 0px 8px;}	
.service_lc2 li:nth-child(6) .div2 h2{background:url(../images/liucheng_icon6.png) no-repeat 0px 8px;}
.service_lc2 li:nth-child(7) .div2 h2{background:url(../images/liucheng_icon7.png) no-repeat 0px 8px;}

	
/*内页作品*/
.works_lable{height:70px;overflow: hidden;margin:0 0 60px 0;background:#f3f3f3;}
.works_lable3{height:70px;overflow: hidden;margin:100px 0 70px 0;background:#f3f3f3;}
.works_lable_main{width:calc(100% - 40px);height:70px;overflow: hidden;margin:0 auto;}
.works_lableleft{height:70px;width:400px;float:left;}
.works_lableleft h1{color:#333;font-size:24px;line-height: 70px;}
.works_lableleft p{color:#333;font-size:24px;line-height: 70px;}
.daohang{height:45px;width:calc(100% - 420px);float:right;color:#999;line-height:1.5;text-align: right;padding:25px 0 0 0;font-size:14px;}
.daohang a{color:#999;display:inline-block;margin:0 5px;}
.daohang a:hover{color:#9a0023;}
#works_main{width:calc(100% - 40px);margin:70px auto;}
#works_main2{width:calc(100% - 40px);margin:30px auto 80px auto;}

	
	
}


@media (max-width: 960px) {
html {height:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, img, p, tr {padding:0;margin:0;border:0;list-style:none;font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;font-family: "微软雅黑";}
body {font-size:0.24rem;font-family: "微软雅黑";line-height:24px;color:#666;height:100%;/*height:100%;*/}

.top {height:1.5rem;width:100%;background:#9a0023;position:fixed;top:0;left:0;z-index:999;}
.top1_main{height:1.5rem;width:calc(100% - 0.3rem);margin:0 auto;}
.top1_left{float:left;width:60%;height:1.5rem;}
.top1_left a{display:block;vertical-align:middle;line-height:1.5rem; width:100%;height:1.5rem;}
.top1_left a img{display:inline-block;vertical-align:middle;line-height:1.5rem;width:auto;height:70%;}
.menu {height:105px;float:right;width:calc(100% - 450px);display:none;}	
			
	
.sp_nav{width:0.7rem;float:right;position:relative;cursor:pointer;height:0.45rem;margin:0.6rem 0.2rem 0 0;}
.sp_nav span{display:block;background:#ff4402;width:0.6rem;height:3px;position:absolute;left:0.15rem;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0}
.sp_nav span:nth-of-type(2){top:0.15rem}
.sp_nav span:nth-of-type(3){top:0.3rem}
.sp_nav_se span:nth-of-type(1){top:0.15rem;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:0.15rem;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:90;background:#eee;width:100%;height:calc(100% - 0.6rem);line-height:3;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display:block;}
.nav_show{top:1.5rem;}	
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;position:relative;line-height:3;padding:0 0 0 0;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;width:calc(100% - 0.4rem);font-size:0.28rem;padding-left:0.4rem;display:block;}
.sjj_nav ul li ul li a{color:#666;display:block;text-align:left;font-size:0.28rem;padding-left:0.7rem;width:calc(100% - 0.7rem);background:url(../images/mob_navicon1.png) no-repeat 0.4rem center;position:relative;}
.sjj_nav ul li ul li a:before{display:block;position:absolute;content: "";top:50%;left:0.4rem;width:0.12rem;height:0.12rem;background:#666;transform:translateY(-50%);border-radius:50%;}
.sjj_nav ul li i svg{width:0.5rem;height:0.5rem;fill:#666;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#666}
.sjj_nav ul li ul li>ul{margin-left:10px}	
	
#banner {display:none;}
.slide-main{height:100%;position:relative;}
.prev,.next{width:44px;height:44px;position:absolute;z-index:222;top:267px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;display:none;}
.prev{left:2%;}
.next{right:2%;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=80);}
.item{display:block;width:100%;height:4px;position:absolute;z-index:90;bottom:0.4rem;left:0;text-align:center;}
.item a{display:inline-block;width:0.5rem;height:4px;margin-right:0.1rem;background:#fff;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.item a.cur{background:#fff;opacity:1;}
.slide-box,.slide{display:block;width:100%;height:100%;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;position:absolute;z-index:8;}		
.slide a{display:block;width:100%;height:100%;cursor:pointer;}
.slide a img{width:100%;min-height:520px;}

	
.c-banner{display:block;width:100%;margin:1.5rem 0 0 0;position: relative;height:0;padding-top:88%;}
.c-banner .banner{display:block;position: absolute;top:0;left:0;width:100%;height:100%;}
.c-banner .banner ul{list-style: none;padding-left: 0px;margin-bottom: 0px;height:100%;}
.c-banner .banner ul li{position: absolute;display: none;opacity: 0;height:100%;}
.c-banner .banner ul li:nth-child(1){opacity: 1;display: block;}
.c-banner .banner ul li img{width: 100%;position: absolute;top: 0px;height:100%;}
.c-banner .banner ul li:first-child img{position: relative;}
.c-banner .nexImg,.c-banner .preImg{position: absolute;top: 50%;margin-top: -0.6rem;opacity: 0.3;border-radius: 5px;z-index: 10;	}
.c-banner .nexImg:hover,.c-banner .preImg:hover{opacity: 0.8;}
.c-banner .preImg{left: 2%;}
.c-banner .nexImg{right: 2%;}
.c-banner .nexImg img,.c-banner .preImg img{width:auto;height:1.2rem;}
.c-banner .jumpBtn{width: 100%;position: absolute;bottom:0.1rem;text-align: center;}
.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}
.c-banner .jumpBtn ul li{width:0.2rem;height:0.2rem;border-radius: 50%;display: inline-block;background-color: white;opacity: 0.8;margin-left:0.1rem;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px;}	
	
	
	
	
/*首页服务*/
.index_service{background:#fff;}
.index_service_main{width:100%;margin:0 auto;padding:0.8rem 0 0.6rem 0;}
.index_service_main ul{overflow: hidden;padding:0 0.15rem;}
.index_service_main ul li{width:27.33%;margin:0 3%;float:left;position: relative;/*cursor: pointer;*/}
.index_service_main ul li .p1{width:calc(96% - 2px);height:0;padding-top:calc(96% - 2px);margin:0 auto 0.4rem auto;text-align:center;border:#f7ab00 1px solid;border-radius:50%;position: relative;}
.index_service_main ul li .p1 i{ width:100%;height:100%;  position: absolute;  display: block;animation:circleRoate 5s infinite linear ;opacity: 0;transition:all 400ms ease-in-out;z-index: 5;} 
.dotdot{position: absolute; left:30px;top:6px;width: 12px;  height: 12px;  border-radius: 50%;  background:#f7ab00; display:none; } 
.index_service_main ul li .p1 span{display:block;position:absolute;width:calc(100% - 0.2rem);height:calc(100% - 0.2rem);top:50%;left:50%;transform:translate(-50%,-50%);background:#a50319;text-align: center;vertical-align: middle;border-radius: 50%;line-height:100%;transition:all 300ms ease-in-out;}
.index_service_main ul li .p1 span img{display:block;height:auto;width:70%;vertical-align: middle;line-height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.index_service_main ul li .p2{width:90%;margin:0 auto;text-align:center;font-size:0.2rem;line-height:2;color:#444;transition:all 400ms ease-in-out;}
.index_service_main ul li:hover .p1 i{ opacity:1;} 
.index_service_main ul li:hover .p1 span{width:calc(100% - 0.3rem);height:calc(100% - 0.3rem);}
.index_service_main ul li:hover .p2 {color:#a50319;transform:translateY(5px);}
	
/*首页文化*/
.index_culture{background:url(../images/wenhua_bg.jpg) left center no-repeat;background-size:cover;height:5rem;padding:0.8rem 0;}
.index_culture_main{width:calc(100% - 0.3rem);margin:0 auto;}
.culture_p1{font-size:0.32rem;font-weight: bold;text-align: center;color:#fff;font-family:DIN-Medium;margin:0 0 0.25rem 0;line-height: 1;}
.culture_p2{text-align: center;margin:0 0 0.5rem 0;line-height: 1;}
.culture_p2 span{display:inline-block;color:#fff;position: relative;}
.culture_p2 span:before{display:block;position: absolute;content:"";width:1.2rem;height:1px;background: #fff;top:50%;left:0;margin-left:-1.5rem;}
.culture_p2 span:after{display:block;position: absolute;content:"";width:1.2rem;height:1px;background: #fff;top:50%;right:0;margin-right:-1.5rem;}
.culture_ul1{overflow: hidden;text-align: center;margin:0 0 0.5rem 0;}
.culture_ul1 li{display: inline-block;height:0.5rem;line-height:0.5rem; margin:0 0.06rem;font-size:0.24rem;color:#fff;background:url(../images/culture_arrow1.png) no-repeat center left;background-size:0.32rem auto;padding-left:0.4rem;text-align:left;}
.culture_ul2{overflow: hidden;text-align: center;}
.culture_ul2 li{display: inline-block;width:28.33%;margin:0 2.5%;text-align:center;}
.culture_ul2 li:nth-child(1){margin:0 2.5% 0 0;}
.culture_ul2 li:nth-child(3){margin:0 0 0 1.5%;}
.culture_ul2 li .p1{display: block;background:url(../images/culture_icon1.png) top center no-repeat;background-size:auto 1.4rem;padding:1.6rem 0 0 0;margin:0 0 0.15rem 0;}
.culture_ul2 li .p1 .span1{font-size:0.6rem;color:#fff;font-family:HelveticaLT-67;font-weight: bold;vertical-align: baseline;line-height: 1;}
.culture_ul2 li .p1 .span2{font-size:0.24rem;color:#fff;font-family:HelveticaLT-67;font-weight: bold;vertical-align: baseline;line-height: 1;}
.culture_ul2 li .p2{color:#fff;line-height: 1;}	
.culture_ul2 li:nth-child(2) .p1{background:url(../images/culture_icon2.png) top center no-repeat;background-size:auto 1.4rem;}	
.culture_ul2 li:nth-child(3) .p1{background:url(../images/culture_icon3.png) top center no-repeat;background-size:auto 1.4rem;}		


/*首页服务2*/
.index_service2{background:#fff;padding:0.7rem 0;}
.index_service2_main{width:calc(100% - 0.6rem);margin:0 auto;}
.service_lable1{text-align: center;height:1.5rem;position: relative;}
.service_lable1:after{position: absolute;content:"";bottom:0;left:50%;width:5rem;height:2px;background:#d4d4d4;margin-left:-2.5rem;}
.service_lable1 .p1{text-align: center;font-size:0.56rem;color:#444;height:0.8rem;}
.service_lable1 .p2{position: absolute;text-align: center;font-size:0.28rem;color:#444;height:0.8rem;left:50%;bottom:0;transform:translateX(-50%);z-index:5;}
.service_lable1 .p2:after{position: absolute;content:"";bottom:0;left:50%;width:1.5rem;height:4px;background:#3f3b3a;margin-left:-0.75rem;z-index:5;}
.index_service2_con ul{margin:0.7rem 0 0 0;overflow: hidden;}
.index_service2_con ul li{width:49%;margin:0 2% 0.25rem 0;height:0;padding-top:28.42%;position: relative;float:left;overflow:hidden;cursor: pointer;}
.index_service2_con ul li:nth-child(2n){margin:0 0 0.25rem 0;}
.index_service2_con ul li:last-child{margin:0 0 0 0;}
.index_service2_con ul li .p1{position: absolute;width:100%;height:100%;top:0;left:0;}
.index_service2_con ul li .p1 a{display:block;width:100%;height:100%;}
.index_service2_con ul li .p1 a img{width:100%;height:100%;}
.index_service2_con ul li .p2{position: absolute;width:calc(100% - 0.4rem);height:0.6rem;bottom:0;left:0;background:#aaabab;line-height:0.6rem;padding:0 0.2rem;transition:all 400ms ease-in-out;}
.index_service2_con ul li .p2 a{display: inline-block;font-size:0.24rem;color:#fff;margin-right:0;line-height:0.6rem;}
.index_service2_con ul li .p2 span{display: none;font-size:0.24rem;color:#fff;line-height:0.6rem;}
.index_service2_con ul li .p3{position: absolute;width:100%;height:0.6rem;bottom:0;left:0;background:rgba(154,0,35,0.9);opacity:0;transition:all 400ms ease-in-out;}
.index_service2_con ul li:hover .p3{height:100%;bottom:0;opacity:1;}
.index_service2_con ul li:hover .p2{opacity:0;}
.index_service2_con ul li .p3 .span1{display:block;position: absolute;width:100%;height:0.6rem;top:40%;left:0;text-align:center;font-size:0.28rem;color:#fff;line-height: 1;}
.index_service2_con ul li .p3 .span1:after{display:block;content:"X";position: absolute;bottom:0; left:0;width:100%;line-height: 1;font-size:0.28rem;color:#fff;}
.index_service2_con ul li .p3 .span2{display:block;position: absolute;width:100%;top:calc(40% + 56px);left:0;text-align:center;font-size:0.24rem;color:#fff;line-height: 1;}	
	
	
/*首页流程*/
.index_process{background:url(../images/process_bg1.jpg) top center no-repeat;background-size:cover;height:auto;padding:0.7rem 0;overflow: hidden;}
.index_process_main{width:calc(100% - 0.3rem);margin:0 auto;}
.process_lable{text-align:center;color:#fff;font-weight: bold;font-size:0.42rem;line-height:1.8;}
.process_con{margin:0.4rem 0 0 0;position: relative;height:5.5rem;text-align:center;overflow: hidden;}
.process_con:after{position: absolute;width:100%;height:0.45rem;content:"";background:url(../images/process_arrow.png) bottom center no-repeat;background-size:100% auto;left:0;bottom:20px;display:none;}
.process_con ul {width:100%;position: absolute;top:0;z-index:3;padding:0.1rem 0;}
.process_con ul li{display:inline-block;vertical-align: bottom;/*margin:0 1% 0.3rem 1%;*/background:#b0abab;background-size:auto 100%;width:20%;height:0;padding-top:20%;position: relative;transition:all 800ms ease-in-out;cursor: pointer;border-radius:50%;}
.process_con ul li a{display:block;width:94%;height:94%;position: absolute;top:3%;left:3%;background:#9a0023;border-radius:50%;z-index:0;}
.process_con ul li:first-child{margin:0 4% 0.3rem 16%;}
.process_con ul li:nth-child(2){margin:0 16% 0.3rem 4%;}
.process_con ul li:nth-child(3){margin:0 4% 0.3rem 10%;}
.process_con ul li:nth-child(4){margin:0 4% 0.3rem 4%;}
.process_con ul li:nth-child(5){margin:0 10% 0.3rem 4%;}
.process_con ul li:nth-child(6){margin:0 4% 0.3rem 16%;}	
.process_con ul li:last-child{margin:0 16% 0.3rem 4%;}
.process_con ul li .span1{display:block;color:#cb9860;font-size:0.30rem;line-height:1.5;font-weight: bold;/*margin:45px auto 0 auto;*/letter-spacing:0;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
/*.process_con ul li .span1:before{display:block;position:absolute;content: ""; background:#9a0023;width:90%;height:90%;border-radius:50%;z-index:4;}*/
.process_con ul li .span2{display:none;color:#9a0023;font-size:0.24rem;font-weight:bold;position:absolute;bottom:0.3rem;left:50%;transform:translateX(-50%); z-index:3;font-family:DIN-Bold;line-height: 1;}
.process_con ul li:hover{transform: rotateY(360deg);}



/*首页承诺*/
.index_promise{padding:0.8rem 0 0.6rem 0;}
.index_promise_main{width:calc(100% - 0.3rem);margin:0 auto;}
.promise_lable1{text-align: center;height:1.2rem;position: relative;}
.promise_lable1:after{position: absolute;content:"";bottom:0;left:50%;width:5rem;height:2px;background:#d4d4d4;margin-left:-2.5rem;}
.promise_lable1 .p1{text-align: center;font-size:0.56rem;color:#444;height:0.6rem;letter-spacing:0.08rem;}
.promise_lable1 .p2{position: absolute;text-align: center;font-size:0.28rem;color:#444;height:0.6rem;left:50%;bottom:0;transform:translateX(-50%);z-index:5;}
.promise_lable1 .p2:after{position: absolute;content:"";bottom:0;left:50%;width:1.5rem;height:4px;background:#3f3b3a;margin-left:-0.75rem;z-index:5;}
.promise_lable2{color:#666;margin:0.25rem 0 0 0;text-align: center;}
.promise_lable2 span{display:inline-block;margin:0 0.08rem;}
.promise_con{margin:0.35rem 0 0 0;}
.promise_con ul{overflow: hidden;padding:0 ;}
.promise_con ul li{width:calc(48% - 0.6rem);height:4rem;margin:0 1% 0.25rem 1%;float:left;padding:0.6rem 0.3rem 0.8rem 0.3rem;background:#eeefef;text-align:center;transition:all 300ms ease-in-out;}
.promise_con ul li:nth-child(5){margin:0 1% 0.25rem 1%;}
.promise_con ul li .p1{height:0.45rem;background:url(../images/promise_icon1.png) top center no-repeat;background-size:auto 1.6rem;padding:1.9rem 0 0 0;font-size:0.36rem;color:#444;line-height:0.5rem;margin:0 0 0.35rem 0;font-weight:bold;}
.promise_con ul li .p2{color:#999;line-height:1.5;text-align:center;font-size:0.2rem;}
.promise_con ul li:nth-child(2) .p1{background:url(../images/promise_icon2.png) top center no-repeat;background-size:auto 1.6rem;}
.promise_con ul li:nth-child(3) .p1{background:url(../images/promise_icon3.png) top center no-repeat;background-size:auto 1.6rem;}
.promise_con ul li:nth-child(4) .p1{background:url(../images/promise_icon4.png) top center no-repeat;background-size:auto 1.6rem;}
.promise_con ul li:nth-child(5) .p1{background:url(../images/promise_icon5.png) top center no-repeat;background-size:auto 1.6rem;}
.promise_con ul li:nth-child(6) {display:block;}
.promise_con ul li:nth-child(6) .p3{position: relative;width:100%;height:100%;}
.promise_con ul li:nth-child(6) .p3:after{position: absolute;top:50%;left:50%;content:"...";font-size:0.36rem;margin-left:-0.3rem;}	
.promise_con ul li:hover{box-shadow:10px 10px 10px -10px #ccc; transform:translateY(10px);}


/*首页伙伴*/
.index_cooperation{padding:0 0 0.6rem 0;}
.index_cooperation_main{width:calc(100% - 0.3rem);margin:0 auto;}
.cooperation_con{margin:0.5rem 0 0 0;}
.cooperation_con ul{overflow: hidden;}
.cooperation_con ul li{width:calc(31% - 2px);height:0;margin:0 1.16% 0.25rem 1.16%;float:left;text-align:center;border:#fff solid 1px;padding-top:20.25%;position: relative;transition:all 300ms ease-in-out;overflow: hidden;}
.cooperation_con ul li:nth-child(7n){margin:0 1.16% 0.25rem 1.16%}
.cooperation_con ul li p{display:block; width:100%;height:100%;top:0;left:0;position:absolute;}
.cooperation_con ul li span{display:block;text-align: center;vertical-align: middle; width:100%;height:100%;line-height: 100%;position: relative;}
.cooperation_con ul li span img{width:100%;height:auto;}
.cooperation_con ul li:hover{border:#e7e7e7 solid 1px;}
.cooperation_con ul li:hover span img{width:100%;height:100%;}
.scroll-img {width:100%;height:auto;overflow: hidden;margin:0.5rem auto 0 auto;}
.scroll-img ul {width:100%;height:auto;margin: 0;}
.scroll-img ul li {float:left;width:23%;height:0;margin:0 1% 0.25rem 1%;padding-top:15.68%;position:relative;}
.scroll-img ul li span{display:block;width:100%;height:100%;position: absolute;top:0;left:0;}
.scroll-img ul li span img{width:100%;height:100%;}
.scroll-img ul li:nth-child(7n){margin:0 1% 0.25rem 1%;}
.scroll-img ul li:nth-child(4n){margin:0 1% 0.25rem 1%;}	
	
	
/*底部*/
#foot{padding:0.6rem 0;background:#9a0023;}
#bom_main{width:calc(100% - 0.6rem);margin:0 auto;overflow:hidden;clear:both;}
.bom_left{float:none;width:100%;margin:0 0 0.4rem 0;}
.bom_right{float:none;width:100%;text-align: center;padding:0 0 0 0;}
.bom_logo{border-bottom:#fff solid 2px;width:4.8rem;padding:0 0 0.2rem 0;vertical-align: bottom;overflow: hidden;margin:0 0 0.35rem 0;}
.bom_logo span{display:block;}
.bom_logo .span1{float:left;height:1.6rem;}
.bom_logo .span1 img{width:auto;height:100%;}
.bom_logo .span2{float:right;text-align:right;vertical-align: text-bottom;height:1.1rem;font-size:0.35rem;color:#fff;line-height:80px;letter-spacing:0;}
.bom_list li{line-height:2;color:#fff;font-size:0.24rem;}
.bom_list li a{color:#fff;}
.bom_right p{display:block;}
.bom_right .p1{color:#fff;font-size:0.24rem;height:0.6rem;line-height:0.6rem;text-align:left;margin:0.2rem 0 0 0;}
.bom_right .p2{width:100%;height:2.4rem;text-align:left;}
.bom_right .p2 img{width:auto;height:100%;}	
	
/*内页banner*/
#banner1 {width:100%;height:5rem;overflow:hidden;margin:1.5rem 0 0 0;position: relative;}
#banner1:after{width:100%;height:5rem;overflow:hidden;position:absolute;top:0;left:0;background:rgba(0,0,0,0.1);content:"";z-index: 1;}
#banner1 .p1{display:block;position: absolute;text-align: center;color:#fff;font-size:0.32rem;font-weight: bold;top:35%;left:0;width:100%;line-height:1.5;z-index: 2;animation-name:baoleft;-webkit-animation:baoleft 0.8s linear 0s normal none;-moz-animation:baoleft 0.8s linear 0s normal none;animation:baoleft 0.8s linear 0s normal none;}
#banner1 .p2{display:block;position: absolute;text-align: center;color:#fff;font-size:0.42rem;font-weight: bold;top:35%;left:0;margin:0.8rem 0 0 0;width:100%;line-height:1.5;z-index:1.5;animation-name:baoright;-webkit-animation:baoright 0.8s linear 0s normal none;-moz-animation:baoright 0.8s linear 0s normal none;animation:baoright 0.8s linear 0s normal none;}	
@-webkit-keyframes baoleft{from{opacity:0;top:10%;} to{opacity:1;top:35%;} }
@-moz-keyframes baoleft{from{opacity:0;top:10%;} to{opacity:1;top:35%;} }
@keyframes baoleft{from{opacity:0;top:10%;} to{opacity:1;top:35%;} }
@-webkit-keyframes baoright{from{opacity:0;top:50%;} to{opacity:1;top:35%;} }
@-moz-keyframes baoright{from{opacity:0;top:50%;} to{opacity:1;top:35%;} }
@keyframes baoright{from{opacity:0;top:50%;} to{opacity:1;top:35%;} }	
	
	
	
#main{}
#main_con{width:calc(100% - 0.3rem);margin:0 auto;overflow:hidden;}
	
	
/*内页关于我们*/
#about_main{padding:0.8rem 0;}
.about_con1{width:calc(100% - 1rem);margin:0 auto;}
.about_lable1{text-align: center;}
.about_lable1 .p1{text-align: center;font-size:0.28rem;color:#999;line-height:1;margin:0 0 0.35rem 0;}
.about_lable1 .p2{text-align: center;font-size:0.42rem;color:#444;height:1.5;}
.about_text1{margin:0.4rem 0 0 0;line-height:2;font-size:0.28rem;}
.about_text1 p{margin:0 0 0.45rem 0;}
.about_text1 p:last-child{margin:0 0 0 0;}
.about_list1{background:#f4f4f4;overflow: hidden;height:auto;margin:0.8rem 0 0 0;}
.about_list1 li{width:100%;float:none;overflow: hidden;height:0;position: relative;padding-top:32%}
.about_list1 li:first-child{width:100%;}
.about_list1 li .p1 {width:calc(50% - 0.4rem);height:100%;text-align:center;padding:0 0.2rem;vertical-align:middle;display:block;overflow: hidden;position: absolute;top:0;left:50%;}
.about_list1 li .p1 span{display:block;line-height:1.5;vertical-align: middle;font-size:0.3rem;position: absolute;top:50%;transform:translateY(-50%);width:calc(100% - 0.4rem);text-align: center;}
.about_list1 li .p2{display: block;width:50%;height:100%;overflow: hidden;position: absolute;bottom:0;left:0;text-align:center;}
.about_list1 li .p2  img{width:auto;height:100%;display:inline-block;}
.about_list1 li:nth-child(2) .p1 {left:0;}
.about_list1 li:nth-child(2) .p2 {left:50%;}		
.about_text2{margin:0.7rem 0 0 0;padding:0.6rem 0 0 0;line-height:2;font-size:0.28rem;border-top:#ccc solid 1px;}
.about_text2 h2{text-align: center;font-size:0.42rem;color:#444;line-height:1.5;margin:0 0 0.35rem 0;}
.about_text2 p{margin:0 0 0.4rem 0;}
.about_text2 p:last-child{margin:0 0 0 0;}	
	
/*内页合作伙伴*/
.promise_main{padding:0.7rem 0 0 0;}	

	
/*内页服务*/
.service_main1{margin:0.8rem auto 0 auto;width:100%;overflow:hidden;}
.service_lable2{color:#666;text-align: center;}
.service_lable2 .p1{color:#7d7d7d;font-size:0.56rem;font-weight: bold;margin:0 0 0.2rem 0;line-height: 1.5;}
.service_lable2 .p2{color:#7d7d7d;font-size:0.32rem;font-weight: bold;line-height: 1.5;}
.service_con1{margin:0.8rem auto 0 auto;width:calc(100% - 0.8rem);}
.service_lc{width:100%;overflow: hidden;}
.service_lc li{width:100%;height:2.2rem;position: relative;margin:0 0 0.3rem 0;background:url(../images/service_bg3.png) no-repeat top right;background-size:auto 100%;}
.service_lc li .div1{width:2.53748rem;height:2.2rem;overflow: hidden;text-align: center;background:url(../images/service_bg2.png) no-repeat top left;background-size:auto 100%;position: absolute;top:0;left:0;}
.service_lc li .div1 span{display:block;color:#666;line-height: 1.5;letter-spacing:3px;font-size:0.32rem;font-weight: bold;position: absolute;top:50%;left:0;transform:translateY(-50%);text-align: center;width:100%;}
.service_lc li .div2 {width:calc(100% - 2.83748rem);height:auto;padding:0 0.15rem;position:absolute;left:2.53748rem;top:50%;transform:translateY(-50%);}
.service_lc li .div2 p{font-size:0.24rem;color:#666;line-height:1.2;}	
	
.service_con2{margin:0.8rem auto 0 auto;width:calc(100% - 0.8rem);position:relative;}
.service_con2:before{position: absolute;left:0.3rem;top:0.4rem;height:calc(100% - 1.2rem);width:0.08rem;background:#9a0023;content:"";z-index:-1;}
.service_lc2{width:100%;overflow: hidden;}
.service_lc2 li{margin:0 0 0.3rem 0;overflow: hidden;}
.service_lc2 li .div1{margin:0.2rem 0rem 0 0;float:left;width:0.6rem;height:0.6rem;border-radius:50%;background:#9a0023;text-align: center;}
.service_lc2 li .div1 span{font-family:HelveticaLT-67;font-weight: bold;line-height:0.6rem ;color:#fff;font-size:0.36rem;}
.service_lc2 li .div2{background:#f2f2f2;padding:0.2rem 0.2rem;border-radius:0.06rem;float:right;width:calc(100% - 1.25rem);position: relative;}
.service_lc2 li .div2:before{position:absolute;content: ""; width: 0;height: 0;border-top: 0.15rem solid transparent;border-right: 0.3rem solid #f2f2f2;border-bottom:0.15rem solid transparent;left:-0.2rem;top:0.35rem;}
.service_lc2 li .div2 h2{font-size:0.3rem;color:#666;margin:0 0 0.15rem 0;line-height: 1.5;padding:0 0 0.1rem 0.45rem;border-bottom:#ccc dotted 1px;font-weight: bold;background:url(../images/liucheng_icon1.png) no-repeat 0rem 0.1rem;background-size:auto 0.3rem;}
.service_lc2 li .div2 p{line-height:1.5;color:#999;font-size:0.24rem;}
.service_lc2 li:nth-child(2) .div2 h2{background:url(../images/liucheng_icon2.png) no-repeat 0rem 0.1rem;background-size:auto 0.3rem;}	
.service_lc2 li:nth-child(3) .div2 h2{background:url(../images/liucheng_icon3.png) no-repeat 0rem 0.1rem;background-size:auto 0.3rem;}
.service_lc2 li:nth-child(4) .div2 h2{background:url(../images/liucheng_icon4.png) no-repeat 0rem 0.1rem;background-size:auto 0.3rem;}
.service_lc2 li:nth-child(5) .div2 h2{background:url(../images/liucheng_icon5.png) no-repeat 0rem 0.1rem;background-size:auto 0.3rem;}	
.service_lc2 li:nth-child(6) .div2 h2{background:url(../images/liucheng_icon6.png) no-repeat 0rem 0.1rem;background-size:auto 0.3rem;}
.service_lc2 li:nth-child(7) .div2 h2{background:url(../images/liucheng_icon7.png) no-repeat 0rem 0.1rem;background-size:auto 0.3rem;}	
	

/*内页联系方式*/
.contact_main{padding:0.7rem 0;width:calc(100% - 1rem);margin:0 auto;}
.contact_lable1{text-align: center;height:1.6rem;position: relative;}
.contact_lable1:after{position: absolute;content:"";bottom:0;left:50%;width:5rem;height:2px;background:#d4d4d4;margin-left:-2.5rem;}
.contact_lable1 .p1{text-align: center;font-size:0.56rem;color:#444;height:0.8rem;}
.contact_lable1 .p2{position: absolute;text-align: center;font-size:0.28rem;color:#444;height:40px;left:50%;bottom:0;transform:translateX(-50%);z-index:5;}
.contact_lable1 .p2:after{position: absolute;content:"";bottom:0;left:50%;width:1.6rem;height:4px;background:#3f3b3a;margin-left:-40px;z-index:5;}
.contact_lable2{text-align: center;margin:0.6rem 0;}
.contact_lable2 .p1{color:#444;font-size:0.36rem;margin:0 0 0.35rem 0;line-height:1.5;}
.contact_lable2 .p2{color:#999;line-height:2.5;}
.contact_div ul{overflow:hidden;}
.contact_div ul li{width:100%;float:none;margin:0 0 0.3rem 0;text-align: center;position: relative;height:4rem;}
.contact_div ul li:last-child{margin:0 0 0 0;}
.contact_div ul li .p1{width:100%;height:3rem;position: absolute;top:0;left:0;}
.contact_div ul li .p1 .span1{width:2.4rem;height:2.4rem;background:#777;border-radius:2.4rem;position: absolute;top:0;left:50%;margin-left:-1.2rem;transition:all 800ms ease-in-out;}
.contact_div ul li .p1 .span2{width:2.4rem;height:2.4rem;background:url(../images/contact_icon1.png) no-repeat center center;background-size:2.4rem auto; position: absolute;top:0;left:50%;margin-left:-1.2rem;z-index:3;}
.contact_div ul li:nth-child(2) .p1 .span2{background:url(../images/contact_icon5.png) no-repeat center center;background-size:2.4rem auto;}
.contact_div ul li:nth-child(4) .p1 .span2{background:url(../images/contact_icon3.png) no-repeat center center;background-size:2.4rem auto;}
.contact_div ul li:nth-child(5) .p1 .span2{background:url(../images/contact_icon4.png) no-repeat center center;background-size:2.4rem auto;}

.contact_div ul li .p1 .span3 { width:2.4rem;height:2.4rem;background:#9a0023;border-radius:2.4rem;position: absolute;top:0;left:50%;margin-left:-1.2rem;transition:all 500ms ease-in-out;opacity: 0;transform:scale(0.6,0.6);z-index: 2;}
.contact_div ul li .p0{width:2.7rem;height:2.7rem;position: absolute;top:0;left:50%;transform:translateX(-50%);}
.contact_div ul li .p0 img{width:100%;height:100%;}
.contact_div ul li .p2{height:3.6rem;width:calc(100% - 0.4rem);position: absolute;top:2.7rem;left:0;text-align:center;padding:0 0.2rem;}
.contact_div ul li .p2 span{display:block;text-align: center;}
.contact_div ul li .p2 .span1{font-size:0.36rem;color:#444;line-height:1;margin:0 0 0.2rem 0;}
.contact_div ul li .p2 .span2{color:#999;line-height:1.5;font-size:0.28rem;}
.contact_div ul li:hover .p1 .span1{transform:scale(0.6,0.6)}
.contact_div ul li:hover .p1 .span3{opacity: 1;transform:scale(1,1)}
	

/*内页作品*/
.works_lable{height:1rem;overflow: hidden;margin:0 0 0.8rem 0;background:#f3f3f3;}
.works_lable3{height:1rem;overflow: hidden;margin:1.5rem 0 0.7rem 0;background:#f3f3f3;}
.works_lable_main{width:calc(100% - 1rem);height:1rem;overflow: hidden;margin:0 auto;}
.works_lableleft{height:1rem;width:400px;float:none;}
.works_lableleft h1{color:#333;font-size:0.3rem;line-height:1rem;}
.works_lableleft p{color:#333;font-size:0.3rem;line-height:1rem;}
.daohang{height:45px;width:calc(100% - 420px);float:right;color:#999;line-height:1.5;text-align: right;padding:25px 0 0 0;font-size:14px;display:none;}
.daohang a{color:#999;display:inline-block;margin:0 5px;}
.daohang a:hover{color:#9a0023;}
#works_main{width:calc(100% - 0.6rem);margin:0.4rem auto 0.7rem auto;}
#works_main2{width:calc(100% - 1rem);margin:0.4rem auto 0.4rem auto;}

.works_list ul{overflow: hidden;}
.works_list li {float:left;overflow: hidden;width:48.5%;height:0;padding-top:37.55%;margin:0 0.75% 0.3rem 0.75%;position: relative;}
.works_list li:nth-child(3n) {float:left;overflow: hidden;width:48.5%;margin:0 0.75% 0.3rem 0.75%;}
.works_list li .works_img {width:100%;height:100%;top:0;left:0;position:absolute;}
.works_list li .works_img a{display:block;width:100%;height:100%;}
.works_list li .works_img a img{width:100%;height:100%;transition:all 400ms ease-in-out;}
.works_list li:hover .works_img a img{transform:scale(1.15,1.15)}
.works_list li .works_text {width:calc(100% - 0.3rem);height:0.7rem;bottom:0;left:0;position:absolute;background:rgba(255,255,255,0.85);padding:0 0.15rem;}
.works_list li .works_text a{display:block;}
.works_list li .works_text .a1{height:auto;line-height:1.2;color:#444;border-bottom:#999 solid 0px;font-size:0.2rem;position: absolute;top:50%;transform:translateY(-50%);width:calc(100% - 0.3rem);left:0;padding:0 0.15rem;}
.works_list li .works_text .a2{height:0.4rem;line-height:0.4rem;color:#444;font-size:0.2rem;display:none;}
	
	
	
.works_top{background:#f3f3f3;padding:0.5rem;}
.works_lable2{border-bottom:#ccc solid 1px;overflow: hidden;margin:0 0 0.45rem 0;padding:0 0 0.45rem 0;}
.works_lable2left{}
.works_lable2right{color:#999;line-height:1.5;margin:0.2rem 0 0 0;}
.works_lable2right span{display:inline-block;margin:0 0.35rem 0 0;}
.works_title1{font-size:0.5rem;color:#444;line-height: 1.2;}
.daohang2{height:0.6rem;color:#999;margin:0 0 0.7rem 0;}
.daohang2 a{color:#999;display:inline-block;margin:0 0.16rem 0 0;}
.works_con_text h2{color:#444;font-size:0.3rem;margin:0 0 0.2rem 0;line-height:1;}
.works_con_text{color:#999;line-height:2.5;}
.works_con_pic{margin:0.7rem 0 0 0;}
.works_con_pic ul li{margin:0 0 0.35rem 0;}
.works_con_pic ul li:last-child{margin:0 0 0 0;}
.works_con_pic img{width:100%;}
.works_around{margin:0.8rem 0 0 0;border:#cacaca solid 0px;}
.works_around  ul{height:auto;overflow:hidden;width:100%;}
.works_around  ul li{float:none;height:auto;}
.works_around  ul li:nth-child(1){width:100%;}
.works_around  ul li:nth-child(2){display:none}
.works_around  ul li:nth-child(2) a{display:inline-block;line-height:154px;font-size:20px;color:#444;transition:all 400ms ease-in-out;}
.works_around  ul li:nth-child(2) a:hover{color:#9a0023;transform:translateY(-5px);}
.works_around  ul li:nth-child(3){width:100%;}
.works_around  ul li .works_around_img{width:201px;height:154px;overflow: hidden;display:none;}
.works_around  ul li .works_around_img a{display:block;width:100%;height:100%;}
.works_around  ul li .works_around_img a img{display:block;width:100%;height:100%;}
.works_around  ul li .works_around_txt{width:100%;padding:0.2rem 0.2rem 0 0.2rem;height:auto;}
.works_around  ul li .works_around_txt span{display:inline-block;font-size:0.28rem;color:#444;background:url(../images/works_arrow_left.png) no-repeat left center;background-size:auto 0.28rem;padding-left:0.45rem;margin:0 0 0.2rem 0;}
.works_around  ul li .works_around_txt a{display:inline-block;color:#999;padding-left:0.45rem;transition:all 400ms ease-in-out;}
.works_around  ul li .works_around_txt a:hover{color:#9a0023;transform:translateX(10px);}
.works_around  ul li:nth-child(1) .works_around_img{float:none;}
.works_around  ul li:nth-child(1) .works_around_txt{float:none;}
.works_around  ul li:nth-child(3) .works_around_img{float:none; }
.works_around  ul li:nth-child(3) .works_around_txt{float:none;text-align:left;}
.works_around  ul li:nth-child(3) .works_around_txt span{display:inline-block;background:url(../images/works_arrow_right.png) no-repeat left center;background-size:auto 0.28rem;padding-left:0.45rem;margin:0 0 0.2rem 0;text-align: left;}
.works_around  ul li:nth-child(3) .works_around_txt a{display:inline-block;padding-left:0;text-align: left;}
.works_around  ul li:nth-child(3) .works_around_txt a:hover{color:#9a0023;transform:translateX(-10px);}

.works_relevant{margin:0.6rem 0 0.5rem 0;}
.works_relevant_title{height:0.8rem;border-bottom:#ccc solid 1px;color:#444;font-size:0.5rem;margin:0 0 0.35rem 0;line-height:1;}
.works_relevant ul {overflow: hidden;}
.works_relevant ul li{width:100%;float:none;}
.works_relevant ul li:nth-child(2n){width:100%;float:none;}
.works_relevant ul li a{color:#999;font-size:0.24rem;display: block;position: relative;padding:0.1rem 0 0.1rem 0.3rem;line-height:1.5;transition:all 400ms ease-in-out;}
.works_relevant ul li a:before{position:absolute;left:0;top:50%;width:0.1rem;height:0.1rem;margin:-0.05rem 0 0 0;content:"";background:#ccc;transition:all 400ms ease-in-out;}
.works_relevant ul li a:hover{color:#9a0023;transform:translateX(0.2rem);}
.works_relevant ul li a:hover:before{background:#9a0023;}

	
/*在线客服start*/
.suspension{position:static;z-index:55;right:0;bottom:0px;width:70px;height:240px;display:none;}	
}