﻿*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.trans{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
hr{border:none;outline:none}
h1,h2,h3,h3,h4,h5,h6{font-weight:normal}
img{max-width:100%}
body{font-family:"微软雅黑","Microsoft Yahei"}
.wp{width:100%;max-width:1170px;margin:0 auto}
.about{float:left;font-size:16px;line-height:30px;margin-bottom:20px}
.about p{text-indent:2em;color:#5A5A5A}
.aboutimg{max-width:450px;max-height:300px;float:right;padding:10px;overflow:hidden}
.aboutimg img{max-width:400px;max-height:280px;border:5px solid #DCDCDC;border-radius:15px}
a{color:#333}
a:hover{color:#e4392a}
#bd{padding-top:90px}
#hd{height:90px;background:#fff;box-shadow:0px 2px 2px rgba(0,0,0,.3);position:fixed;width:100%;left:0;top:0;z-index:9999;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.fixed{top:-101px !important}
#hd .logo{float:left;margin-right:65px;height:90px}
#hd .logo a{display:block;height:100%;line-height:90px}
#hd .logo a img{display:inline-block;vertical-align:middle}
#nav ul li{float:left;line-height:90px;width:100px;margin-right:10px;cursor:pointer}
#nav ul li a{display:inline-block;width:100%;text-align:center;font-size:16px;border-bottom:3px solid #fff;height:90px}
#nav ul li a:hover{border-bottom:3px solid #e4392a}
#nav ul li .current{border-bottom:3px solid #e4392a}
#hd .tel{margin-left:30px;background:url(../image/tel_bg.png) left center no-repeat;line-height:90px;float:left;padding-left:37px;color:#e4392a;font-size:18px}
#m-hd{display:none}
#m-hd{height:50px;line-height:50px;background-color:#fff;padding:0;position:fixed;width:100%;z-index:999999}
#m-hd img{height:40px;padding:10px 0 0 10px}
.m-trigger{position:absolute;top:0;right:10px;width:50px;color:#fff;text-align:center;font-size:30px;line-height:45px;cursor:pointer;background:url(../image/menu_add.png) center center no-repeat;-webkit-background-size:50px;background-size:25px;height:50px}
.m-nav{display:none;z-index:60;position:absolute;top:50px;width:100%;left:0;background:url(../image/alpha_black_70.png) repeat;text-align:center}
.m-nav li{border-bottom:1px solid #565656;cursor:pointer}
.m-nav a{display:block;font-size:12px;height:40px;line-height:40px;text-align:center;color:#fff;font-size:14px}
.m-nav a:hover,.m-nav a:active{color:#e4392a}
.m-sub{text-align:left;display:none;width:100%}
.m-sub a{border-bottom:none;font-size:13px}
#fd{background:url(../image/fd_bg.png) center top no-repeat;padding-top:75px;width:100%}
.index-fd{margin-top:-31px}
#fd .fd-top{text-align:center;overflow:hidden;color:#fff}
#fd .fd-top a{color:#fff;cursor:pointer}
#fd .fd-top a:hover{color:#e4392a;cursor:pointer}
#fd dl{float:left;width:20%}
#fd dl dt{font-size:16px;padding-bottom:20px}
#fd h5{font-size:16px;color:#a8a8af}
.fd-copy{height:40px;line-height:40px;color:#C5C5C5;background-color:#000022;text-align:center}
.fd-copy a{color:#fff}
.copy-ba{color:#C5C5C5}
.copy-ba a{color:#A3A3A3}
#banner .flexslider{background:none}
#banner .slides li .ban-txt{background:url(../image/ban_k.png) no-repeat}
#banner .slides li .pic{display:block;padding-top:36.4%;background-position:center bottom;position:relative}
#banner .slides li .ban-txt{width:760px;position:absolute;left:50%;margin-left:-380px;top:50%;height:205px;margin-top:-102px;text-align:center}
#banner .flexslider .slides img{max-width:100%;width:auto;display:inline-block;vertical-align:middle}
#banner .flex-control-paging li a{width:40px;height:3px;border-radius:0;background-color:rgba(255,255,255,0.7)}
#banner .flex-control-paging li a.flex-active{background-color:#e4392a}
#banner .flex-control-nav{bottom:80px}
#banner .flex-direction-nav a{background:url(../image/ban_prev.png) no-repeat;width:24px;height:44px;opacity:1;filter:alpha(opacity=100)}
#banner .flex-direction-nav .flex-prev{left:50%;margin-left:-570px}
#banner .flex-direction-nav .flex-next{background-image:url(../image/ban_next.png);right:50%;margin-right:-570px}
#banner .slides li .ban-txt h5{font-size:22px;color:#ABABAB;color:rgba(255,255,255,0.5);margin-top:-5px}
#banner .slides li .ban-txt h2{height:118px;line-height:118px;margin-top:25px;font-size:41px;color:#fff}
#banner{position:relative}
#banner .slides li img{width:100%}
#banner .slides li.s1 img{width:100%}
#banner .slides li.s2 img{width:100%}
#banner .slides li.s3 img{width:100%}
#banner{position:relative}
.banner-bg{background:url(../image/ban_bg.png) center top no-repeat;height:54px;width:100%;position:absolute;left:0;bottom:-30px;z-index:60}
.tit-i{text-align:center;padding:45px 0 20px 0;line-height:36px;overflow:hidden}
.tit-i h3{font-size:30px;color:#002;margin-bottom:10px}
.tit-i h5{font-size:20px;color:#cacace;text-transform:uppercase;font-family:Arial}
.tit-i h5 span{color:#e4392a}
.tit-i em{width:45px;border-bottom:1px solid #7f7f90;display:inline-block}
.ul-icon-i li{float:left;width:25%;text-align:center;padding-bottom:70px;overflow:hidden}
.ul-icon-i li .pad{padding:0 40px;position:relative}
.ul-icon-i li a{display:block}
.ul-icon-i li a span{background:url(../image/i_icon1.png) no-repeat;width:134px;height:134px;display:inline-block;margin-bottom:55px}
.ul-icon-i li h3{font-size:16px;margin-bottom:18px}
.ul-icon-i li em{width:25px;border-bottom:2px solid #707070;display:inline-block;margin-bottom:30px}
.ul-icon-i li p{text-align:left;line-height:24px;font-size:14px}
.ul-icon-i li.li1 a span{background-position:0 0}
.ul-icon-i li.li2 a span{background-position:-305px 0}
.ul-icon-i li.li3 a span{background-position:-615px 0}
.ul-icon-i li.li4 a span{background-position:-930px 0}
.ul-icon-i li .pad .pic{position:absolute;left:50%;top:0;width:134px;margin-left:-67px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.ul-icon-i li .pad .pic img{display:none}
.ul-icon-i li .pad .pic .pic-icon{position:absolute;left:0;top:-134px;display:block}
.ul-icon-i li .pad p{text-indent:2em}
.ul-icon-i li a:hover p{color:#333}
.row2{background:url(../image/bg_1.png) center top no-repeat;padding-top:20px}
.case-i-l,.case-i-r{width:100%}
.case-i-l{float:left;padding-right:15px}
.case-i-r{font-size:14px;line-height:25px}
.case-i-r{float:right;padding-left:15px}
.case-i-r li .pic img{width:100%;display:block;border-radius:15px;transform:perspective(800px) rotateY(0deg);transition:all 1s ease 0s;-moz-transform:perspective(800px) rotateY(0deg);-moz-transition:all 1s ease 0s;-webkit-transform:perspective(800px) rotateY(0deg);-webkit-transition:all 1s ease 0s;-o-transform:perspective(800px) rotateY(0deg);-o-transition:all 1s ease 0s;-ms-transform:perspective(800px) rotateY(0deg);-ms-transition:all 1s ease 0s;zoom:1}
.case-i-r li:hover img{border-radius:15px;transform:perspective(800px) rotateY(-179.9deg);-moz-transform:perspective(800px) rotateY(-179.9deg);-webkit-transform:perspective(800px) rotateY(-179.9deg);-o-transform:perspective(800px) rotateY(-179.9deg);-ms-transform:perspective(800px) rotateY(-179.9deg)}
.case-i-r li .pic h3{margin-top:10px;font-size:18px;color:#252525;font-weight:bold;text-align:center}
.case-i-r li:hover h3{color:#e4392a}
.case-i-r p{text-indent:2em;color:#5A5A5A}
.ul-case-i{margin:0 -15px}
.ul-case-i li{float:left;width:33%;padding:0 15px;margin-bottom:30px;overflow:hidden}
.ul-case-i li a{display:block;position:relative;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.ul-case-i li .pic img{width:100%;display:block}
.ul-case-i li a .hover{position:absolute;left:0;top:-100%;width:100%;height:100%;text-align:center;background:url(../image/alpha_red_80.png) repeat;color:#fff;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.ul-case-i li .hover b,.ul-case-i li .hover .txt,.case-img .hover b,.case-img .hover .txt{display:inline-block;vertical-align:middle}
.ul-case-i li .hover b,.case-img .hover b{width:0;height:100%}
.ul-case-i li a:hover .hover{top:0}
.ul-case-i-1 li{width:25%}
.more-i{text-align:center;padding-bottom:35px}
.more-i a{display:inline-block;width:65px;height:65px;background:url(../image/arr2.png) center center no-repeat #000014;border-radius:100%}
.more-i a:hover{background-color:#e4392a}
.news-bg{background:url(../image/bg_2.jpg) center top no-repeat;overflow:hidden}
.tit-i-1 h3{color:#fff}
.tit-i-1 em{border-bottom-color:#dddde1}
.job{float:left;display:inline-block;width:100%;border-radius:5px;margin-bottom:15px;font-size:16px;line-height:28px;color:#E0E0E0}
.job span.name{background-color:#016FB6;font-size:18px;width:fit-content;padding:0 10px;color:#fff}
.job span.highlight{background-color:#09C;color:#fff}
.hr{height:2px;background:#888888;margin-bottom:25px;margin-top:5px}
.contact-l{width:50%;float:left;padding-left:10px}
.contact-r{width:62%;float:right}
.ul-contact{max-width:400px;margin:auto}
.ul-contact li{background:url(../image/i_icon2.png) no-repeat;padding-left:60px;font-size:14px;margin-bottom:20px;line-height:35px}
.ul-contact li.li1{background-position:0 -178px}
.ul-contact li.li2{background-position:0 -478px}
.ul-contact li.li3{background-position:0 -343px}
.ul-contact li.li4{background-position:0 0}
.map{margin-top:100px;position:relative}
.map em{background:url(../image/arr1.jpg) center top no-repeat;width:100%;height:15px;display:block;position:absolute;left:0;top:0}
.map-s{background:url(../image/map_s.png) center top;height:107px;text-align:center;overflow:hidden}
.map .btn{text-align:center;color:#fff;font-size:18px;line-height:132px;display:inline-block;cursor:pointer}
.map .btn-down{background:url(../image/map_down.png) no-repeat;width:112px;height:48px;display:inline-block;position:absolute;left:50%;top:52px;margin-left:-50px;z-index:99;cursor:pointer}
.row{width:100%;display:none;vertical-align:middle;text-align:center}
.row .ifram{width:100%;display:block;vertical-align:middle;text-align:center}
#map{}
.map-pop{position:absolute;left:0;bottom:0;width:100%;display:none}
.map .map-bg1,.map .map-bg2{background:url(../image/ban_bg_top.png) no-repeat center 0;height:54px;position:absolute;left:0;top:0;width:100%;z-index:66;display:none}
.map .map-bg2{background-image:url(../image/map_bg2.png);height:41px;bottom:0px;top:auto}
.map-pop-big{bottom:auto;top:0}
.map-big{height:600px;margin-top:0}
.flexslider .animated{opacity:0;filter:alpha(opacity=0);opacity:100\9;filter:alpha(opacity=100)\9}
#nav .mycur{color:#e4392a;border-bottom:3px solid #e4392a}
.sub-nav ul li .mycur{background:url(../image/disc.jpg) left center no-repeat;color:#e4392a}
.clear{clear:both;font-size:1px;width:1px;visibility:hidden;margin-top:0px!important;margin-top:-1px;line-height:0}
.clear:after{content:".";display:block;height:0;clear:both}
#updown{_top:expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1));position:fixed;_position:absolute;top:200px;right:30px;display:none;z-index:99999}
#updown span{background:url(../image/top.png) no-repeat;cursor:pointer;width:40px;height:40px;display:block}
#updown .up{background-position:0 0}
#updown .up:hover{background-position:0 -50px}
#updown .down{background-position:0 -100px}
#updown .down:hover{background-position:0 -150px}