﻿@charset "utf-8";

/* CSS Document */



body { margin: 0; padding: 0; font-size: 12px; line-height: 24px; color: #333; font-family: microsoft yahei; }

img { border: 0 }

ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, hr, img, div, label, span, p, table, tr, td { margin: 0; padding: 0; list-style: none; border: 0; }

a { color: #333333; text-decoration: none; }

a:hover { text-decoration: none; }

a, a::before, a::after { transition: all 0.6s ease 0s; }

.fl { float: left; }

.fr { float: right; }

.clear { clear: both; }

.w1200 { width: 1200px; overflow: hidden; margin: 0 auto; }

@font-face {font-family: "iconfont";

  src: url('iconfont.eot'); /* IE9*/

  src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

  url('iconfont.woff') format('woff'), /* chrome, firefox */

  url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/

  url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */

}

.iconfont {

  font-family:"iconfont" !important;

  font-size:16px;

  font-style:normal;

  -webkit-font-smoothing: antialiased;

  -webkit-text-stroke-width: 0.2px;

  -moz-osx-font-smoothing: grayscale;

}



/*头部*/

.header { widht: 100%; height: 635px; background: url(../images/topbg.jpg) repeat-x; }

.header2 { widht: 100%; height: 435px; background: url(../images/topbg.jpg) repeat-x; }

.top { position: relative; width: 1200px; height: 635px; }

.top2 { position: relative; width: 1200px; height: 435px; }

.header2 .top{position: relative; width: 1200px; height: 435px;}

.logo { position: absolute; top: 0; left: 0; width:150px; height:69.5px; -moz-box-shadow:2px 2px 5px #999; -webkit-box-shadow:2px 2px 5px #999; box-shadow:2px 2px 5px #999;}

.logo img{ width:150px; height:135px;}

.gsm { position: absolute; left: 160px; top: 10px; width:350px; height:33px;}

.ywm { position: absolute; left: 160px; top: 40px; color: #000000; font-size: 15px;letter-spacing: -0.6px; }

.shuohua { position: absolute; left: 530px; top: 5px; width:150px; height:65px; }

.tel { position: absolute; left: 900px; top: 35px; color: #bf0000; font-size: 14px; }

.tel i { font-size: 24px; font-weight: bold; }

.language { position: absolute; right: 10px; top: 5px; color: #bf0000; font-size: 12px; }

.language a { color: #bf0000; padding: 0 5px; }

.language a:hover { color: #666; }

.sousuo { position: absolute; top: 92px; right: 0; width: 170px; height: 22px; }

.sousuo .ss_text { width: 133px; height: 21px; border-right: solid #f8cccc 1px; border-bottom: solid #f8cccc 1px; display: inline-block; float: left; background: 0; color: #eda3a3; font-size: 12px; line-height: 14px; }

.sousuo .ss_btn { width: 36px; height: 22px; background: url(../images/btn-ss.png) center center no-repeat; display: inline-block; cursor: pointer; }

.nav { position: absolute; top: 69px; left: 185px; width: 765px; z-index: 999; }

.nav ul {}

.nav ul li { float: left; }

.nav ul li .nav-a { font-size: 14px; color: #FFF; font-weight: bold; width: 108px; line-height: 66px; text-align: center; display: inline-block; }

.nav ul li .nav-a:hover, .nav ul .hover_menu .nav-a { background-color: #f9e6e6; COLOR: #bf0000; }

.nav ul .mainlevel .submenu { background-color: #FFF; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; position: absolute; padding-bottom: 15px; padding: 20px; display: none; top: 66px; overflow: hidden; }

.nav ul .mainlevel #sub_03 dl { float: left; padding: 20px 20px 20px 0; }

.nav ul .mainlevel #sub_03 dl dt, .nav ul .mainlevel #sub_03 dl dd { width: 100%; border-bottom: solid #d2d2d2 1px; height: 35px; line-height: 35px; color: #505050; font-size: 14px; }

.nav ul .mainlevel #sub_03 dl dt a, .nav ul .mainlevel #sub_03 dl dd a { color: #666666; }

.nav ul .mainlevel #sub_03 dl dt a:hover, .nav ul .mainlevel #sub_03 dl dd a:hover { color: #bf0000; }

.nav ul .mainlevel #sub_03 #one1 { width: 115px; }

.nav ul .mainlevel #sub_03 #one2 { width: 130px; }

.nav ul .mainlevel #sub_03 #one3 { width: 128px; }
.nav ul .mainlevel div #one4 { width: 178px; }

.nav ul .mainlevel #sub_03 dl dt { font-weight: bold; }

.nav ul .mainlevel #sub_03 .nav-img { float: right; width: 275px; height: 250px; padding: 20px 0; }

.nav ul .mainlevel #sub_03 .nav-img img { display: block; text-align: center; width: 275px; height: 199px; }

.nav ul .mainlevel #sub_03 .nav-img i { font-style: normal; font-size: 14px; color: #505050; padding-top: 20px; display: block; }

#sub_03 { LEFT: 38px; width: 910px; }

#sub_02 { LEFT: 0px; width: 600px; }

#sub_04 { LEFT: 270px; width: 400px; }

#sub_05 { LEFT: 0px; width: 1000px; }
.nav ul .mainlevel #sub_02 dl { width: 179px; float: left; display: inline; padding: 20px 0; margin: 0px 10px; }

.nav ul .mainlevel #sub_02 dl dt { width: 179px; height: 119px; overflow:hidden; position: relative; }

.nav ul .mainlevel #sub_02 dl dt i{ width:179px; height:119px; overflow:hidden;}

.nav ul .mainlevel #sub_02 dl dt i img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

.nav ul .mainlevel #sub_02 dl:hover dt i img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }

.nav ul .mainlevel #sub_02 dl .nav_touming { width: 179px; height: 25px; position: absolute; left: 0; bottom: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.nav ul .mainlevel #sub_02 dl a p { text-align: center; color: #333333; position: absolute; width: 179px; height: 25px; line-height: 25px; left: 0; bottom: 0; z-index: 109; font-size: 14px; }

.nav ul .mainlevel #sub_02 dl:hover a p{ color:#ff0000;}

.nav ul .mainlevel #sub_02 dl dd { padding-top: 10px; line-height: 21px; font-size: 13px; color: #555555; }


.nav ul .mainlevel #sub_04 dl { width: 179px; float: left; display: inline; padding: 20px 0; margin: 0px 10px; }

.nav ul .mainlevel #sub_04 dl dt { width: 179px; height: 119px; overflow:hidden; position: relative; }

.nav ul .mainlevel #sub_04 dl dt i{ width:179px; height:119px; overflow:hidden;}

.nav ul .mainlevel #sub_04 dl dt i img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

.nav ul .mainlevel #sub_04 dl:hover dt i img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }

.nav ul .mainlevel #sub_04 dl .nav_touming { width: 179px; height: 25px; position: absolute; left: 0; bottom: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.nav ul .mainlevel #sub_04 dl a p { text-align: center; color: #333333; position: absolute; width: 179px; height: 25px; line-height: 25px; left: 0; bottom: 0; z-index: 109; font-size: 14px; }

.nav ul .mainlevel #sub_04 dl:hover a p{ color:#ff0000;}

.nav ul .mainlevel #sub_04 dl dd { padding-top: 10px; line-height: 21px; font-size: 13px; color: #555555; }


.nav ul .mainlevel #sub_05 dl { width: 179px; float: left; display: inline; padding: 20px 0; margin: 0px 10px; }

.nav ul .mainlevel #sub_05 dl dt { width: 179px; height: 119px; overflow:hidden; position: relative; }

.nav ul .mainlevel #sub_05 dl dt i{ width:179px; height:119px; overflow:hidden;}

.nav ul .mainlevel #sub_05 dl dt i img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

.nav ul .mainlevel #sub_05 dl:hover dt i img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }

.nav ul .mainlevel #sub_05 dl .nav_touming { width: 179px; height: 25px; position: absolute; left: 0; bottom: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.nav ul .mainlevel #sub_05 dl a p { text-align: center; color: #333333; position: absolute; width: 179px; height: 25px; line-height: 25px; left: 0; bottom: 0; z-index: 109; font-size: 14px; }

.nav ul .mainlevel #sub_05 dl:hover a p{ color:#ff0000;}

.nav ul .mainlevel #sub_05 dl dd { padding-top: 10px; line-height: 21px; font-size: 13px; color: #555555; }
/*banner*/

.banner { width: 100%; min-width: 1200px; height: 500px; position: absolute; left: 0; top: 135px; display: block; overflow: hidden; }

.banner2 { background: url(../images/banner_show.jpg) center top no-repeat; position: absolute; left: 0; top: 135px; width: 100%; height: 300px; display: block; min-width: 1200px; }

.slides { position: relative; z-index: 1; width: 100%; height: 500px; }

.slides li { height: 500px; }

.slides li a { display: block; width: 100%; height: 100%; text-align: left; text-indent: -9999px }

.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; left: 44%; text-align: center; }

.flex-control-nav li { display: inline-block; width: 14px; float: left; height: 14px; margin: 0 7px; *display:inline;

zoom: 1; }

.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer; }

.flex-control-nav .flex-active { background-position: 0 0; }

/*服务*/

.idx_ttl h2 { background: url(../images/bg-idx_ttl.jpg) center bottom no-repeat; width: 100%; height: 73px; font-size: 18px; color: #e00b00; font-weight: bold; text-align: center; line-height: 24px; padding-top: 15px; }

.idx_ttl h2 span { font-size: 20px; color: #333333; font-weight: bold; display: block; padding-top:15px; }

.idx_ttl p { text-align: center; color: #555555; padding-top: 8px; }

.servers { background-color: #f5f5f5; width: 100%;}

.servicesBox { width: 1200px; height: 321px; margin: 0 auto; clear: both; line-height: 22px; color: #666666; font-size: 16px; padding-top: 20px; padding-bottom:35px; }

.servicesBox .serBox { cursor: pointer; display: inline; width: 365px; height: 321px; float: left; overflow: hidden; background-color: #FFFFFF; position: relative; }

.servicesBox .serBoxOn { font-family: "微软雅黑"; display: none; width: 365px; height: 321px; background-color: #e00b00; position: absolute; left: 0px; top: 0px; z-index: 19; }

.servicesBox .serBox .pic1 { width: 101px; height: 97px; text-align: center; position: absolute; top: 52px; right: 133px; z-index: 99; }

.servicesBox .serBox .pic2 { width: 101px; height: 97px; text-align: center; position: absolute; top: 52px; left: -101px; z-index: 99; }

.servicesBox .serBox .txt1 { width: 365px; height: 115px; color: #333333; position: absolute; top: 175px; left: 0px; z-index: 99; text-align: center; }

.servicesBox .serBox .txt2 { width: 365px; height: 115px; position: absolute; top: 175px; right: -640px; z-index: 99; text-align: center; }

.servicesBox .serBox .txt2 a { color: #ffffff; }

.servicesBox .serBox span.tit { font-size: 20px; display: block; text-align: center; }

.servicesBox .serBox .txt1 .tit { color: #333333; line-height: 30px; }

.servicesBox .serBox .txt2 .tit { color: #fff; line-height: 30px; font-family: "微软雅黑"; }

.servicesBox .serBox p { padding-top: 25px; text-align: center; }

#Div36, #Div37 { margin-left: 52.5px; }

/*关于我们*/

.aboutus { background: url(../images/bg-gywm.jpg) center top no-repeat; width: 100%; height: 695px; }

.aboutus .w1200 { position: relative; height: 695px; }

.aboutcons { background: url(../images/bg-aboutus.jpg) right top no-repeat; width: 517px; height: 440px; position: absolute; top: 120px; right: 2px; }

.idx_imgabout { padding-top: 30px; text-align: center; }

.idx_imgabout ul{ overflow:hidden; padding-left:20px;}

.idx_imgabout ul li{ width:148px; height:100px; position:relative; float:left; display:inline; margin-left:8px; overflow:hidden;}

.idx_imgabout ul li i{ width:148px; height:100px; display:block; overflow:hidden;}

.idx_imgabout ul li i img { width:148px; height:100px; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

.idx_imgabout ul li:hover i img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }

.idx_imgabout ul li .nav_touming { width: 148px; height: 25px; position: absolute; left: 0; bottom: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.idx_imgabout ul li p { text-align: center; color: #333333; position: absolute; width: 148px; height: 25px; line-height: 25px; left: 0; bottom: 0; z-index: 109; font-size: 14px; }

.idx_imgabout ul li:hover p{ color:#ff0000;}

.idx_about_txt { width: 460px; margin: 0 auto; font-size: 14px; line-height: 26px; color: #333333; text-indent: 2em; padding-top: 20px; }

.idx_about_txt a { font-size: 12px; color: #777777; }

.idx_about_txt a:hover { color: #da0000; }

.idx_video { position: absolute; left: 1px; top: 68px; width: 680px; height: 544px; }

/*产品展示+电控系统优势*/

.bg_cp { background: url(../images/bg-cp.jpg) left top repeat-y; }

.bg_cp .w1200 { padding-top: 18px; padding-bottom:40px; }

.cplist { overflow: hidden }

.cplist li { background-color: #e6e6e6; float: left; display: inline; width: 280px; height: 411px; margin-left: 25px; }

.cplist li.mgl0 { margin-left: 0; }

.cplist li i { width: 262px; height: 265px; overflow: hidden; display: block; margin: 9px; }

.cplist li h2 { color: #da0000; text-align: left; font-size: 14px; padding: 0px 10px; height: 21px; line-height: 21px; overflow: hidden; }

.cplist li p { color: #666666; text-align: left; font-size: 13px; padding: 5px 10px; line-height: 23px; overflow: hidden; }

.cplist li:hover { background-color: #e00b00; transition:all 0.7s ease 0s; }

.cplist li:hover h2, .cplist li:hover p { color: #FFF; }

.cplist li i img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

.cplist li:hover i img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }

/*五大优势*/

.con_ys { background: url(../images/ysbg.jpg) center top no-repeat; width: 100%; height: 550px; min-width: 1200px; display: block; }

.con_ys .w1200 { position: relative; width: 1200px; height: 550px; }

.con_ys .bg_ys01 { display: block; height: 410px; left: 89px; position: absolute; top: 70px; width: 270px; z-index: 100; }

.bg_ys01_content { background-image: url("../images/wk_bkv2.png"); border: 0 solid transparent; display: block; height: 410px; padding: 0; width: 270px; word-wrap: break-word; }

.ysttl { height: 83px; left: 93px; position: absolute; top: 153px; width: 262px; z-index: 101; text-align: center; }

.ysttl h2 { color: #e20811; font-size: 34px; line-height: 140%; }

.ysttl span { color: #ffffff; display: block; font-size: 16px; }

.ys_ttl03 { height: 93px; left: 0; position: absolute; top: 384px; width: 328px; z-index: 102; text-align: right; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; line-height: 26px; }

.ys_btn { height: 40px; left: 169px; position: absolute; top: 271px; width: 120px; z-index: 103; border: 0 solid transparent; }

.ys_btn a { height: 40px; left: 0; display: block; text-align: center; line-height: 40px; top: 0; width: 120px; background-color: rgba(48, 52, 64, 1); }

.ys_btn a span { color: #e20811; font-size: 14px; transition: all 0.8s ease 0s; white-space: nowrap; }

.ys_btn a:hover { background-color: #e20811; }

.ys_btn a:hover span { color: #ffffff; }

.ys_jiantou { height: 40px; left: 289px; position: absolute; top: 271px; width: 40px; z-index: 104; text-align: center; }

.ys_jiantou a { display: block; background-color: #e20811; color: rgba(48, 52, 64, 1); line-height: 40px; font-family: "宋体"; font-size: 20px; }

.ys_body { width: 620px; height: 400px; position: absolute; top: 80px; left: 565px; }

.ys_body #slides1 { height: 400px; }

.slides1_wrap { width: 620px; height: 400px; position: relative; }

.slides1_wrap .prev { position: absolute; left: 120px; top: 350px; outline: 0; }

.slides1_wrap .next { position: absolute; right: 380px; top: 350px; outline: 0; }

.slides1_wrap a:active { top: 352px; }

.auto_controls, .bx_pager { display: none; }

.ys_body ul li { width: 620px; height: 400px; overflow: hidden; }

.ysli { overflow: hidden; margin: 35px 0px; }

.ys_body ul li .ys_icon { width: 70px; height: 70px; background: url(../images/t3_s74v.png) left top no-repeat; display: inline-block; float: left; }

.ys_body ul li .ys_icon span { width: 60px; height: 60px; background-color: #e20811; border-radius: 50%; display: block; margin: 5px; text-align: center; }

.ys_body ul li .ys_icon span.iconfont { font-size: 32px; color: #FFFFFF; line-height: 60px; }

.ys_body ul li .ys_iconzs span.iconfont{ font-size: 50px;}

.ys_litxt { width: 500px; float: right; }

.ys_litxt h3 { font-size: 18px; line-height: 140%; color: #e20811; }

.ys_litxt span { font-size: 14px; line-height: 120%; color: #969696; }

.ys_litxt p { font-size: 14px; line-height: 140%; color: #b3b3b3; padding-top: 6px; }

/*规模展示*/

.guimo { background: url(../images/bg-guimo.jpg) center bottom no-repeat; width: 100%; height:580px; }

.guimo .w1200 { position: relative; height: 540px; padding-top: 40px; }

.guimo .guimo_lt { width: 414px; float: left; }

.guimo .guimo_md { width: 360px; float: left; display: inline; margin-left: 6px; }

.guimo .guimo_rt { width: 413px; float: right; }

.guimo_ttl { width: 414px; height: 73px; background-color: #b70910; display: block; text-align: center; line-height: 73px; font-size: 20px; color: #ffffff; }

.guimo_ttl a,.guimo_ttl2 a{ display:block; color: #ffffff;}

.mgt5 { margin-top: 5px; }

.ic_container { vertical-align: baseline; position: relative; }

.overlay { opacity: 0.4; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);

}

.ic_caption { position: absolute; opacity: 0.4; overflow: hidden; margin: 0px; padding: 0px; left: 0px; right: 0px; cursor: default; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);

}

.ic_category { height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #FFF; }

.guimo_ttl2 { width: 360px; height: 163px; background-color: #b70910; text-align: center; color: #FFF; margin: 5px 0; }

.guimo_ttl2 h2 { font-size: 24px; padding-top: 35px; }

.guimo_ttl2 p { font-size: 14px; line-height: 22px; padding-top: 6px; }

/*华力知识*/

.zhishi { width: 100%; background-color: #f1f1f1; padding-bottom:35px;}

.zhishi .w1200 { padding-top:20px; }

.newsw { width: 837px; float: left; }

.huand { width: 363px; height: 379px; float: right; overflow: hidden; position: relative; margin-top: 2px; }

.news { width: 821px; height: 226px; display: block; background-color: #FFF; border: 1px solid #d6d6d6; border-radius: 1px; box-shadow: 0 0 5px #e6e6e6; overflow: hidden; }

.news i { float: left; width: 239px; display: inline-block; margin-left: 15px; margin-top: 20px; }

.news ul { float: right; height: 179px; overflow: hidden; width: 538px; display: inline; margin-right: 13px; padding-top: 25px; }

.news ul li, .guandian_cons ul li { overflow: hidden; height: 29px; line-height: 29px; border-bottom: dashed #dddddd 1px; }

.news ul li span { float: right; width: 100px; text-align: right; color: #aaaaaa; font-size: 12px; }

.news ul li a { font-size: 12px; color: #333333; font-weight: bold; width: 415px; height: 29px; overflow: hidden; }

.news ul li a b, .guandian_cons ul li a b { color: #b70910; }

.news ul li:hover, .guandian_cons ul li:hover { background-color: #ececec; }

.guandian { width: 821px; height: 140px; display: block; background-color: #FFF; border: 1px solid #d6d6d6; border-radius: 1px; box-shadow: 0 0 5px #e6e6e6; overflow: hidden; margin-top: 12px; }

.guandian h2 { font-size: 16px; color: #b70910; padding: 12px 0px 5px 15px; font-weight: normal; }

.guandian_cons { width: 384px; overflow: hidden; }

.guandian .fl { padding-left: 15px; }

.guandian .fr { padding-right: 15px; }

.guandian_cons i { width: 91px; height: 74px; display: inline-block; background-color: #b70910; font-style: normal; color: #FFF; font-size: 16px; line-height: 22px; float: left; margin-top: 8px; }

.guandian_cons:hover i { background-color: #666666; }

.guandian_cons i p { text-align: center; padding-top: 15px; }

.guandian_cons ul { float: right; width: 277px; height: 86px; overflow: hidden; }

.guandian_cons ul li a { font-size: 12px; color: #333333; font-weight: bold; width: 277px; height: 29px; overflow: hidden; }

.flashlist { width: 363px; height: 379px; }

.flashlist .f_out { width: 363px; height: 379px; overflow: hidden; z-index: 100; }

.touming { height: 84px; background-color: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; position: absolute; bottom: 0; left: 0; width: 363px; z-index: 999; }

.flashlist .f_out .picintro { height: 84px; position: absolute; bottom: 0; left: 0; width: 323px; z-index: 1099; padding: 0 20px; }

.picintro h2 { height: 37px; overflow: hidden; }

.picintro h2 a { color: #e00b00; font-family: "微软雅黑"; font-size: 20px; font-weight: bold; line-height: 37px; }

.picintro p { color: #FFF; line-height: 18px; font-size: 14px; height: 36px; overflow: hidden; }

.flash_tab { height: 14px; position: absolute; bottom: 10px; right: 0; z-index: 9999; }

.flash_tab .tabs { width: 100px; height: 14px; overflow: hidden; margin: auto; }

.flash_tab .tabs ul li { width: 14px; height: 14px; float: left; display: inline-block; margin-left: 8px; }

.flash_tab .tabs ul li a { width: 14px; height: 14px; background-color: #979797; display: block; }

.flash_tab .tabs ul li.noopdiv a { background-color: #eeeeee; }

/*底部*/

.footer { width: 100%; height: 320px; background-color: #b70910; }

.footer .w1200 { background: url(../images/mapbg.png) left top no-repeat; padding-top: 25px; }

.footer .w1200 .foot-nav { float: left; position: relative; color: #FFF; width: 920px; height: 175px; }

.footer .w1200 .foot-nav .ft-nav01 { position: absolute; left: 0; top: 0; }

.footer .w1200 .foot-nav .ft-nav02 { position: absolute; left: 90px; top: 0; }

.footer .w1200 .foot-nav .ft-nav03 { position: absolute; left: 180px; top: 0; }

.footer .w1200 .foot-nav h3 { display: block; border-bottom: solid #b5b5b5 1px; font-size: 16px; font-weight: bold; }

.footer .w1200 .foot-nav .ft-nav01 { width: 60px; }

.footer .w1200 .foot-nav .ft-nav02 { width: 68px; }

.footer .w1200 .foot-nav .ft-nav03 { width: 750px; }

.footer .w1200 .foot-nav p { padding-top: 7px; font-size: 14px; }

.footer .w1200 .foot-nav p a { display: block; line-height: 26px; color: #FFF; }

.footer .w1200 .foot-nav p a:hover { color: #e28488; }

.ft-nav03 p { float: left; display: inline; margin-right: 22px; }

.ft-ewm { width: 250px; float: right; text-align: center; }

.ft-tel { background: url(../images/ft-tel.png) left center no-repeat; padding-left: 40px; height: 45px; line-height: 45px; font-size: 30px; color: #FFF; text-align: left; width: 210px; }

.ft-txt { color: #FFF; font-size: 12px; padding-top: 25px; }

/*关于我们*/

.website { width: 100%; height: 47px; display: block; background-color: #f6f6f6; }

.website_ttl { background-color: #ff0000; height: 47px; display: block; width: 50%; right: 50%; margin-left: -380px; overflow: hidden; }

.website_ttl h2 { width: 220px; float: right; text-align: center; font-size: 18px; line-height: 47px; color: #FFF; font-weight: bold; }

.weizhi { width: 50%; left: 50%; margin-right: 310px; line-height: 47px; font-size: 14px; color: #999999; }

.weizhi p { background: url(../images/bg_sitebg.jpg) left center no-repeat; padding-left: 17px; }

.weizhi p a { color: #999999; }

.conlt { width: 220px; margin-bottom:40px;}

.conrt { width: 910px; margin-bottom:40px;}

.conlt_nav { background-color: #f6f6f6; padding-bottom: 27px; }

.menu_head{ width: 220px; height: 39px; line-height: 39px; font-size: 14px; color: #777777; cursor: pointer; position: relative; margin: 0px; font-weight: bold; background:url(../images/pro_left.png) center right no-repeat; text-align:center; }

.menu_head a{ color:#777777;}

.conlt_nav a.aa{ display:block;}

.conlt_nav .current a.aa{ color:#FFFFFF;}

.conlt_nav .current { background:url(../images/pro_down.png) center right no-repeat; color: #ffffff;  }

.menu_body { width: 220px; height: auto; overflow: hidden; line-height: 38px; backguound: #f6f6f6; padding:10px 0;}

.menu_body a {  display: block; padding-left:74px; font-size:14px; width:146px; height: 32px; line-height: 32px; color: #777777; background: #f6f6f6;}

.menu_body a:hover,.menu_body a.hover{ color:#ff6e6e;}



.conlt_tel { background: url(../images/bg_conlt-tel.jpg) left top no-repeat; width: 220px; height: 110px; margin-top: 10px; display: block; }

.conlt_tel p { color: #FFF; padding-left: 60px; font-size: 20px; padding-top: 71px; line-height: 39px; }

.ttl_about { padding-top: 50px; height: 70px; background: url(../images/bg_conrt-ttlbg.jpg) center bottom no-repeat; }

.ttl_about p { font-size: 15px; color: #cfcfcf; text-align: center; line-height: 16px; }

.ttl_about h1 { font-size: 17px; color: #565656; text-align: center; padding-top: 15px; line-height: 18px; font-weight: normal; }

.cons_about { padding-top: 10px; margin-bottom: 40px; }

.cons_about p, .cons_about div { padding-top: 18px; font-size: 14px; line-height: 30px; color: #333333; }

/*企业精神*/

.cons_qyjs { padding-top: 50px;}

.cons_qyjs ul { background-color: #f5f5f5; width: 100%; }

.cons_qyjs ul li { width: 850px; margin: 0 auto; overflow: hidden; padding: 30px 0; border-bottom: dashed #d6d6d6 1px; }

.cons_qyjs ul li i { width: 255px; height: 141px; padding: 5px; border: solid #ccc 1px; }

.cons_qyjs ul li i img { width: 255px; height: 141px; }

.cons_qyjs ul li i.fl { margin-right: 55px; }

.cons_qyjs ul li p { float: left; color: #777777; font-size: 18px; line-height: 26px; padding-top: 25px; }

.cons_qyjs ul li p b { color: #ff0000; font-size: 24px; display: block; padding-bottom: 15px; }

/*企业活动*/

.cons_qyhd { padding-top: 50px; }

.cons_qyhd ul { overflow: hidden; }

.cons_qyhd ul li { width: 209px; float: left; display: inline; margin-right: 18px; margin-bottom: 25px; }

.cons_qyhd ul li.mgn0 { margin-right: 0; }

.cons_qyhd ul li i { width: 201px; height: 145px; display: block; overflow: hidden; padding: 3px; border: solid #dcdcdc 1px; }

.cons_qyhd ul li h2 a { color: #454545; font-size: 14px; line-height: 26px; }

.cons_qyhd ul li h2{ height:26px; overflow:hidden;}

.cons_qyhd ul li p { color: #666; font-size: 14px; line-height: 16px; }

.cons_qyhd ul li:hover i { border-color: #ff8080; }

.cons_qyhd ul li i img { width: 201px; height: 145px; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

.cons_qyhd ul li:hover i img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }

.cons_qyhd ul li:hover h2 a { color: #ff0000; }

/*企业环境*/

.cons_qyhj { padding-top: 50px;}

.menubox02 ul { overflow: hidden; height: 56px; border-left: solid #dddddd 1px; }

.menubox02 ul li { width: 226px; display: inline-block; height: 54px; border: solid #dddddd 1px; margin-left: -1px; display: inline; text-align: center; float: left; line-height: 54px; }

.menubox02 ul li#one1 { margin-left: 0; }

.menubox02 ul li a { font-size: 16px; color: #333333; display: block; }

.menubox02 ul li.hover { background-color: #ff0000; }

.menubox02 ul li.hover a { color: #FFF; }

.Contentbox02 { padding-top: 10px; width:847px; background-color:#f5f5f5; padding-bottom:20px; padding-left:32px; padding-right:31px; overflow:hidden;}

.cf_wrap { width: 847px; margin: 0 auto; overflow: hidden; }

.content { max-width: 847px; margin: 0 auto; }

.gallery a {display: inline-block; overflow: hidden; float:left;}

.gallery .a1 img{ width: 847px; height: 288px; display: block; overflow: hidden; margin: 10px auto 0px auto; }

.gallery .a2 img,.gallery .a3 img,.gallery .a4 img,.gallery .a5 img,.gallery .a6 img,.gallery .a7 img,.gallery .a8 img,.gallery .a9 img,.gallery .a10 img,.gallery .a11 img,.gallery .a12 img,.gallery .a13 img,.gallery .a14 img,.gallery .a15 img,.gallery .a16 img,.gallery .a17 img,.gallery .a18 img,.gallery .a19 img,.gallery .a20 img,.gallery .a21 img,.gallery .a22 img{ float: left; height: 178px; display: inline; margin-top: 10px; }

.gallery .a2 img,.gallery .a9 img,.gallery .a16 img{ width: 220px; }

.gallery .a3 img,.gallery .a10 img,.gallery .a17 img{ width: 314px; margin-left: 8px; }

.gallery .a4 img,.gallery .a11 img,.gallery .a18 img{ width: 297px; margin-left: 8px; }

.gallery .a5 img,.gallery .a12 img,.gallery .a19 img{ width: 478px; }

.gallery .a6 img,.gallery .a13 img,.gallery .a20 img{ width: 361px; margin-left: 8px; }

.gallery .a7 img,.gallery .a14 img,.gallery .a21 img{ width: 296px;}

.gallery .a8 img,.gallery .a15 img,.gallery .a22 img{ width: 543px; margin-left: 8px; }

/*联系我们*/

.cons_lxwm { width: 898px; height: 493px; padding: 5px; border: solid #cccccc 1px; position: relative; margin: 50px 0 40px 0; }

.conrt_lxwmtxt { position: absolute; z-index: 999; width: 372px; height: 284px; display: block; border: solid #FFF 5px; right: 20px; top: 20px; background-color: #007cc3; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

}

.conrt_lxwmtxt h1 { color: #ffc800; font-size: 21px; font-weight: bold; width: 285px; margin: 0 auto; padding-top: 20px; line-height: 30px; }

ul.list_lxwm { background: url(../images/icon.png) left top no-repeat; color: #FFF; width: 285px; margin: 10px auto 0 auto; }

ul.list_lxwm li { padding-left: 30px; line-height: 22px; height: 22px; margin-bottom: 18px; font-size: 14px; }

ul.list_lxwm li span.span_dz { display: inline-block; float: left; width: 210px; }

/*我们的服务*/

.cons_fw, .cons_jsys { width: 910px; background-color: #f5f5f5; margin: 50px 0 40px 0; padding-top: 30px; }

.cons_fw h2, .cons_jsys h2 { font-size: 20px; color: #000000; line-height: 42px; text-align: center; font-weight: normal; }

.cons_fw p, .cons_jsys p { font-size: 14px; line-height: 28px; color: #ff0000; text-align: center; }

.cons_fw ul li, .cons_jsys ul li { padding: 50px 34px; border-bottom: dashed #999999 1px; overflow: hidden; }

.cons_fw ul li.noborder, .cons_jsys ul li.noborder { border-bottom: 0; }

.cons_fw ul li i { width: 170px; height: 170px; display: inline-block; }

.cons_fw ul li p { width: 620px; display: inline-block; color: #777; font-size: 14px; line-height: 30px; text-align: left; }

.cons_fw ul li p b { display: block; color: #000000; font-size: 20px; padding-bottom: 8px; }

/*技术优势*/

.cons_jsys dl { width: 620px; overflow: hidden; }

.cons_jsys dl dt { display: block; font-size: 20px; line-height: 36px; }

.cons_jsys dl dd { font-size: 14px; line-height: 30px; color: #777777; }

.cons_jsys dl dd.dd235, .cons_jsys dl dd.dd385, .cons_jsys dl dd.dd300, .cons_jsys dl dd.dd320 { float: left; display: inline; }

.cons_jsys dl dd.dd235 { width: 235px; }

.cons_jsys dl dd.dd385 { width: 385px; }

.cons_jsys dl dd.dd300 { width: 300px; }

.cons_jsys dl dd.dd320 { width: 320px; }

/*新闻列表*/

.cons_news ul { padding: 35px 0; }

.cons_news ul li{ background:url(../images/icon_newslist.jpg) left center no-repeat; height: 45px; line-height: 45px; border-bottom: dashed #999999 1px; width: 100%; overflow: hidden; }

.cons_news ul li a{ font-size: 14px; color: #656565; }

.cons_news ul li a:hover { color: #ff0000; }

.cons_news ul li a i { font-style: normal; color: #ff0000; padding-left:15px; }

.cons_news ul li span { width: 200px; line-height: 45px; text-align: right; font-size: 12px; color: #666666; float: right; }

.page { width: 450px; margin: 0 auto 50px auto; }

.page a.current { border-color: #ff0000; color: #ff0000; }

.page a:hover { color: #ff0000; }

.page a { background-color: #fff; border: 1px solid #ccc; display: inline-block; height: 30px; line-height: 30px; margin-left: 6px; padding: 0 14px; }

/*新闻内容*/

.cons_newstxt { background-color: #f5f5f5; padding: 25px; width: 860px; margin: 40px 0 0px 0; }

.newstxt_ttl { font-size: 22px; color: #ff0000; font-weight: bold; padding-top: 20px; line-height: 32px; text-align: center; }

.newstxt_date { text-align: center; font-size: 12px; line-height: 24px; color: #777777; padding-top: 5px; }

.newstxt_body { padding: 20px 0; font-size: 14px; color: #5a5a5a; line-height: 30px; }

.newstxt_body p { text-indent: 2em; padding: 7px 0 8px 0; }

.newstxt_body p img{ margin-left:-2em;}

.updown ul li { font-size: 14px; color: #5a5a5a; line-height: 30px; }

.updown ul li a { color: #5a5a5a; }

.updown ul li a:hover { color: #FF0000; }

/*产品介绍*/

.w850{ width:850px; margin:0 auto; overflow:hidden;}

.cons_product{ background-color: #f5f5f5; padding:30px 0; width:910px; margin: 50px 0 40px 0;}

.cp_pplt{ width:469px;height:313px;overflow:hidden; position:relative;}

.slider_box{width:469px;height: 313px;overflow: hidden;position: relative;}

#movie_tip{background-position: -93px 0;}

.silder_con{height:400px;overflow: hidden;position: absolute;}

.silder_panel{width:469px;height:400px;overflow: hidden;float: left;position: relative;background:#FFF; text-align:center;}

.silder_panel img{height: 313px; width:469px; max-width:469px;}

.silder_play{display: block;width:136px;height:30px;overflow: hidden;text-indent: -999px;position: absolute;bottom: 13px;right: 45px;}	

.silder_play:hover{ background-position: 0 0;}

.silder_nav{width:400px;height:60px;bottom:10px;position: absolute;overflow: hidden; padding-left:50px;}

.silder_nav li{float: left;padding:1px;border:1px solid #dddddd; margin:0px 5px;}

.silder_nav li.current{ margin:0 4px; border:solid #f07487 1px;}

.silder_nav li,.silder_nav img{display: block;width:83px;height:56px; overflow: hidden;}

.slider_box a.prev,.slider_box a.next{display: block;width:45px;height:100px;overflow:hidden;text-indent: -999px;position: absolute;cursor: pointer;margin: 100px 0 0 0;background: url(../images/silder_btn.gif) no-repeat;}	

.slider_box a.prev{left:0;background-position: left 0;}

.slider_box a.next{right:0;background-position: right 0;}

.silderBox{height:8px; line-height:8px;}

.cp_pprt{ width:330px;}

.cp_pprt_ttl{ font-size:24px; color:#ff0000; line-height:50px; padding-top:30px;}

.cp_pprt_txt{ font-size:16px; line-height:30px; color:#454545; padding:10px 0 0;}

.fenxiang{ margin-top:15px;}

.cp_pp_btn{ margin-top:60px;width:148px; height:40px; background-color:#ff0000;}

.cp_pp_btn a{ display:block; color:#FFF; text-align:center; font-size:14px; line-height:40px;}

.mgt60{ margin-top:60px;}

.cpttl_td{ color:#454545; font-size:20px; font-weight:bold;}

.cptd_body{ padding:20px 0; color:#454545; line-height:30px; font-size:14px;}

.cptd_body p{ padding:5px 0;}

ul.cp_xiangg{ overflow:hidden; padding-top:25px;}

ul.cp_xiangg li{ width:196px; height:141px; display:inline-block; margin-right:15px;}

ul.cp_xiangg li.mgr0{ margin-right:0;}

ul.cp_xiangg li i{ width:194px; height:139px; border:solid #dcdcdc 1px; overflow:hidden; display:block;}

ul.cp_xiangg li i:hover{ border-color:#ff0000;}

ul.cp_xiangg li i img { width: 194px; height: 139px; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

ul.cp_xiangg li:hover i img,.cp_tsbody li:hover i img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }

ul.cp_xiangg li a p,.cp_tsbody li a p{ text-align:center; font-size:14px; line-height:28px; color:#454545;}

ul.cp_xiangg li:hover a p,.cp_tsbody li:hover a p{ color:#ff0000;}

.cp_jgbody,.cp_kwbody{ width:100%; border-top:dashed #ababab 1px; margin-top:40px;}

.cp_jgbody ul,.cp_kwbody ul{ width:850px; margin:0 auto;}

.cp_jgbody ul li{ overflow:hidden; padding-top:35px; font-size:14px; color:#454545; line-height:28px;}

.cp_jgbody ul li dl dt{ font-weight:bold; font-size:16px;}

.mgt30{ margin-top:30px;}

.cp_kwbody ul li{ overflow:hidden; padding-top:35px;}

.cp_kwbody ul li i{ width:238px; height:170px; position:relative;}

.cp_kwbody ul li i img{ position:absolute; width:238px; height:170px; left:0; top:0;}

.cp_kwbody ul li i .cp_kwlittl{ position:absolute; width:auto; height:27px; background:url(../images/chanpin-kw-ttl.png) right top no-repeat; left:0; top:0;}

.cp_kwbody ul li i .cp_kwlittl a{ color:#FFFFFF; font-style:normal; font-size:16px; padding-left:5px; line-height:27px; padding-right:17px;}

.cp_kwbody ul li p{ text-indent:2em; width:570px; font-size:14px; color:#454545; line-height:30px;}

.cp_kwbody ul li.cp_kwli01 p{ padding-top:15px;}

.cp_kwbody ul li.cp_kwli02 p{ padding-top:10px;}

.cp_kwbody ul li.cp_kwli03 p{ padding-top:10px;}

.cp_kwbody ul li.cp_kwli04 p{ padding-top:35px;}

.cp_tsbody{ overflow:hidden;}

.cp_tsbody li{ width:250px; display:inline-block; margin:0 25px; padding-bottom:20px;}

.cp_tsbody li i{ width:238px; height:170px; padding:5px; border:solid #dcdcdc 1px; overflow:hidden; display:block;}

.cp_tsbody li:hover i{ border-color:#ff0000;}

.cp_tsbody li i img{ width: 238px; height: 170px; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

<!--liuyan-->

.liuyan label {

    width: 100px;

    text-align: right;

    padding-right: 20px;

    line-height: 38px;

    display: inline-block;

}

.liuyan p {

    font-size: 16px;

     padding-bottom: 18px; 

}

.liuyan p input.ly_name, .liuyan p input.ly_gongsi, .liuyan p input.ly_dianhua, .liuyan p input.ly_dizhi, .liuyan p input.ly_youxiang {

    height: 38px;

    width: 250px;

    line-height: 38px;

    border: solid #ccc 1px;

    padding: 0px 10px;

    font-size: 14px;

    color: #666666;

}

.ly_tijiao {

    margin-left: 100px;

    width: 140px;

    height: 38px;

    display: inline-block;

    line-height: 38px;

    text-align: center;

    font-size: 16px;

    color: #FFF;

    background-color: #333333;

    cursor: pointer;

}



.ly_chongzhi {

    margin-left: 50px;

    width: 140px;

    height: 38px;

    display: inline-block;

    line-height: 38px;

    text-align: center;

    font-size: 16px;

    color: #333333;

    background-color: #cccccc;

    cursor: pointer;

}

.liuyan p textarea.ly_neirong {

    height: 80px;

    width: 707px;

    border: solid #ccc 1px;

    line-height: 24px;

    padding: 0px 10px;

    font-size: 14px;

    color: #666666;

}















