ul,li,ol,dt,dd,dl{ list-style-type: none; padding: 0; margin: 0;}
.fl{float:left}
.fr{float:right}
.mf-center{display:block;margin-left:auto;margin-right:auto}
.mf-text-white{color:#fff}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both}
.home{text-align:center;position:relative;width:100%;overflow:hidden;background:url(../images/screen.png)}
.header{width:100%;height:80px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.1);position:fixed;top:0;z-index:999;transition:.4s}
.header .logo{transition:.4s; margin-left: 20px;}
.header .logo img{width:176px;height:56px;transition:.4s}
.header .nav{ margin-top: 15px;transition:.4s;}
.nav ul li{float:left;text-align:center;margin-left:50px;width:auto}
@media screen and (max-width:1000px){.tel{display:none}
}
.nav li a{font-size:15px;color:#999}
.nav li:hover a{color:#fa4e2a}
.nav .active a{color:#0587dc}
.nav .current a{color:#fa4e2a}
.nav-toggle{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:70px;height:55px;float:right;text-indent:-9999px;overflow:hidden;display:block;background:#f43c12 url(http://www.bootcss.com/p/responsive-nav.js/images/hamburger.gif) no-repeat 50% 33%}
.tel{position:absolute;right:20px;color:#fff;font-size:18px;background:#fa4e2a;height:30px;line-height:30px;width:180px;border-radius:15px;text-align:center;font-family:'Julius Sans One',sans-serif;transition:.4s; margin-top: 18px;}
.headFixed{background:#fff;height:59px;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:.4s}
.headFixed .nav{ margin-top: 5px;transition:.4s;}
.headFixed .tel{ margin-top: 5px;transition:.4s;}
.headFixed .logo{}
.headFixed .logo img{width:120px;height:38px;transition:.4s}
.pics_wrap{ margin-top: 80px;}
.logo-x{width:28%;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}
.arrow{position:absolute;bottom:5%;left:50%;margin-left:-11px}
.service .title{background:url(../images/service.png) no-repeat;height:47px;line-height:47px}
.service .title h2{margin-left:256px;font-weight:400;font-size:18px}
.service{margin-top:30px}
.service_bd{margin-top:30px;overflow:hidden}
.service_bd ul{overflow:hidden}
.service_bd li{ height:350px;text-align:center;position:relative; overflow: hidden;}
.service_bd li .wrap{ height: 100%; width:100%;}
.over .wrap{background:#f4f4f4}
.service_bd .over .detail{bottom:0}
.service_bd .over .sinfo{top:30px}
.service_bd .sinfo{width:100%;height:186px;position:absolute;top:70px;left:0;transition:.4s}
.service_bd li h3{margin-top:10px}
.service_bd .detail{width:100%;height:101px;line-height:24px;font-size:14px;color:#fff;position:absolute;left:0;bottom:-101px;transition:.4s}
.service_bd .detail .dwrap{ margin-left: 10px; margin-right: 10px;background:#fa4e2a; height: 100%;}
.service_bd .detail p{margin:0 auto;width:221px;height:51px;padding:10px; padding-top:23px; color:#fff; text-indent: 0;}
.news{margin-top:120px;min-height:180px;background:#2b2c30}
.news-wrap{position:relative}
.news-wrap .line{ padding-top: 20px; padding-bottom: 20px;}
.news .title{width:176px;height:275px;line-height:275px;text-align:center;border:2px #fa4e2a solid;position:absolute;top:-50px; left: 0; z-index:9}
.news h2{color:#fff;font-weight:400;font-size:18px}
.news_bd{color:#fff}
.newslist{margin-top:15px}
.news_bd a{color:#fff}
.date{position:relative;margin-top:50px}
.date i{position:absolute;top:5px;left:80px}
.news_bd .month{font-size:34px}
.news_bd .year{font-size:18px;position:absolute;top:20px;left:105px;width:50px}
.news .more{float:right;margin:55px 57px 0 0}
.more{width:200px;height:50px;background:#fa4e2a;border-radius:10px;line-height:50px;text-align:center;margin:0 auto;font-family:Raleway,sans-serif}
.more a{display:block;width:100%;color:#fff;font-size:20px;font-weight:300}
.case{margin-top:120px}
.case .title{background:url(../images/case.png) no-repeat;height:47px;line-height:47px}
.case .title h2{margin-left:220px;font-weight:400;font-size:18px}
.case_bd{text-align:center; margin-top:10px}
.case_bd ul{overflow:hidden}
.case_bd li{ margin-bottom: 30px; overflow: hidden;}
.case_bd li a { display: block; position: relative; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.case_bd li a:hover .hover { top: 0; }
.case_bd li .pic {border:1px #ccc solid;}
.case_bd li .pic img { width: 100%; display: block; }
.case_bd li a .hover { position: absolute; left: 0; top: -100%; width: 100%; height: 100%; text-align: center; background: url(../images/alpha_red_80.png) repeat; color: #fff; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.case_bd li .hover b, .case_bd li .hover .txts, .case-img .hover b, .case-img .hover .txts { display: inline-block; vertical-align: middle; }
.case_bd li .hover b, .case_bd li .hover b { width: 0; height: 100%; }
.case_bd li a:hover .hover { top: 0; }
.case_bd li .hover .txts p{ margin-top: 15px;}


/*.case_img{overflow:hidden}
.case_bd li img{width:100%;height:auto;transition:all ease-out .3s}
.case_info{ height: 40px; line-height: 40px; background: #f7f7f7;}
.case_bd li h3{font-weight:400;font-size:14px;transition:all .3s ease-out 0s;color:#333}
.case_line{background:#fa4e2a;width:100%;height:5px;margin-top:50px;position:relative}
.case_bd li span{font-size:12px}*/
.case .more{margin-top:77px}





.partner{ padding: 20px 0;  margin-top:30px;background:#eee;text-align:center}
.partner ul{}
.partner li{}
.partner li img{max-height:56px; margin:5px;}
.about{margin-top:50px;text-align:center}
.about .title{background:url(../images/about.png) no-repeat;height:47px;line-height:47px;text-align:left}
.about .title h2{margin-left:200px;font-weight:400;font-size:18px}
.about p{margin-top:30px;font-size:14px}
.about .more{margin-top:54px}
.about .photo{position:relative;height:300px;margin:0 auto;margin-top:66px}
.about .photo_bd{width:760px;margin:0 auto;background:#fff;position:relative;z-index:10}
.about .photo ul{width:700px;height:260px;position:relative;z-index:10;margin:0 auto;left:5px}
.about .photo li{width:388px;height:259px;cursor:pointer}
.about .photo li img{width:100%;height:100%}
.about .lines{width:100%;height:142px;border:2px #fa4e2a solid;position:absolute;top:130px;z-index:9}
.contact{padding:20px 0;background: url(../images/tbg_orange.jpg);;overflow:hidden;z-index: -1;}
.contact .title{background:url(../images/contact.png) no-repeat;height:47px;line-height:47px;text-align:left}
.contact .title h2{margin-left:220px;font-weight:400;font-size:18px;color:#fff}
.contactinfo{color:#fff;float:left}
.contactinfo a{color:#fff}
.contactinfo p a:hover{color:#fa4e2a}
.contactinfo h1{margin-top:50px;font-weight:400;font-size:18px}
.remodal{width:300px!important}
.remodal-confirm{background:#fa4e2a!important;width:100px!important;height:41px!important;line-height:41px!important;padding:0!important;font-size:18px!important;border-radius:10px}
.contactinfo .icon{margin-top:40px;width:100%}
.contactinfo .icon a{margin-right:20px}
.contactinfo #weixin{position:relative}
.contactinfo #weixin span{position:absolute;left:-60px;top:-210px;display:none}
.icon i{ display: inline-block; border-radius:50%;width:35px;height:35px;line-height:35px;text-align:center;font-size:20px!important}
.icon .icon-qq{background:#19b4ed}
.icon .icon-weibo{background:#DD302D}
.icon .icon-wechat{background:#30AF2C}
.contactinfo p{margin-top:15px}
.contactform{float:right;margin-top:15px;color:#fff}
.contactform p{position:relative;margin-bottom:20px;overflow:hidden}
.contactform i{position:absolute;color:#fff;font-size:18px;left:22px;top:7px}
.contactform i.icon-r{left:280px}
.contactform .line{overflow:hidden}
.inputtxt{border:1px #fff solid;width:100%;height:40px;line-height:40px;border-radius:5px;background:0 0;padding-left:38px;color:#fff}
.inputlong{border:1px #fff solid;width:100%;height:40px;line-height:40px;border-radius:5px;background:0 0;padding-left:35px;color:#fff}
textarea.inputtxt{border:1px #fff solid;width:100%;height:150px;border-radius:5px;background:0 0;padding-left:35px}
.inputsub{width:148px;height:41px;background:#fa4e2a;border:none;color:#fff;border-radius:5px;font-size:18px;text-align:center}
.footer{border-top:2px solid #BFBFBF;box-shadow:0 -2px 6px rgba(0,0,0,.1);overflow:hidden;}
.footer p{margin-top:15px}
.subheader{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.case_title h1{font-size:18px;height:34px;background:url(../images/title_bg.png) no-repeat left bottom}
.case_title span{margin-top:5px;display:block}
.case_artticle_context{margin:0 auto;width:1200px;background:#fafafa;text-align:center;padding:40px 10px}
.case_hd{overflow:hidden;margin-top:10px}
.case_hd h1{font-size:18px;font-weight:400}
.case_hd ul{margin-top:15px}
.case_hd li{float:left;font-size:14px;margin-right:15px;height:30px}
.case_hd .on{background:url(../images/dot.png) no-repeat center bottom;border-radius:50%}
.case_hd .on a{color:#fa4e2a}
.case_hd li h2{font-size:14px}
.caseBox .case_bd{margin-top:5px}
.case_banner{background:url(../images/banner-case.jpg) center;height:500px;border-bottom:5px solid #fa4e2a}
.case_web{width:160px;height:45px;position:absolute;top:-22px;display:block;left:50%;margin-left:-80px;color:#fff;font-size:16px;background:#fa4e2a;border-radius:10px;line-height:45px;text-align:center}
.page{overflow:hidden}
.page li{float:left;margin-right:10px;margin-top:20px}
.about_banner{width:100%;height:500px;background:url(../images/banner.png) center;border-bottom:5px solid #fa4e2a}
.news_banner{width:100%;height:500px;background:url(../images/news-banner.jpg)}
.news_artticle h1{font-size:18px}
.news_artticle_context{min-height:600px;font-size:14px;padding:30px 0 50px 0}
.news_context{margin-top:30px;overflow:hidden}
.news_context ul{margin-top:-2px}
.news_context li{width:100%;height:150px;background:#f7f7f7;border-top:2px solid #e5e5e5}
.news_context li:hover{background:#fa4e2a;color:#fff}
.news_context li:hover h3{color:#fff}
.news_context li:hover p{color:#fff}
.news_artticle{border-bottom:5px solid #fa4e2a;padding-bottom:20px}
.news_date{float:left;font-size:72px;width:143px;position:relative}
.news_date span{font-size:14px;position:absolute;top:80px}
.news_context li h3{margin-top:50px;font-size:16px}
.news_context_right{float:left;margin-left:57px;width:1000px}
.news-page{margin-top:0}
.subtitle{width:160px;height:50px;background:#fa4e2a;text-align:center;margin-top:-25px;float:left}
.subtitle h1{font-size:18px;color:#fff;line-height:50px}
.aboutNav{float:right}
.aboutNav a{display:inline-block;width:120px;height:40px;text-align:center;line-height:40px;background:#fa4e2a;color:#fff}
.about_info{clear:both;margin:40px 0 30px 0;overflow:hidden}
.about_info1:hover img{-moz-transform:scale(1.15,1.15);-webkit-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15)}
.about_info4:hover img{-moz-transform:scale(1.15,1.15);-webkit-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15)}
.about_info img{transition:all ease-out .3s}
.about_context{margin-top:40px}
.about_info1{width:795px;height:350px;float:left;overflow:hidden;position:relative}
.about_info p{color:#fff;font-size:14px;padding:20px}
.about_info h3{font-size:22px;color:#fff;padding:20px 20px 0 20px}
.about_info1 p{position:absolute;top:250px;padding:15px}
.about_info2{background:#fa4e2a;width:390px;height:350px;float:right}
.about_info3{background:#fa4e2a;width:390px;height:350px;float:left;margin-top:16px}
.about_info3 h3{margin-top:169px}
.about_info4{width:390px;height:350px;margin:16px 0 0 15px;float:left;overflow:hidden;position:relative}
.about_info4 h3{position:absolute;top:0}
.about_info4 p{position:absolute;top:50px}
.about_info5 h3{margin-top:180px}
.about_info4 h3,.about_info4 p{color:#000}
.about_info5{background:#fa4e2a;width:390px;height:350px;float:right;margin-top:16px}
.btn{display:block;border:none;background:0 0;color:inherit;vertical-align:middle;position:relative;z-index:1;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}
.btn.btn-wapasha{background:#fa4e2a;color:#fff;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s}
.btn-wapasha.btn-inverted{background:#fff;color:#37474f}
.btn-wapasha::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #fa4e2a;z-index:-1;border-radius:inherit;opacity:0;-webkit-transform:scale3d(.6,.6,1);transform:scale3d(.6,.6,1);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1)}
.btn-wapasha.btn-inverted::before{border-color:#7986cb}
.btn-black:hover{background-color:#2b2c30!important}
.btn-wapasha:hover{background-color:#fff}
.btn-wapasha:hover a{color:#fa4e2a}
.btn-wapasha.btn-inverted:hover{background-color:#37474f;color:#7986cb}
.btn-wapasha:hover::before{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}

/*浮动按钮*/
.floaticon {z-index: 99;position: fixed;_position: absolute;right:15px; bottom: 150px;_bottom: "auto";}
.floaticonLogo {opacity: .6;cursor: pointer;}
.backToTop, .olservice, .weixinLogo {width: 50px;height: 50px; margin-bottom: 8px;}
.backToTop { background-image: url(../images/backtotop.png);}
.olservice { background-image: url(../images/olservice.png);}
.weixinLogo {    background-image: url(../images/weixin.png);}
.weixinCode { display: none; position: absolute;z-index: 9999; left: -217px; bottom: -88px; width: 202px; height: 262px; background: url(../images/weixincode.jpg) 0 0 no-repeat; text-align: center;}

/*分页*/
.yc_page{ margin-bottom:20px; text-align:center;}
.yc_page a,.yc_page span{ display:inline-block; padding:5px 15px; margin:2px; border:#eee 1px solid; color:#999; background:#FFF; text-decoration:none; border-radius:5px;}
.yc_page a:hover,.yc_page span.current{ background:#e6e6e6; border-color:#e6e6e6; color:#f30;}