@charset "utf-8"; /* CSS Document */ *{margin:0px;padding:0px;} body{font-size:12px;background:#fff;font-family:"微软雅黑","Arial" !important;min-width:1200px;} div{padding:0px; margin:0px;} span,p{margin:0px; padding:0px;} img{margin:0px; padding:0px;} dl,dt,dd,ol,ul,li{margin:0px; padding:0px; list-style:none;} img{border-right-width:0px; border-top-width:0px; border-bottom-width:0px; border-left-width:0px;} from,input,select{margin:0px; padding:0px;} a{text-decoration:none;color:#333;} .fl{float:left;} .fr{float:right;} .all_bg{max-width:1200px;height:100%;margin:0 auto;width:1200px;} .clear{clear:both;} .wes{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .animated { -webkit-animation-duration:1.5s; -moz-animation-duration:1.5s; -ms-animation-duration:1.5s; animation-duration:1.5s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; animation-fill-mode:both; } /*top*/ .head{ width:100%; height:42px; background:#eaeaea; } .head_left{ width:40%; height:100%; overflow:hidden; } .head_left p{ font-size:15px; color:#999; line-height:42px; } .head_right{ height:100%; overflow:hidden; } .head_right ul{ width:100%; height:100%; } .head_right li{ float:left; font-size:15px; color:#999; } .head_right li a{ font-size:15px; color:#999; line-height:42px; padding:0 10px 0 10px; } .head_right li a:hover{color:#ed6d01;font-weight:bold;} .head_search{ width:324px; height:40px; background:#fff; margin-top:0; } .head_search input{ font-size:15px; color:#666; width:280px; height:38px; float:left; text-indent:12px; border:1px solid #fff; } .submit{ width:42px!important; border:0px solid #fff!important; height:42px!important; float:right!important; background:url(/statics/images/tem/search_submit.png)no-repeat center; } .submit:hover{cursor:pointer;} /*logo*/ .head_logo{ width:100%; height:150px; overflow:hidden; } .logo_left{ width:64%; height:100%; } .logo_left a{ width:100%; height:100%; display:block; overflow:hidden; } .logo_left a img{ margin:36px auto 0; } .logo_right{ width:284px; height:100%; text-indent:64px; background:url(/statics/images/tem/head_phone.png)no-repeat left center; background-position-y:74px; } .logo_right p{ font-size:16px; color:#666; padding-top:46px; } .logo_right span{ display:block; font-size:24px; color:#ed6d01; font-weight:bold; } /*nav*/ .top{ width:100%; height:56px; min-width:1200px; background:url(/statics/images/tem/nav_bg.jpg)no-repeat center; margin:auto; background-size:100% 100%; } .logo{margin-top:10px;} .name{ width:200px; height:32px; line-height:32px; text-align:center; font-size:16px; color:#ed6d01; font-weight:bold; background:#eee; border-radius:50px; margin-top:42px; margin-left:20px; } .nav{ width:1200px; margin:0 auto; } .NavCeshi{ width:100%; height:100%; display:flex; justify-content:space-between; } .nav>ul>li{ float:left; display:block; position:relative; height:56px; width:200px; } .nav ul li>a{ display:block; line-height:56px; color:#fff; font-size:17px; text-align:center; position:relative; z-index:3333; } .nav ul li:hover, .nav ul li.navcurrent{background-color:#ed6d01;} .nav ul li a span{ display:block; font-size:12px; color:#fff; } .nav ul li:after,.nav ul li:after{ content:''; display:block; width:100%; height:38px; position:absolute; top:0px; left:0; opacity:0; filter:alpha(opacity=0); -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out; border-radius:50px; z-index:2222; } .nav ul li.navcurrent:after,.nav ul li:hover:after{ opacity:1; filter:alpha(opacity=100); top:0; } .NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a{ margin:0 auto; color:#fff; } .nav ul li>ul{ -webkit-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; position:absolute; width:200px; border-top:#ed6d01 3px solid; opacity:0;visibility:hidden; transform:translate3d(26px, 10px, 0px); -moz-transform:translate3d(26px, 10px, 0px); -webkit-transform:translate3d(26px, 10px, 0px);z-index:9999; left:-26px; top:54px; } .nav ul li>ul li>a{ background:#ed6d01; -webkit-box-shadow:0 6px 10px rgba(0, 0, 0, .1); box-shadow:0 6px 10px rgba(0, 0, 0, .1); padding:14px 0 14px 0; width:200px; height:20px; line-height:20px; display:block; color:#fff; font-size:16px; text-align:center; border-bottom:1px dashed #f3f3f3; -webkit-transition:none ease-out .3s; transition:none ease-out .3s; -webkit-transition-property:color, background, text-indent, opacity; transition-property:color, background, text-indent, opacity; } .nav ul li>ul li>a:hover{ background:#fff; text-indent:10px; color:#0061e1; } .nav ul li:hover > ul { opacity:1; visibility:visible; transform:translate3d(26px, -6px, 0px); -moz-transform:translate3d(26px, -6px, 0px); -webkit-transform:translate3d(26px, -6px, 0px); -webkit-box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.12); box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.12); -webkit-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .nav ul li ul li{ position:relative;} .nav ul li ul li div{ position:absolute; top:0; left:210px; opacity:0; background:#fff; } .nav ul li>ul li:hover div{opacity:1;} .nav ul li ul li div a{ display:none; width:120px; float:left; text-align:center; line-height:62px; } .nav ul li>ul li:hover div a{display:block; } .nav ul li>ul li:hover div a:hover{ background:#eee; color:#333; } #Zz7{margin-right:-5.5%;} /*banner*/ #flash_bg{ width:100%; margin:0 auto; } .focus{ width:100%; position:relative; left:0; overflow:hidden; } .jqfocus ul,.jqfocus li{ list-style:none; padding:0; margin:0; width:100%; height:100%; } .jqfocus li{display:none} .focus .bg { position:absolute; width:100%; height:30px; left:0; bottom:0; opacity:0.5; filter:alpha(opacity=50); z-index:1; background:none; } .focus .f_btns{ position:absolute; width:100%; height:30px; line-height:30px; left:0; bottom:20px; text-align:center; z-index:2 } .focus .f_btns h2 { color:#fff; font-size:16px; line-height:30px; } .focus .f_btns h2 a{color:#fff;} .focus .f_btns h2 a:hover{text-decoration:none} .focus .f_btns .btn{ text-align:center; height:20px; overflow:hidden; font-size:0; } .focus .f_btns .btn span { display:inline-block; width:16px; height:16px; overflow:hidden; margin:0 10px; background:url(/statics/images/tem/dian.png) no-repeat; cursor:pointer } .focus .f_btns .btn span.cur{ background:url(/statics/images/tem/yuan.png) no-repeat; } .focus .prev { background:url(/statics/images/tem/left.png) no-repeat; position:absolute; top:45%; left:5%; width:40px; height:60px; z-index:3; cursor:pointer } .focus .next { background:url(/statics/images/tem/right.png) no-repeat; position:absolute; top:45%; width:40px; height:60px; right:5%; z-index:3; cursor:pointer; } .jqfocus ul li a{ width:100%; height:100%; display:block; } .jqfocus ul li a img{ width:100%; height:100%; } /*footer*/ .footer{ width:100%; height:414px; margin-top:60px; background:url(/statics/images/tem/footer_bg.jpg)no-repeat center; background-size:100% 100%; color:#fff; } .footer_top{ width:100%; height:230px; padding-top:68px; overflow:hidden; } .footer_nav{ width:180px; height:100%; } .footer_nav_title{ width:100%; height:48px; font-size:18px; background:url(/statics/images/tem/footer_title_bg.png)no-repeat left bottom; background-size:100%; } .footer_nav_title p{ line-height:48px; text-indent:38px; background:url(/statics/images/tem/footer_icon1.png)no-repeat left center; } .footer_nav_list{ width:100%; margin-top:20px; } .footer_nav_list li{ float:left; width:38%; text-align:left; margin-bottom:20px; margin-right:24%; } .footer_nav_list li:nth-child(2n){margin-right:0;} .footer_nav_list li a{ font-size:16px; color:#fff; } .footer_nav_list li:hover a{color:#ed6d01;} .footer_contact{ width:590px; height:100%; margin-left:86px; } .footer_contact_title{ width:100%; height:48px; font-size:18px; background:url(/statics/images/tem/footer_title_bg1.png)no-repeat left bottom; background-size:100%; } .footer_contact_title p{ line-height:48px; text-indent:38px; background:url(/statics/images/tem/footer_icon2.png)no-repeat left center; } .footer_contact ul{ width:100%; margin-top:20px; } .footer_contact li{ float:left; width:40%; text-align:left; font-size:16px; margin-bottom:10px; } .footer_contact li:last-child{ width:100%; margin-bottom:0; margin-top:20px; } .footer_ewm{ width:230px; height:100%; } .footer_ewm_title{ width:100%; height:48px; font-size:18px; background:url(/statics/images/tem/footer_title_bg.png)no-repeat left bottom; background-size:100%; } .footer_ewm_title p{ line-height:48px; text-indent:38px; background:url(/statics/images/tem/footer_icon3.png)no-repeat left center; } .footer_ewm ul{ width:100%; margin-top:20px; } .footer_ewm li{ width:50%; float:left; text-align:center; } .footer_ewm li img{ width:100px; height:100px; } .footer_ewm li p{ font-size:16px; margin-top:20px; } .footer_bottom{ width:100%; height:48px; line-height:48px; margin-top:56px; font-size:16px; } .footer_bottom p{ float:left; } .footer_bottom p a{ color:#fff; padding-left:10px; } .footer_bottom span{ float:right; } .footer_bottom span a{ color:#fff; } .footer_bottom p a:hover{color:#ed6d01;} .footer_bottom span a:hover{color:#ed6d01;}