@charset "utf-8";
/* CSS Document */
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px;padding: 0px;}
body,input,button,form{font-size: 14px;line-height: 28px;font-family: "microsoft yahei", "Arial";color: #333333;}
h1,h2,h3,h4,h5,h6,font{font-size: 14px;font-weight: normal;}
ul,ol,li{list-style: none;}
input{background: none;border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse;border-spacing: 0;}
.red{color: #ba292e;}
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 1220px;margin: 0 auto;}
.ico{background: url(../images/ico.png) no-repeat;display: inline-block;vertical-align: middle;}
a{color: #333;text-decoration: none;}
a:hover{color: #af805f;text-decoration: none;}
a:visited{text-decoration: none;}
.ease,.ease *{-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.noease,.noease *{-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #aaa;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}
input:-webkit-autofill:focus{-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
/*top_main*/
.top_main{width: 100%;height: 30px;line-height: 30px;position: relative;background-color: #f5f5f5;color: #999999;font-size: 12px;}
.top_main li{display: inline-block;*display: inline;zoom: 1;text-align: center;margin: 0 8px;}
.top_main li a{color: #999999;cursor: pointer;font-size: 12px;}
.top_main li a:hover{color: #af805f;}
.top_main .split{display: inline-block;*display: inline;*zoom: 1;width: 1px;height: 10px;background: #999999;vertical-align: middle;margin: 0;}
.header_main{width: 100%;height: 110px;padding-top: 20px;background: #fff;}
.header_main .logo{margin-right: 80px;display: block;}
.header_main .logo img{display: block;}
.header_main .tel{width: 350px;line-height: 44px;margin-top: 15px;font-family: impact;font-size: 32px;color: #af805f;}
.header_main .tel span{color: #999999;font-size: 14px;line-height: 16px;display: block;}
.header_main .tel strong{font-weight: normal;display: block;white-space: nowrap;font-size: 42px;color: #af805f;}
.header_main .tel s{width: 85px;height: 65px;float: left;background-position: 0 3px;margin-right: 12px;}
/*nav_main*/
.nav_main{height: 45px;line-height: 45px;background: #313131;position: relative;z-index: 111;/*subNav*/}
.nav_main li{width: 126px;height: 45px;line-height: 45px;text-align: center;display: block;z-index: 11;float: left;position: relative;background: url(../images/nav_split.png) no-repeat left center;}
.nav_main li:first-child{background: none;width: 80px;}
.nav_main li .nav1{display: block;font-size: 14px;color: #fff;}
.nav_main li .nav1:hover,.nav_main li.hover .nav1{background: #af805f;}
.nav_main .subNav{background: #313131;height: 45px;line-height: 45px;position: absolute;z-index: 11;left: 0px;top: 45px;}
.nav_main .subNav{position: absolute;left: 0px;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);z-index: 199;opacity: 0;visibility: hidden;height: auto;overflow: hidden;width: 100%;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav_main li:hover .subNav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav_main .subNav a{color: #fff;line-height: 45px;height: 45px;font-size: 14px;display: block;border-bottom: 1px solid rgba(170,170,170,.2);}
.nav_main .subNav a:hover{background: #af805f;}
/* banner*/
.banner{width: 100%;min-width: 1000px;z-index: 20;position: relative;}
.banner .list,.banner li,.banner img{height: 738px;}
.banner li{width: 100%;position: absolute;z-index: 1;overflow: hidden;background: #fff;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
.banner li img{width: 1920px;display: block;position: relative;left: 50%;margin-left: -960px;top: 0;}
.banner li a{display: block;width: 100%;}
.banner .tip{width: 100%;height: 6px;text-align: center;position: absolute;left: 0;bottom: 24px;z-index: 10;}
.banner .tip span{width: 6px;height: 6px;margin: 0 9px;border: 2px solid #af805f;display: inline-block;cursor: pointer;vertical-align: top;border-radius: 100%;}
.banner .tip span.cur{background: #af805f;}
.banner .prev,.banner .next{width: 50px;height: 70px;position: absolute;z-index: 12;top: 50%;margin-top: -40px;cursor: pointer;transition: none;background: url(../images/banner-btn.png) no-repeat 0 center;}
.banner .prev{left: 3%;background-position: 8px center;}
.banner .next{right: 3%;background-position: -59px 0;}
.search_main{width: 100%;height: 65px;line-height: 65px;background: #fff;font-size: 12px;}
.search_main .search_form{width: 256px;height: 36px;margin-top: 14px;border: 1px solid #af805f;position: relative;}
.search_main .search_form input{border: 0 none;display: block;outline: none;}
.search_main .search_form .stxt{width: 230px;height: 36px;padding-left: 12px;line-height: 36px;background: #fff;background: none;border: 0px;color: #666666;}
.search_main .search_form .sbtn{width: 60px;height: 36px;line-height: 36px;position: absolute;top: 0;right: 0;cursor: pointer;background-position: -95px 5px;background-color: #af805f;}
.search_main .skey a{margin-right: 20px;color: #666666;}
.search_main .skey a:hover{color: #af805f;}
.search_main .skey span{color: #af805f;font-weight: bold;}
/*footer*/
.footer_main{width: 100%;padding: 20px 0;background: #af805f;color: #fff;line-height: 32px;}
.footer_main .tit{font-size: 16px;margin-bottom: 10px;}
.footer_main .bnav{float: left;overflow: hidden;}
.footer_main .bnav .list{float: left;}
.footer_main .bnav .item{width: 91px;float: left;}
.footer_main .bnav .item .tit a{font-size: 14px;}
.footer_main .bnav .item .tit2{margin-top: 16px;}
.footer_main .bnav .item a{display: block;color: #fff;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;font-size: 12px;}
.footer_main .bnav .item a:hover{opacity: 0.8;filter: alpha(opacity=80);}
.footer_main .ilinks{padding-bottom:20px;margin-bottom: 20px;font-size: 16px;border-bottom: 1px solid #c18d68;}
.footer_main .ilinks span{color:#f9f9f9;display:inline-block;}
.footer_main .ilinks a{display:inline-block;color:#f9f9f9;padding-left: 10px;}
.footer_main .ilinks a:hover{opacity: 0.8;filter: alpha(opacity=80);}
.footer_main .bcontact{width: 240px;float: left;}
.footer_main .bcontact .txt{font-size: 12px;padding-bottom: 20px;}
.footer_main .bcontact a{width: 168px;height: 28px;line-height: 28px;display: block;text-align: center;border: 1px solid #fff;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;color: #fff;}
.footer_main .bcontact a:hover{background: #fff;color: #af805f;}
.footer_main .ewmlist{float: right;font-size: 12px;}
.footer_main .ewmlist li{width: 160px;float: left;text-align: center;color: #fff;}
.footer_main .ewmlist li img{width: 110px;height: 110px;padding: 5px;background: #fff;display: block;margin: 0 auto 7px;}
.footer_main .ewmlist li:first-child{margin-left: 0;}
/*copyright*/
.copyright{width: 100%;height: 42px;line-height: 42px;color: #fff;font-size: 12px;background: #8f684e;}
.copyright a{color: #fff;}
.copyright a:hover{opacity: 0.8;filter: alpha(opacity=80);}
.gridlist{width: 100%;}
.gridlist .item{width: 280px;margin: 30px 26px 0 0;float: left;position: relative;overflow: hidden;}
.gridlist .item img{width: 280px;height: 210px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.gridlist .item .bg{width: 280px;height: 210px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;background: url(../images/black70.png) repeat 0 0;position: absolute;left: -100%;top: 0;}
.gridlist .item .plus{width: 280px;height: 210px;display: block;transition: all ease .4s;background: url(../images/ipro_hover.png) no-repeat center center;position: absolute;left: -100%;top: 0;}
.gridlist .item h3{color: #000;line-height: 28px;text-align: center;padding-top: 8px;height: 28px;overflow: hidden;}
.gridlist .item:hover .bg{left: 0;}
.gridlist .item:hover .plus{left: 0;}
.gridlist .item:hover img{-webkit-filter: brightness(110%);filters: brightness(110%);}
.gridlist .item:hover h3{color: #af805f;}
@media (max-width: 1260px){.gridlist{width: 745px;}
.gridlist .last-w1260{display: none;}}
/*******index css*******/
.ixbanner{width: 100%;height: 180px;position: relative;overflow: hidden;background: url(../images/ixbanner.jpg) no-repeat center top;}
.ixbanner .tel{float: right;width: 220px;line-height: 16px;padding-top: 65px;color: #fff;}
.ixbanner .tel span{font-size: 14px;display: block;}
.ixbanner .tel strong{font-size: 27px;line-height: 28px;}
.ixbanner .btn{float: right;width: 140px;height: 36px;line-height: 36px;border: 2px solid #fff;margin: 67px 20px 0 0;text-align: center;color: #af805f;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;background: #fff;}
.ixbanner .btn:hover{background: none;color: #fff;}
.iabout{padding: 60px 0 70px;}
.iabout .img{width: 400px;height: 300px;overflow: hidden;display: block;float: left;margin-right: 55px;}
.iabout .img img{width: 100%;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.iabout .img:hover img{transform: scale(1.03);}
.iabout .txtcon{width: 740px;float: right;}
.iabout .txtcon .title h3{font-size: 24px;line-height: 24px;font-weight: bold;margin-bottom: 22px;}
.iabout .txtcon .title .line{width: 46px;height: 2px;display: block;background: #666666;}
.iabout .txtcon .txt{margin: 30px 0 30px;line-height: 25px;height: 154px;overflow: hidden;color: #666666;}
.iabout .txtcon .btn{width: 130px;line-height: 36px;height: 24px;padding-top: 12px;display: block;text-align: center;background: #af805f;}
.iabout .txtcon .btn s{width: 25px;height: 14px;display: inline-block;vertical-align: top;background-position: -113px -36px;}
.iabout .txtcon .btn:hover{width: 140px;}
.inews{padding-bottom: 60px;}
.inews .title{width: 100%;height: 22px;line-height: 22px;margin-bottom: 28px;}
.inews .title h3{font-size: 22px;font-weight: bold;color: #af805f;}
.inews .title h3 s{width: 4px;height: 22px;display: inline-block;vertical-align: top;margin-right: 10px;background: #af805f;}
.inews .title a{color: #af805f;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.inews .title a:hover{text-decoration: underline;}
.inews .newslist{line-height: 55px;}
.inews .newslist li{width: 100%;height: 55px;line-height: 55px;overflow: hidden;border-bottom: 1px dashed #d4d4d4;}
.inews .newslist li a{width: 100%;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.inews .newslist li .time{color: #999999;float: right;font-weight: normal;}
.inews1{width: 580px;float: left;}
.inews .item{width: 100%;display: block;padding-bottom: 20px;border-bottom: 1px dashed #d4d4d4;}
.inews .item img{width: 100px;height: 75px;float: left;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;margin-right: 20px;}
.inews .item h3{color: #333;line-height: 24px;height: 24px;overflow: hidden;margin-bottom: 10px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.inews .item .txt{line-height: 20px;height: 40px;overflow: hidden;color: #999999;}
.inews .item:hover img{-webkit-filter: brightness(110%);filters: brightness(110%);}
.inews .item:hover h3{color: #af805f;}
.inews2{width: 575px;float: right;}
/***********category css*************/
.nybanner{width: 100%;height: 300px;overflow: hidden;position: relative;}
.nybanner img{width: 1920px;display: block;position: absolute;left: 50%;margin-left: -960px;top: 0;}
.sitepath{width: 100%;height: 48px;line-height: 48px;overflow: hidden;font-size: 14px;color: #88848b;border-bottom: 1px solid #f1f1f1;margin-bottom: 28px;}
.sitepath s{width: 14px;height: 14px;margin-right: 16px;background-position: -160px 0;}
.sitepath a{color: #88848b;}
.sitepath a:hover{color: #8f684e;}
.n-tit{margin-bottom: 20px;}
.n-tit h3{font-size: 24px;color: #000;margin-bottom: 22px;}
.n-tit .line{width: 28px;height: 2px;display: block;background: #000;}
.wrapper .leftCon{width: 240px;float: left;position: relative;margin-top: 15px;}
.wrapper .content{width: 930px;float: right;padding-bottom: 20px;}
.leftMenu{position: relative;width: 100%;background: #af805f;color: #fff;}
.leftMenu .title{width: 184px;height: 160px;padding: 0 28px;background: #8f684e;color: #fff;text-align: center;}
.leftMenu .title h3{font-size: 36px;line-height: 36px;font-weight: bold;padding: 30px 0 27px;border-bottom: 1px solid #c18d68;}
.leftMenu .title span{display: block;padding-top: 12px;text-transform: uppercase;font-size: 18px;}
.leftMenu .list{padding: 24px;}
.leftMenu .list li{width: 100%;line-height: 50px;margin-bottom: 5px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;font-size: 18px;}
.leftMenu .list li .sub1{display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;color: #fff;}
.leftMenu .list li .box{padding: 5px 0 0 15px;display: none;}
.leftMenu .list li .box a{color: #fff;font-size: 15px;display: block;line-height: 30px;padding: 0;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;opacity: 0.75;filter: alpha(opacity=75);}
.leftMenu .list li .box a.hover,
.leftMenu .list li .box a:hover{opacity: 1;filter: alpha(opacity=100);}
.leftMenu .list li:hover .sub1,
.leftMenu .list li.hover .sub1{padding-left: 15px;background: #8f684e;}
.leftMenu .list li:hover .box,
.leftMenu .list li.hover .box{display: block;}
.leftRecomm{padding: 20px 0 0;}
.leftRecomm .title{padding-bottom: 5px;border-bottom: 1px solid #f5f5f5;color: #af805f;font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.leftRecomm .title a{color: #af805f;}
.leftRecomm .item{width: 110px;float: left;overflow: hidden;text-align: center;margin-right: 20px;}
.leftRecomm .item a{width: 100%;display: block;}
.leftRecomm .item img{width: 110px;height: 82px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;border-radius: 3px;display: block;}
.leftRecomm .item h3{width: 100%;text-align: center;font-size: 12px;line-height: 40px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.leftRecomm .item:hover img{-webkit-filter: brightness(110%);filters: brightness(110%);}
.leftRecomm .newslist li{line-height: 34px;height: 34px;overflow: hidden;}
.leftRecomm .newslist li a{display: block;width: 100%;text-align: left;}
.newsPage .item{display: block;float: left;width: 890px;padding: 20px 20px;background: #f7f7f7;margin-bottom: 28px;}
.newsPage .item h3{height: 36px;line-height: 36px;overflow: hidden;font-size: 18px;color: #000;margin-bottom: 5px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.newsPage .item h3 font{font-size: 18px;}
.newsPage .item img{width: 150px;height: 112px;float: left;margin-right: 24px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.newsPage .item .txt{font-size: 14px;color: #999999;line-height: 24px;overflow: hidden;}
.newsPage .item:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.newsPage .item:hover h3{color: #af805f;}
.newsPage .item:hover img{-webkit-filter: brightness(110%);filters: brightness(110%);}
.casePage{overflow: hidden;}
.casePage .gridlist{width: 100%;}
.casePage .gridlist .item{margin-bottom: 25px;margin-right: 44px;}
.casePage .gridlist .item h3{font-size: 18px;margin-bottom: 5px;}
.casePage .gridlist .item h4{line-height: 18px;height: 36px;padding: 0 35px;overflow: hidden;text-align: center;color: #999999;}
.servicePage .sitepath{margin-bottom: 0;}
.servicePage .s-tit{padding: 18px 0 18px;font-size: 24px;border-bottom: 1px solid #cccccc;color: #666666;}
.servicePage .s-tab{padding: 30px 0;}
.servicePage .s-tab a{display: inline-block;height: 36px;line-height: 36px;padding: 0 14px;background: #999999;margin-right: 25px;font-size: 18px;color: #fff;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.servicePage .s-tab a.hover,
.servicePage .s-tab a:hover{background: #af805f;}
.contactPage{line-height: 32px;}
.contactPage .t{padding: 0 0 25px;color: #af805f;font-size: 18px;}
.contactPage .t2{padding: 0 0 25px;color: #af805f;font-size: 24px;}
.contactPage .txtcon{font-size: 18px;font-size: 14px;padding: 0 0 35px;color: #999999;line-height: 28px;}
.contactPage .mapArea{width: 100%;height: 320px;margin-bottom: 35px;overflow: hidden;}
.formData{padding-bottom: 20px;}
.formData .item{float: left;color: #999;font-weight: normal;width: 425px;height: 56px;line-height: 56px;border: 1px solid #e5e5e5;margin-right: 76px;margin-bottom: 45px;position: relative;}
.formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 56px;line-height: 56px;font-size: 18px;color: #cccccc;}
.formData .item input{outline: none;line-height: 38px;height: 38px;font-size: 18px;}
.formData .item .txt{width: 355px;height: 56px;line-height: 56px;display: block;background: none;padding-left: 70px;border: 0 none;color: #333;}
.formData .item .red{position: absolute;right: 15px;top: 0;color: #ff0000;z-index: 11;}
.formData .item.mr0{margin-right: 0;}
.formData .msg-box{position: absolute;left: 0;top: 0px;}
.formData .liuyan{width: 928px;height: 260px;border: 1px solid #e5e5e5;float: left;}
.formData .liuyan label{text-align: right;display: block;}
.formData .liuyan textarea{width: 908px;height: 234px;line-height: 35px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}
.formData .bot{width: 100%;}
.formData .sub{width: 232px;height: - 4px;line-height: 52px;border: 2px solid #af805f;margin-right: 2px;text-align: center;background: #af805f;color: #FFF;cursor: pointer;font-size: 18px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.formData .sub:hover{background: none;color: #af805f;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute;right: 0;top: 0;height: 56px;border: 0px;display: block;}
@media (max-width: 1260px){.formData .item{width: 424px;}
.formData .item .txt{width: 325px;}
.formData .liuyan{width: 888px;}
.formData .liuyan textarea{width: 856px;}}
/* reLink*/
.reLink{width: 100%;margin: 20px 0 10px;line-height: 60px;border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.reLink .nextLink,
.reLink .prevLink{width: 50%;line-height: 60px;color: #333333;}
.reLink .nextLink{text-align: right;}
.reLink a{font-size: 16px;}
.reLink a:hover{color: #af805f;}
/*showpage*/
.showPage{background: #fff;}
.showPage .title{color: #333333;margin-bottom: 5px;font-size: 24px;text-align: center;}
.showPage .title .more{font-size: 14px;}
.showPage .mark{width: 100%;padding: 5px 0 10px;text-align: center;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.showPage .mark span{margin-right: 18px;font-size: 12px;color: #666666;}
.showPage .showContxt{color: #333333;line-height: 28px;padding: 5px 0 30px;}
.showPage .showContxt img{max-width: 100%;}
.showPage .shareNew{padding-bottom: 0;}
.showPage .gridlist{padding-top: 10px;}
.showPage .gridlist .item{width: 350px;height: 323px;}
.showPage .gridlist .item img{width: 350px;height: 263px;}
.showPage .gridlist .item h3{height: 60px;line-height: 60px;}
.showPage .img-quotes{padding-top: 30px;margin-bottom: 40px;}
.showPage .imgcon{width: 423px;height: 468px;padding-left: 295px;margin-left: 30px;position: relative;border: 1px solid #dddddd;}
.showPage .imgcon .img{position: absolute;left: -30px;top: -30px;width: 276px;height: 368px;display: block;z-index: 10;}
.showPage .imgcon h4{padding-top: 45px;font-size: 16px;}
.showPage .imgcon h3{font-size: 26px;margin-bottom: 40px;}
.showPage .imgcon .txt{margin-top: 40px;line-height: 30px;}
.resultPage .item1{display: block;float: left;width: 860px;padding: 20px 35px;background: #f7f7f7;margin-bottom: 28px;}
.resultPage .item1 h3{height: 36px;line-height: 36px;overflow: hidden;font-size: 18px;color: #000;margin-bottom: 5px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.resultPage .item1 img{width: 150px;height: 90px;float: left;margin-right: 24px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.resultPage .item1 .txt{font-size: 12px;color: #999999;line-height: 22px;height: 44px;overflow: hidden;}
.resultPage .item1:hover h3{color: #af805f;}
.resultPage .item1:hover img{-webkit-filter: brightness(110%);filters: brightness(110%);}
.resultPage .item2{width: 280px;margin: 0 26px 31px 0;float: left;position: relative;overflow: hidden;}
.resultPage .item2 img{width: 280px;height: 210px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.resultPage .item2 .bg{width: 280px;height: 210px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;background: url(../images/black70.png) repeat 0 0;position: absolute;left: -100%;top: 0;}
.resultPage .item2 .plus{width: 280px;height: 210px;display: block;transition: all ease .4s;background: url(../images/ipro_hover.png) no-repeat center center;position: absolute;left: -100%;top: 0;}
.resultPage .item2 h3{color: #000;line-height: 28px;text-align: center;padding-top: 8px;height: 28px;overflow: hidden;}
.resultPage .item2:hover .bg{left: 0;}
.resultPage .item2:hover .plus{left: 0;}
.resultPage .item2:hover img{-webkit-filter: brightness(110%);filters: brightness(110%);}

.resultPage .item2:hover h3{color: #af805f;}
.map_ul{list-style: outside none none;display: block;width: 100%;padding-top: 10px;padding-bottom: 30px;}
.map_ul li{display: block;width: 100%;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #DCDBDB;margin-left: 10px;float: left;}
.map_ul li a{font-size: 14px;float: left;width: 100%;height: 23px;line-height: 23px;font-weight: bold;}
.map_ul .list-inline{display: block;margin-left: 8%;width: 86%;min-height: 30px;}
.map_ul .list-inline a{font-weight: normal;width: auto;float: none;line-height: 32px;height: 32px;margin: 0 10px 10px 0;display: inline-block;border: 1px solid #ccc;padding: 0px 10px;}
.map_ul .list-inline a:hover{background: #af805f;border-color: #af805f;color: #fff;}
.aboutPage .about_txt{background: #fff;padding: 40px 50px;margin-bottom: 30px;}
.aboutPage .img{margin-bottom: 30px;width: 100%;display: block;}
.aboutPage .txtcon{color: #666666;}
.aboutPage .txtcon img{max-width: 100%;}
/* rightFix*/
/********toolbar1*********/
.toolbar1{width: 59px;position: fixed;right: 0;z-index: 999;bottom: 50%;margin-bottom: -144px;}
.toolbar1 dd{width: 59px;height: 59px;background: #af805f;margin-bottom: 5px;position: relative;transition: all 0.3s;-webkit-transition: all 0.3s;border-radius: 2px;-webkit-border-radius: 2px;}
.toolbar1 dd a{height: 48px;padding: 11px 10px 0 13px;line-height: 18px;color: #fff;font-size: 16px;display: block;cursor: pointer;}
.toolbar1 .box{width: 295px;height: 147px;padding: 0 15px;position: absolute;right: 90px;top: 0;background: #fff;display: none;border: 1px solid #e5e5e5;border-top: 10px solid #af805f;}
.toolbar1 .box .ttel{width: 100%;padding: 15px 0 15px;margin-bottom: 10px;line-height: 20px;color: #666;border-bottom: 1px solid #aeaeae;}
.toolbar1 .box .ttel strong{color: #fda804;font-size: 24px;line-height: 24px;display: block;font-weight: normal;font-family: arial;}
.toolbar1 .box .ttel s{width: 80px;height: 45px;margin-right: 10px;background-position: 0 0;}
.toolbar1 .box .list{color: #aeaeae;font-size: 12px;line-height: 24px;}
.toolbar1 .box .list li{width: 48%;float: left;}
.toolbar1 dd:hover{background: #333;}
/*******font-face********/
@font-face{font-family: 'impact';src: url('../font/impact.eot');src: url('../font/impact.eot?#iefix') format('embedded-opentype'),
/* IE6-IE8*/url('../font/impact.woff') format('woff'),
/* Modern Browsers*/url('../font/impact.ttf') format('truetype'),
/* Safari, Android, iOS*/url('../font/impact.svg#impact') format('svg');/* IE9 Compat Modes*//* Legacy iOS*/}


/*服务项目*/
.contain{width: 1180px;margin: 0 auto;}
.clear:after {content:"";display:block;clear:both;}
.in_zx{background: #f9f9f9;width: 100%;}
.in_zx .main li{width: 568px;border: 2px solid #af805f;float: left;margin-bottom: 30px;}
.in_zx .main li:nth-of-type(2n){float: right;}
.in_zx .main li .font{width: 280px; float: left; margin-left: 35px;}
.in_zx .main li .img{float: right;}
.in_zx .main li .font .p1{font-size: 18px;color: #666;font-weight: bold;margin-top: 25px;}
.in_zx .main li .font .p1 a{color: #666;}
.in_zx .main li .font .p2{line-height: 26px; color: #999; margin-top: 15px;}
.in_zx .main li .font .btn{width: 128px;text-align: center;line-height: 25px;padding-right: 10px;border: 1px solid #af805f;color: #af805f;margin-top: 35px;display: block;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.in_zx .main li .font .btn span{padding-right: 32px;display: inline-block;background: url(../images/in_zx_dot1.png) no-repeat right;}
.in_zx .main li:hover .font .btn{background: #af805f;color: #fff;}
.in_zx .main li:hover .font .btn span{background: url(../images/in_zx_dot2.png) no-repeat right;}
.in_zx .main li:hover{border: 2px solid #af805f;box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.in_zx .main li .img{overflow: hidden;}
.in_zx .main li img{-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.in_zx .main li:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
/*业务需求*/
.in_title{text-align: center; padding: 50px 0 30px;}
.in_title .pq{font-size: 26px; color: #333; font-weight: bold;}
.in_title .pw{font-size: 16px;line-height: 32px;color: #666;}
.in_world{height: 710px;background: url(../images/in_world_pc.jpg) no-repeat center;background-size: cover;}
.in_world .contain{position: relative;}
.in_world .contain li{position: absolute; text-indent: 1000px ; z-index: 5;}
.in_world .contain .a1{width: 65px; height: 40px; left: 347px; top: 20px; background: url(../images/in_world1.png) no-repeat center;}
.in_world .contain .a2{width: 65px; height: 40px; left: 189px; top: 46px; opacity: 0.5; background: url(../images/in_world2.png) no-repeat center;}
.in_world .contain .a3{width: 75px; height: 50px; left: 56px; top: 96px; background: url(../images/in_world3.png) no-repeat center;}
.in_world .contain .a4{width: 78px; height: 50px; left: 178px; top: 186px; background: url(../images/in_world4.png) no-repeat center;}
.in_world .contain .a5{width: 62px; height: 42px; left: 84px; top: 267px; background: url(../images/in_world5.png) no-repeat center;}
.in_world .contain .a6{width: 74px; height: 48px; left: 184px; top: 340px; background: url(../images/in_world6.png) no-repeat center;}
.in_world .contain .a7{width: 61px; height: 39px; left: 38px; top: 367px; opacity: 0.5; background: url(../images/in_world7.png) no-repeat center;}
.in_world .contain .a8{width: 59px; height: 37px; left: 164px; top: 449px; background: url(../images/in_world8.png) no-repeat center;}
.in_world .contain .a9{width: 73px; height: 48px; left: 298px; top: 401px; opacity: 0.7; background: url(../images/in_world9.png) no-repeat center;}
.in_world .contain .a10{width: 59px; height: 37px; left: 411px; top: 455px; background: url(../images/in_world10.png) no-repeat center;}
.in_world .contain .a11{width: 72px; height: 48px; right: 418px; top: 11px; background: url(../images/in_world11.png) no-repeat center;}
.in_world .contain .a12{width: 66px; height: 43px; right: 309px; top: 45px; opacity: 0.7; background: url(../images/in_world12.png) no-repeat center;}
.in_world .contain .a13{width: 61px; height: 40px; right: 133px; top: 27px; background: url(../images/in_world13.png) no-repeat center;}
.in_world .contain .a14{width: 89px; height: 55px; right: 214px; top: 124px; background: url(../images/in_world14.png) no-repeat center;}
.in_world .contain .a15{width: 74px; height: 48px; right: 51px; top: 164px; opacity: 0.5; background: url(../images/in_world15.png) no-repeat center;}
.in_world .contain .a16{width: 82px; height: 52px; right: 197px; top: 228px; opacity: 0.5; background: url(../images/in_world16.png) no-repeat center;}
.in_world .contain .a17{width: 59px; height: 37px; right: 105px; top: 318px; background: url(../images/in_world17.png) no-repeat center;}
.in_world .contain .a18{width: 74px; height: 47px; right: 277px; top: 330px; background: url(../images/in_world18.png) no-repeat center;}
.in_world .contain .a19{width: 66px; height: 43px; right: 219px; top: 443px; background: url(../images/in_world19.png) no-repeat center;}
.in_world .contain .a20{width: 74px; height: 47px; right: 389px; top: 462px; opacity: 0.5; background: url(../images/in_world20.png) no-repeat center;}
.in_world{position: relative;}
.in_world .mid{}
.in_world .mid i{position: absolute; left: 50%; top: 50%; -webkit-animation-duration: 2s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite;}
.in_world .mid .i1{width: 145px; height: 181px; margin-left: -72px; margin-top: -54px; background: url(../images/in_world_mid1.png) no-repeat center; z-index: 4;}
.in_world .mid .i2{width: 223px; height: 279px; margin-left: -111px; margin-top: -103px; background: url(../images/in_world_mid2.png) no-repeat center; -webkit-animation-name: ripple; -webkit-animation-delay: 0s; animation-name: ripple; animation-delay: 0s; z-index: 3; -webkit-transform:scale(0.222);transform:scale(0.222);}
.in_world .mid .i3{width: 304px; height: 381px; margin-left: -152px; margin-top: -154px; -webkit-transform:scale(0.222);transform:scale(0.222); background: url(../images/in_world_mid3.png) no-repeat center; -webkit-animation-name: ripple; -webkit-animation-delay: 0s; z-index: 2;}
@-webkit-keyframes ripple{0%{-webkit-transform:scale(.222);transform:scale(.222);} 50%{-webkit-transform:scale(1);transform:scale(1);} 98%{-webkit-transform:scale(.222);transform:scale(.222);}}
@keyframes ripple{0%{-webkit-transform:scale(.222);transform:scale(.222);} 50%{-webkit-transform:scale(1);transform:scale(1);} 98%{-webkit-transform:scale(.222);transform:scale(.222);}}
@-webkit-keyframes shake-slow{0%{-webkit-transform: translate(0px, 0px) rotate(0deg);} 2%{-webkit-transform: translate(-1px, 3px) rotate(-1.5deg);} 4%{-webkit-transform: translate(-4px, 5px) rotate(-1.5deg);} 6%{-webkit-transform: translate(-1px, 6px) rotate(-0.5deg);} 8%{-webkit-transform: translate(5px, -4px) rotate(-3.5deg);} 10%{-webkit-transform: translate(-7px, -3px) rotate(-3.5deg);} 12%{-webkit-transform: translate(-1px, 8px) rotate(2.5deg);} 14%{-webkit-transform: translate(3px, -5px) rotate(-1.5deg);} 16%{-webkit-transform: translate(1px, 0px) rotate(2.5deg);} 18%{-webkit-transform: translate(-6px, -10px) rotate(-0.5deg);} 20%{-webkit-transform: translate(3px, -2px) rotate(1.5deg);} 22%{-webkit-transform: translate(0px, 0px) rotate(-2.5deg);} 24%{-webkit-transform: translate(-5px, -4px) rotate(1.5deg);} 26%{-webkit-transform: translate(-1px, 3px) rotate(-3.5deg);} 28%{-webkit-transform: translate(1px, 1px) rotate(-3.5deg);} 30%{-webkit-transform: translate(-4px, 8px) rotate(1.5deg);} 32%{-webkit-transform: translate(-9px, 7px) rotate(-3.5deg);} 34%{-webkit-transform: translate(4px, -9px) rotate(-2.5deg);} 36%{-webkit-transform: translate(1px, -6px) rotate(-2.5deg);} 38%{-webkit-transform: translate(-4px, 0px) rotate(-2.5deg);} 40%{-webkit-transform: translate(3px, -7px) rotate(0.5deg);} 42%{-webkit-transform: translate(4px, 4px) rotate(-0.5deg);} 44%{-webkit-transform: translate(8px, -4px) rotate(-2.5deg);} 46%{-webkit-transform: translate(9px, 9px) rotate(-3.5deg);} 48%{-webkit-transform: translate(6px, -8px) rotate(-0.5deg);} 50%{-webkit-transform: translate(-1px, 4px) rotate(-3.5deg);} 52%{-webkit-transform: translate(4px, 6px) rotate(-1.5deg);} 54%{-webkit-transform: translate(9px, -3px) rotate(2.5deg);} 56%{-webkit-transform: translate(8px, -2px) rotate(-3.5deg);} 58%{-webkit-transform: translate(-2px, -9px) rotate(-0.5deg);} 60%{-webkit-transform: translate(-1px, -5px) rotate(2.5deg);} 62%{-webkit-transform: translate(-8px, 3px) rotate(2.5deg);} 64%{-webkit-transform: translate(6px, -2px) rotate(-3.5deg);} 66%{-webkit-transform: translate(-5px, 9px) rotate(-1.5deg);} 68%{-webkit-transform: translate(3px, 1px) rotate(-0.5deg);} 70%{-webkit-transform: translate(6px, 4px) rotate(-1.5deg);} 72%{-webkit-transform: translate(-6px, -5px) rotate(1.5deg);} 74%{-webkit-transform: translate(-8px, 0px) rotate(-0.5deg);} 76%{-webkit-transform: translate(-5px, -8px) rotate(1.5deg);} 78%{-webkit-transform: translate(5px, -3px) rotate(-1.5deg);} 80%{-webkit-transform: translate(-6px, -3px) rotate(-1.5deg);} 82%{-webkit-transform: translate(7px, 8px) rotate(-1.5deg);} 84%{-webkit-transform: translate(-6px, 9px) rotate(0.5deg);} 86%{-webkit-transform: translate(1px, 8px) rotate(-3.5deg);} 88%{-webkit-transform: translate(-9px, -2px) rotate(1.5deg);} 90%{-webkit-transform: translate(4px, -6px) rotate(-1.5deg);} 92%{-webkit-transform: translate(0px, -1px) rotate(0.5deg);} 94%{-webkit-transform: translate(2px, -9px) rotate(2.5deg);} 96%{-webkit-transform: translate(-9px, 1px) rotate(-2.5deg);} 98%{-webkit-transform: translate(-9px, -5px) rotate(-3.5deg);} }
@-ms-keyframes shake-slow{0%{-ms-transform: translate(0px, 0px) rotate(0deg);} 2%{-ms-transform: translate(-10px, 5px) rotate(-2.5deg);} 4%{-ms-transform: translate(7px, 7px) rotate(-3.5deg);} 6%{-ms-transform: translate(8px, -7px) rotate(-2.5deg);} 8%{-ms-transform: translate(-8px, 3px) rotate(-0.5deg);} 10%{-ms-transform: translate(3px, -10px) rotate(-1.5deg);} 12%{-ms-transform: translate(-9px, -6px) rotate(2.5deg);} 14%{-ms-transform: translate(-2px, -6px) rotate(-0.5deg);} 16%{-ms-transform: translate(6px, -1px) rotate(0.5deg);} 18%{-ms-transform: translate(5px, -1px) rotate(0.5deg);} 20%{-ms-transform: translate(7px, -5px) rotate(-0.5deg);} 22%{-ms-transform: translate(-8px, 5px) rotate(2.5deg);} 24%{-ms-transform: translate(0px, 4px) rotate(2.5deg);} 26%{-ms-transform: translate(-1px, 2px) rotate(-1.5deg);} 28%{-ms-transform: translate(-1px, -1px) rotate(1.5deg);} 30%{-ms-transform: translate(-5px, -5px) rotate(2.5deg);} 32%{-ms-transform: translate(0px, 7px) rotate(-0.5deg);} 34%{-ms-transform: translate(-9px, 3px) rotate(-0.5deg);} 36%{-ms-transform: translate(3px, -5px) rotate(-2.5deg);} 38%{-ms-transform: translate(5px, 2px) rotate(-0.5deg);} 40%{-ms-transform: translate(6px, -3px) rotate(0.5deg);} 42%{-ms-transform: translate(-4px, -6px) rotate(-0.5deg);} 44%{-ms-transform: translate(9px, 2px) rotate(-3.5deg);} 46%{-ms-transform: translate(6px, -4px) rotate(1.5deg);} 48%{-ms-transform: translate(6px, 5px) rotate(2.5deg);} 50%{-ms-transform: translate(-9px, -2px) rotate(-2.5deg);} 52%{-ms-transform: translate(-7px, 9px) rotate(-0.5deg);} 54%{-ms-transform: translate(-5px, -5px) rotate(-3.5deg);} 56%{-ms-transform: translate(-6px, -10px) rotate(1.5deg);} 58%{-ms-transform: translate(-3px, 1px) rotate(-3.5deg);} 60%{-ms-transform: translate(3px, 5px) rotate(2.5deg);} 62%{-ms-transform: translate(-1px, -8px) rotate(2.5deg);} 64%{-ms-transform: translate(6px, -7px) rotate(-0.5deg);} 66%{-ms-transform: translate(-7px, -1px) rotate(0.5deg);} 68%{-ms-transform: translate(-3px, -4px) rotate(-1.5deg);} 70%{-ms-transform: translate(-10px, 9px) rotate(2.5deg);} 72%{-ms-transform: translate(9px, 9px) rotate(2.5deg);} 74%{-ms-transform: translate(-6px, 8px) rotate(-0.5deg);} 76%{-ms-transform: translate(-5px, -10px) rotate(-2.5deg);} 78%{-ms-transform: translate(-7px, -9px) rotate(-0.5deg);} 80%{-ms-transform: translate(8px, -4px) rotate(2.5deg);} 82%{-ms-transform: translate(9px, 4px) rotate(-0.5deg);} 84%{-ms-transform: translate(-1px, -1px) rotate(2.5deg);} 86%{-ms-transform: translate(-6px, -3px) rotate(0.5deg);} 88%{-ms-transform: translate(-2px, -4px) rotate(0.5deg);} 90%{-ms-transform: translate(5px, 1px) rotate(0.5deg);} 92%{-ms-transform: translate(1px, 2px) rotate(-3.5deg);} 94%{-ms-transform: translate(-5px, -10px) rotate(1.5deg);} 96%{-ms-transform: translate(-6px, 3px) rotate(-3.5deg);} 98%{-ms-transform: translate(-1px, -7px) rotate(-2.5deg);}}
@keyframes shake-slow{0%{transform: translate(0px, 0px) rotate(0deg);} 2%{transform: translate(6px, -7px) rotate(2.5deg);} 4%{transform: translate(8px, -8px) rotate(2.5deg);} 6%{transform: translate(1px, -8px) rotate(-3.5deg);} 8%{transform: translate(-3px, 4px) rotate(-0.5deg);} 10%{transform: translate(0px, -3px) rotate(1.5deg);} 12%{transform: translate(-1px, 2px) rotate(0.5deg);} 14%{transform: translate(6px, 6px) rotate(-1.5deg);} 16%{transform: translate(-7px, 4px) rotate(-0.5deg);} 18%{transform: translate(7px, 8px) rotate(-3.5deg);} 20%{transform: translate(-6px, 2px) rotate(1.5deg);} 22%{transform: translate(9px, 5px) rotate(-1.5deg);} 24%{transform: translate(7px, -2px) rotate(0.5deg);} 26%{transform: translate(-7px, -10px) rotate(-0.5deg);} 28%{transform: translate(-10px, -8px) rotate(-1.5deg);} 30%{transform: translate(8px, 4px) rotate(0.5deg);} 32%{transform: translate(0px, 4px) rotate(1.5deg);} 34%{transform: translate(-8px, 6px) rotate(-0.5deg);} 36%{transform: translate(-5px, 7px) rotate(1.5deg);} 38%{transform: translate(-4px, -4px) rotate(-1.5deg);} 40%{transform: translate(9px, 4px) rotate(-1.5deg);} 42%{transform: translate(9px, -5px) rotate(2.5deg);} 44%{transform: translate(-5px, -4px) rotate(-2.5deg);} 46%{transform: translate(7px, -7px) rotate(1.5deg);} 48%{transform: translate(-5px, 8px) rotate(0.5deg);} 50%{transform: translate(9px, 1px) rotate(-1.5deg);} 52%{transform: translate(-9px, -5px) rotate(-3.5deg);} 54%{transform: translate(-2px, 9px) rotate(1.5deg);} 56%{transform: translate(6px, -1px) rotate(1.5deg);} 58%{transform: translate(-6px, 0px) rotate(-0.5deg);} 60%{transform: translate(3px, 1px) rotate(1.5deg);} 62%{transform: translate(5px, -7px) rotate(-0.5deg);} 64%{transform: translate(9px, 2px) rotate(2.5deg);} 66%{transform: translate(6px, 0px) rotate(-2.5deg);} 68%{transform: translate(5px, -4px) rotate(-2.5deg);} 70%{transform: translate(-8px, 5px) rotate(-2.5deg);} 72%{transform: translate(-6px, -2px) rotate(0.5deg);} 74%{transform: translate(-3px, 7px) rotate(-3.5deg);} 76%{transform: translate(-7px, -8px) rotate(-3.5deg);} 78%{transform: translate(-1px, -2px) rotate(2.5deg);} 80%{transform: translate(8px, 6px) rotate(-2.5deg);} 82%{transform: translate(-2px, -9px) rotate(2.5deg);} 84%{transform: translate(8px, -10px) rotate(-0.5deg);} 86%{transform: translate(-6px, 0px) rotate(2.5deg);} 88%{transform: translate(-1px, 9px) rotate(-3.5deg);} 90%{transform: translate(-7px, 8px) rotate(1.5deg);} 92%{transform: translate(-10px, -8px) rotate(0.5deg);} 94%{transform: translate(-8px, 6px) rotate(1.5deg);} 96%{transform: translate(4px, -9px) rotate(2.5deg);} 98%{transform: translate(-4px, 9px) rotate(0.5deg);}}
.in_world .contain li:hover{-webkit-animation-name: shake-slow; -ms-animation-name: shake-slow; animation-name: shake-slow; -webkit-animation-duration: 5s; -ms-animation-duration: 5s; animation-duration: 5s; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running;}
/*客户案例*/
.in_case{padding-bottom: 90px;}
.in_case .in_title .pq,
.in_case .in_title .pw{color: #fff;}
.in_case{background: url(../images/in_case.jpg) no-repeat center; background-size: cover;}
.in_case .main li{float: left; color: #fff; margin-right: 9px; height: 435px; overflow: hidden; position: relative; transition:all 0.4s;}
.in_case .main li:last-child{margin-right: 0;}
.in_case .main li .wai{width: 213px; height: 435px; position: relative;}
.in_case .main li .wai p{position: absolute; width: 100%; bottom: 0; font-size: 18px; color: #fff; font-weight: bold; line-height: 50px; text-indent: 12px;}
.in_case .main li .wai.c_bg1{background: url(../images/in_case2.jpg) no-repeat center; background-size: cover;}
.in_case .main li .show.c_bg11{background: url(../images/in_case11.jpg) no-repeat center; background-size: cover;}
.in_case .main li .show p{padding: 0 18px;}
.in_case .main li .show .p1{font-size: 18px;color: #fff;font-weight: bold;padding-top: 30px;padding-bottom: 15px;}
.in_case .main li .show .p2{font-size: 12px;color: #fff;line-height: 26px;margin-bottom: 25px;}
.in_case .main li .show .p3{font-size: 16px;color: #fff;line-height: 26px;margin-bottom: 10px;}
.in_case .main li .btn{line-height: 60px;position: absolute;width: 100%;bottom: 0;left: 0;text-align: center;background: #af805f;color: #fff;}
.in_case .main li .show{width: 287px; height: 435px; overflow: hidden; position: absolute; left: -287px; top: 0; visibility: hidden; transition:all 0.4s;}
.in_case .main li.active{width: 287px; box-shadow: 0 0 10px rgba(0,0,0,0.2)}
.in_case .main li.active .wai{display: none;}
.in_case .main li.active .show{left: 0; visibility: visible;}
.in_case .main{width: 100%;}
/*我们的优势*/
.in_ys .main li{height: 185px;border: 2px solid #eee;width: 573px;margin-bottom: 30px;float: left;}
.in_ys .main li:nth-of-type(2n){float: right;}
.in_ys .main li .font{padding-left: 140px;margin-left: 28px;height: 88px;margin-top: 35px;width: 360px;}
.in_ys .main li .font.ico1{background: url(../images/in_ys1.png) no-repeat left top;}
.in_ys .main li .font.ico2{background: url(../images/in_ys2.png) no-repeat left top;}
.in_ys .main li .font.ico3{background: url(../images/in_ys3.png) no-repeat left top;}
.in_ys .main li .font.ico4{background: url(../images/in_ys4.png) no-repeat left top;}
.in_ys .main li .font .p1{font-size: 22px; font-weight: bold; color: #333; margin-bottom: 10px;}
.in_ys .main li .font .p2{line-height: 26px;color: #666;}
.in_ys{width: 100%;background: #f9f9f9;padding-bottom: 50px;}
/*合作流程*/
.overHide{overflow:hidden;}
.hs{line-height: 120%;color: #333;margin-bottom: 19px;font-size: 30px;}
.ps{line-height: 28px; color: #999; margin-bottom: 60px; font-size: 16px;}
.cooperate{padding: 60px 0 88px;text-align: center;}
.cooperate .coo_detail{width: 1190px;height: 300px;background-color: #fff;border: 1px solid #e6e6e6;}
.cooperate .coo_detail .coo_list1{width: 147px;height: 228px;color: #fff;padding: 36px 22px;position: relative;text-align: justify;}
.cooperate .coo_detail .coo_list1:after{content: "";width: 7px;height: 284px;top: 8px;right: -7px;position: absolute;}
.cooperate .coo_detail_t .coo_list1{background-color: #4c9aea;}
.cooperate .coo_detail_b .coo_list1{background-color: #3ab28c;}
.cooperate .coo_detail_t .coo_list1:after{background-color: #c2e1f6;}
.cooperate .coo_detail_b .coo_list1:after{background-color: #c4e8dd;}
.cooperate .coo_detail .coo_list1 h3{line-height: 30px;font-size: 26px;}
.cooperate .coo_detail .coo_list1 a{display: inline-block; width: 108px; height: 37px; background: #fff; border-radius: 5px; line-height: 37px; margin-top: 30px; font-size: 16px;}
.cooperate .coo_detail_t .coo_list1 a{color: #01b0f1;}
.cooperate .coo_detail_b .coo_list1 a{color: #00bcd5;}
.cooperate .coo_list1 .coo_l_1{width: 100%;margin: 17px 0;}
.cooperate .coo_list1 .coo_l_1 img{margin-right: 5px;margin-top: 3px;}
.cooperate .coo_list1 .coo_l_1 .imgC{margin-left: 30px;}
.cooperate .coo_list1 .coo_l_1 p{line-height: 25px;margin-bottom: 27px;font-size: 16px;}
.cooperate .coo_detail .coo_list2{padding: 30px;text-align: center;width: 939px;height: 80%;}
.cooperate .coo_list2 .coo_top{margin-top: 42px;}
.cooperate .coo_list2 .coo_top a{display: inline-block; width: 377px; height: 48px; line-height: 48px; font-size: 20px; background-color: #4d9aea; border-radius: 4px; text-align: center; color: #fff;}
.cooperate .coo_detail_b .coo_list2 .coo_top a{background-color: #3ab28c;}
.cooperate .coo_detail .coo_bottom li{position: relative;width: 175px;margin-bottom: 20px;z-index: 1;}
.cooperate .coo_detail .coo_list2 .coo_bottom{margin-top: 45px;margin-left: 37px;}
.cooperate .coo_detail_t .coo_list2 .coo_bottom{color: #333;}
.cooperate .coo_detail_b .coo_list2 .coo_bottom{color: #333;}
.cooperate .coo_detail .coo_bottom .cooI_img{margin-bottom: 10px; z-index: 50;}
.cooperate .coo_detail .coo_bottom .line{height: 1px; background-color: #01b0f1; position: absolute; left: 0; z-index: -1; width: 100%;}
.cooperate .coo_detail_t .coo_bottom .line{background-color: #4d9aea; top: 28px;}
.cooperate .coo_detail_b .coo_bottom .line{background-color: #00bcd5; top: 33px;}
.cooperate .coo_detail_t{margin-top: 60px;}
/*服务企业*/
.self_color{background-color: #f9f9f9;padding:60px 0;text-align: center;}
.company_ser{padding-bottom: 77px;}
.company_ser .hs{color: #333;font-size: 30px;}
.company_ser .hs span{font-size: 48px;color: #1890ff;}
.company_ser .company_img{margin-top: 53px;}