@charset "utf-8";blockquote,body,button,code,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,iframe,input,legend,li,ol,p,pre,select,td,textarea,th,ul{margin:0;padding:0}li{list-style-type:none}fieldset,frame,iframe,img{border:0 none}
img{vertical-align:top}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
button{cursor:pointer}button,input,textarea{-webkit-border-radius:0;-webkit-appearance:none}
input[type=radio]{-webkit-border-radius:100%;-webkit-appearance:radio}
input[type=checkbox]{-webkit-appearance:checkbox}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;resize:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}th{font-weight:400}address,cite,em,i{font-style:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}body,button,input,select,textarea{color:#333;font-size:14px;font-family:"Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53"}a,a:active,a:link,a:visited{text-decoration:none}a{blr:expression(this.onFocus=this.blur())}:focus{outline:0}@media screen and (max-device-width:320px){body{-webkit-text-size-adjust:none}}@media screen and (max-device-width:480px){body{-webkit-text-size-adjust:none}}@media only screen and (-webkit-min-device-pixel-ratio:2){body{-webkit-text-size-adjust:none}}@media only screen and (min-device-width:763px) and (max-device-width:1023px){body{-webkit-text-size-adjust:none}}
 
.cl,.clear{display:block!important;float:none!important;clear:both;width:auto!important;max-width:none!important;min-width:0!important;max-height:none!important;min-height:0!important;overflow:hidden;margin:0!important;padding:0!important;border:0 none!important;font-size:0!important;line-height:0!important}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:.5}input:-moz-placeholder,textarea:-moz-placeholder{opacity:.5}input::-moz-placeholder,textarea::-moz-placeholder{opacity:.5}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:.5}.MoreMO{display:none}div.more{width:140px;position:relative;overflow:hidden}div.more a{overflow:hidden;color:#000;display:block;width:100%;height:40px;line-height:40px;text-align:center;border:1px solid #000;transition:all .6s cubic-bezier(.785,.135,.15,.86);box-sizing:border-box}div.more a span{display:block;width:100%;height:40px;line-height:40px;text-align:center;transition:all .6s cubic-bezier(.785,.135,.15,.86) .1s;position:relative}div.more a span:after{content:attr(data-tit);position:absolute;height:40px;top:0;left:0;right:0;color:transparent;transition:all .6s cubic-bezier(.785,.135,.15,.86) .2s;transform:translate(0,100%)}div.more a:hover{border:1px solid #c10202}div.more a:hover span{color:transparent;transform:translate(0,-100%)}div.more a:hover span:after{background-color:#c10202;color:#fff}@media only screen and (max-width:1365px){div.more{width:120px}div.more a{height:30px;line-height:30px}div.more a span{height:30px;line-height:30px;font-size:12px}div.more a span:after{height:30px}}@media only screen and (max-width:767px){.MorePC{display:none}.MoreMO{display:inherit}div.more{width:100%}}div.more.other{width:140px}div.more.other a{overflow:hidden;display:inline-block;width:100%;height:40px;line-height:40px;text-align:center;border:1px solid #fff;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;color:#fff;box-sizing:border-box}div.more.other a span{display:block;width:100%;height:40px;line-height:40px;text-align:center;-webkit-transition:all .4s ease-in-out .1s;transition:all .4s ease-in-out .1s;position:relative}div.more.other a span:after{content:attr(data-tit);position:absolute;height:40px;top:0;left:0;right:0;color:transparent;-webkit-transition:all .4s ease-in-out .2s;transition:all .4s ease-in-out .2s;-webkit-transform:translate(0,100%);transform:translate(0,100%)}div.more.other a:hover span{color:transparent;-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}div.more.other a:hover{border:1px solid #c10202}div.more.other a:hover span:after{background-color:#c10202;color:#fff}@media only screen and (max-width:1365px){div.more.other{width:120px}div.more.other a{height:30px;line-height:30px}div.more.other a span{height:30px;line-height:30px}div.more.other a span:after{height:30px}}@media only screen and (max-width:767px){div.more.other{width:100%}}



#first_img { margin-top:100px;}
.header_news .scrollHeader .yapiskan{ position:inherit}
#tow_img { margin-top:100px;}
.header_hd_t {  height:350px;-ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
.header_hd_t dl{text-align:center; width:100%}
.header_hd_t dl dd:first-child {   padding-top: 50px; font-family: "SourceHanSansCN-ExtraLight";    font-size: 40px;  color: #fff;   }
.header_hd_t dl dd:last-child {      color: #cfcfcf; opacity:0.5  }
.header_hd_t dl dd:last-child span{ display: inline-block;   padding-right: 20px;  color: #cfcfcf;}
.header_hd_t dl dd:last-child span i { display: inline-block; position: relative; padding: 15px;}
.header_hd_t dl dd:last-child span i svg { position: absolute;left: 0;  top: 10px;}

.case_con_edit .case_text .xg_case h3 { font-size: 40px; color: #000; font-weight: 100; margin-bottom:0}
.xg_case .about1_title { text-align:left;}
.xg_case .top1 {  padding-top:40px;}

.touch_body .nav_btn{float:left;width:30px;position:relative;height:35px;margin-top:15px;cursor:pointer}
.touch_body .nav_btn span{display:inline-block;width:30px;height:2px;background-color:#fff;position:absolute;top:16px;left:0;-webkit-transition:background-color .3s ease-out .1s;transition:background-color .3s ease-out .1s}
.touch_body .nav_btn span:after{content:'';display:inline-block;width:30px;height:2px;background-color:#fff;position:absolute;top:8px;left:0;-webkit-transition:top .5s ease .4s,-webkit-transform .3s ease-out;transition:top .5s ease .4s,-webkit-transform .3s ease-out;transition:transform .3s ease-out,top .5s ease .4s;transition:transform .3s ease-out,top .5s ease .4s,-webkit-transform .3s ease-out;-webkit-transform:rotate(0);transform:rotate(0)}
.touch_body .nav_btn span:before{content:'';display:inline-block;width:30px;height:2px;background-color:#fff;position:absolute;top:-8px;left:0;-webkit-transition:top .5s ease .4s,-webkit-transform .3s ease-out;transition:top .5s ease .4s,-webkit-transform .3s ease-out;transition:transform .3s ease-out,top .5s ease .4s;transition:transform .3s ease-out,top .5s ease .4s,-webkit-transform .3s ease-out;-webkit-transform:rotate(0);transform:rotate(0)}.touch_body .nav_btn.click span{background-color:transparent}.touch_body .nav_btn.click span:after{-webkit-transition:top .5s ease,-webkit-transform .3s ease-out .4s;transition:top .5s ease,-webkit-transform .3s ease-out .4s;transition:top .5s ease,transform .3s ease-out .4s;transition:top .5s ease,transform .3s ease-out .4s,-webkit-transform .3s ease-out .4s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:0}.touch_body .nav_btn.click span:before{-webkit-transition:top .5s ease,-webkit-transform .3s ease-out .4s;transition:top .5s ease,-webkit-transform .3s ease-out .4s;transition:top .5s ease,transform .3s ease-out .4s;transition:top .5s ease,transform .3s ease-out .4s,-webkit-transform .3s ease-out .4s;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:0}.touch_body .touch_header.header{background:rgba(0,0,0,.8)}.touch_body .header .nav{display:none;position:fixed;top:80px;left:0;bottom:0;right:0;background:rgba(0,0,0,.8);overflow-y:auto}.touch_body .scrollHeader.header .nav{top:60px}

 
.in_case .cs{float:left;width:50%;position:relative;height:0;padding-bottom:20.8%;overflow:hidden}
.in_case .cs>ul{width:100%;height:100%;position:absolute;z-index:1}.in_case .cs>ul li{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;color:#fff}.in_case .cs>ul li a{color:#fff}.in_case .cs>ul li:after{content:"";position:absolute;top:0;right:0;left:0;bottom:0;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.in_case .cs>ul li img{width:100%}.in_case .cs>ul li.active{display:block;z-index:3}.in_case .cs>ul li .p{position:absolute;bottom:12%;left:5%;z-index:1;-webkit-transition:all .4s ease-in-out .3s;transition:all .4s ease-in-out .3s}.in_case .cs>ul li .p h3{font-weight:900;font-size:24px}.in_case_hover{position:absolute;left:0;top:50%;text-align:center;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:9}.in_case_hover *{-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.in_case_hover img{width:20%!important;opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px)}.in_case_hover span{display:block;width:50px;height:3px;background:#c00101;margin:10px auto;opacity:0;-webkit-transform:translateX(200px);transform:translateX(200px)}.in_case_hover p{opacity:0;-webkit-transform:translateY(200px);transform:translateY(200px)}.in_case .cs>ul li:hover:after{background:rgba(0,0,0,.5)}.in_case .cs>ul li:hover .p{opacity:0;-webkit-transition:all 0s ease-in-out;transition:all 0s ease-in-out}.in_case .cs>ul li:hover .in_case_hover img{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.in_case .cs>ul li:hover .in_case_hover span{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.in_case .cs>ul li:hover .in_case_hover p{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.Hcheck{margin-top:10px}.Hcheck span{background:url(../images/case_icon_H.png) no-repeat center center #c00101;border-radius:50%;height:30px;margin-right:6px;display:block;float:left;cursor:pointer}.Hcheck .pc{background-position:0 0;width:30px}.Hcheck .phone{background-position:-30px 0;width:30px}.Hcheck .wechat{background-position:-60px 0;width:30px}.Hcheck .App{background-position:-90px 0;width:30px}.Hcheck .Xcx{background-position:-120px 0;width:30px}@media only screen and (max-width:1200px){.in_case_hover img{width:35%!important}}@media only screen and (max-width:1000px){.in_case_hover img{width:40%!important}}@media only screen and (max-width:767px){.in_case .cs{width:100%;padding-bottom:41.6%}.in_case .cs>ul li .p{bottom:15%;left:4%}.in_case .cs>ul li .p h3{margin-bottom:0;font-size:18px}.in_case_hover span{margin:5px auto}.in_case .cs>ul li .p p{display:none}}.pageWrapper{position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;overflow:hidden}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{z-index:101}


.case_con_edit .case_text{padding:80px 0 80px}
.case_con_edit .case_text .wrap{position:relative}
.case_con_edit .case_text h3{color:#000;font-size:18px;margin-bottom:30px; font-weight:500; padding-left:60px; position:relative}
.case_con_edit .case_text h3::after { display:block; position:absolute; content:""; width:40px; height:1px; left:0; top:11px; background:#000;}
.case_con_edit .case_text h4{color:#333;font-size:24px;margin-bottom:6px}
.case_con_edit .case_text h5{color:#f60;margin-bottom:6px}
.case_con_edit .case_text h5 a{color:#f60;font-size:14px;text-decoration:none}.case_con_edit .case_text h5 a:hover{color:#666;font-size:14px;text-decoration:none}
.case_con_edit .case_text .lycasems{color:#888;line-height:1.5;font-size:14px;margin-bottom:6px;overflow:hidden;}
.case_con_edit .case_text .lycasems img{width:100%; display:block;}
.xqzs{ max-width:1200px; margin:0 auto}
.case_con_edit .case_text .c01_logo{width:40%;overflow:hidden;float:left}.case_con_edit .case_text .c01_logo .caselogo{background:#eee;border-radius:50px 0 0 0;width:100%;text-align:center}.case_con_edit .case_text .c01_logo .caselogo img{height:180px}.case_con_edit .case_text .c01_logo .ly_linkurl{width:100%;overflow:hidden}.case_con_edit .case_text .c01_logo .ly_linkurl a{background:#c10202;width:100%;height:36px;line-height:36px;text-align:center;display:block;font-size:14px;color:#fff;text-decoration:none;letter-spacing:5px}.case_con_edit .case_text .c01_logo .ly_linkurl a:link,.case_con_edit .case_text .c01_logo .ly_linkurl a:visited{color:#fff}.case_con_edit .case_text .c01_logo .ly_linkurl a:hover{background:#333;color:#fff;text-decoration:none}.case_con_edit .case_text .right{width:55%;margin:0 0 0 5%;float:left;overflow:hidden}.case_fixed_img{padding-top:52%;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:100;image-rendering:auto;image-rendering:crisp-edges}

.case_fixed_img .before{position:absolute;left:0;top:0;height:100%;width:14%;background:#fff;-webkit-transform:translateX(0);transform:translateX(0)}
.case_fixed_img .after{position:absolute;right:0;top:0;height:100%;width:14%;background:#fff;-webkit-transform:translateX(0);transform:translateX(0)}

 


.case_footer{height:0;padding-bottom:20%;overflow:hidden;position:relative}.case_footer .left{float:left;width:50%;position:relative}.case_footer .left>img{width:100%}.case_footer .right{float:left;width:50%;position:relative}.case_footer .right>a>img{width:100%}.case_footer .right .p p.fnt_80{letter-spacing:6px}.case_footer .right a{display:block;width:100%;height:100%;position:relative}.case_footer .right a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.case_footer .right a:hover:after{background:rgba(0,0,0,.8)}.case_footer .p h3{font-size:36px;font-weight:400}.case_footer .p h4{font-size:24px;font-weight:400}.case_footer .p h5{font-size:48px;padding-bottom:15px}.case_footer .p{z-index:9;position:absolute;left:20px;right:20px;top:50%;color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center}.case_footer .right .p{top:45%}.case_footer .p a{color:#fff}.case_footer .p .more{margin:0 auto 0;margin-top:40px}.case_footer .p .moreA{display:inherit}.case_footer .p .moreB{display:none}@media (max-width:1439px){.case_footer .p h3{font-size:30px}.case_footer .p h4{font-size:20px}.case_footer .p h5{font-size:40px}}@media (max-width:1279px){.case_con_edit .case_text{padding:60px 0 60px}.case_con_edit .case_text h3{font-size:30px}.case_con_edit .case_text h4{font-size:20px}.case_con_edit .case_text .c01_logo .caselogo{border-radius:40px 0 0 0}.case_footer .p h3{font-size:24px}.case_footer .p h4{font-size:16px}.case_footer .p h5{font-size:36px;padding-bottom:12px}.case_footer .p .more{margin-top:20px}}@media (max-width:1023px){.case_con_edit .case_text{padding:50px 0 50px;width:96%;margin:0 auto}.case_con_edit .case_text h3{font-size:24px}.case_con_edit .case_text h4{font-size:18px}.case_con_edit .case_text .c01_logo .caselogo img{height:150px}.case_con_edit .case_text .c01_logo .caselogo{border-radius:20px 0 0 0}.case_fixed_img{background:center no-repeat;background-size:cover!important}.xg_case ul li{width:49%;margin:0 2% 2% 0;overflow:hidden;float:left}.xg_case ul li:nth-child(2n){margin:0 0 2% 0}.case_footer{padding-bottom:26%}.case_footer .p h3{font-size:18px}.case_footer .p h4{font-size:16px}.case_footer .p h5{font-size:30px}.case_footer .p .more{margin-top:12px}.case_footer .p .moreA{display:none}.case_footer .p .moreB{display:inherit}}@media (max-width:767px){.case_con_edit:first-child{margin-top:50px}.case_con_edit .case_text{padding:30px 0 30px;width:92%;margin:0 auto}.case_con_edit .case_text h3{font-size:20px}.case_con_edit .case_text h4{font-size:16px}.case_con_edit .case_text .c01_logo{width:100%;float:none}.case_con_edit .case_text .c01_logo .caselogo{border-radius:20px 20px 0 0}.case_con_edit .case_text .c01_logo .caselogo img{max-width:60%;height:auto}.case_con_edit .case_text .c01_logo .ly_linkurl a{width:100%;height:30px;line-height:30px}.case_con_edit .case_text .right{width:100%;margin:15px 0 0 0;float:none}.case_footer{height:auto;padding-bottom:0}.case_footer .left{float:none;width:100%}.case_footer .right{float:none;width:100%;padding-bottom:6%}.case_footer .p h5{padding-bottom:6px}}.serly_casebg{background:url(../images/home_casebg_980.jpg);padding:40px 0 40px 0;overflow:hidden;clear:both}.serly_caselist{width:1220px;margin:0 auto;overflow:hidden}.serly_caselist ul{width:100%;overflow:hidden}.serly_caselist li{width:288px;margin:8px;overflow:hidden;float:left}.serly_caselist li .casepic{width:100%}.serly_caselist li .casepic img{width:100%;border:0}@media (max-width:1280px){.serly_caselist{width:98%}.serly_caselist li{width:31.33%;margin:1%}}@media (max-width:979px){.serly_caselist{width:96%}.serly_caselist li{width:46%;margin:2%}}@media (max-width:480px){.serly_caselist li{width:100%}}
/**-----
巴蜀网络 cnbashu.com
电话：18688605008
QQ：120030923
----**/