﻿@charset "utf-8";

/* CSS Document */



body { margin: 0; padding: 0; font-size: 12px; line-height: 24px; color: #333; font-family:"Microsoft YaHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

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: 695px; 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: 95px; 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: 560px; 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: 560px; }

.slides li { height: 560px; }

.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: 47%; 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: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; 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:"Microsoft YaHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.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: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, 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: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; 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: 380px; 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: 853px; 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;

}















