*{ margin:0; padding:0; list-style-type:none; }

body{ font:normal 100% "Microsoft YaHei",Arial; overflow-x:hidden; min-height:700px; margin:0 auto; font-size:12px; }

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,tbody,thead,tfoot,tr,td,th,input { margin:0; padding:0; }

h1,h2,h3,h4,h5,h6,em,h6,b,p{ font-weight:normal; font-style:normal; }

img{ vertical-align:bottom; border:none; }

a{ text-decoration:none; color:#333; }

a:hover{ color:#399679; }

ul,li{ list-style:none outside none; }

li,p,a{ vertical-align:bottom; }

.clear{ clear:both; }

table{ border-collapse:collapse; }

::selection{ background:#399679; color:#fff; /* Safari */} 

::-moz-selection{ background:#399679; color:#fff; /* Firefox */ }

input,select{ -webkit-appearance:none; appearance:none; }

select::-ms-expand{ display:none; }

input[type=radio]::-ms-check,input[type=checkbox]::-ms-check{ display:none; }

.fl{ float:left !important; }

.fr{ float:right !important; }

.mr0{ margin-right:0px !important; }

.pr0{ padding-right:0px !important; }

.ml0{ margin-left:0px !important; }

.pl0{ padding-left:0px !important; }

.fb{ font-weight:bold; }

.bor0{ border-right:0 !important; }

.bag0{ background:none !important; }





.main{ width:1000px; margin:0 auto; }

.none{ display:none; }





/*===============头部===============*/

.head{ width:100%; height:auto; background-color:#fff; min-width:1000px; border-bottom:1px #ccc solid; }

.head .logo{ width:auto; float:left; padding:20px 0; }

.head .headr{ width:808px; height:106px; float:right; }

.head .headr .headr_t{ width:auto; height:23px; float:right; padding-top:19px; }

.head .headr .headr_t li{ float:left; padding-left:10px; line-height:23px; }

.head .headr .headr_t li a{ color:#ccc; }

/*===============导航===============*/

.nav { width:auto; float:right; padding-left:74px; }

.nav li{position:relative; width:104px; height:64px; display:inline; float:left; text-align:center; }

.nav li.last{ width:104px; margin-right:0; }

.nav a.tit{ display:inline-block; width:100%; font-size:14px; line-height:52px; color:#333; text-align:center; height:62px; }

.nav li:hover{ color:#fff; }

.nav li.hover a.tit, .nav li.on a.tit{ color:#399679; border-bottom:2px #399679 solid; }

.subnav{ position:absolute; left:0; top:64px; width:180px; display:none; background:#399679; z-index:100; *zoom:1; }

.subnav a{ display:inline-block; width:100%; line-height:32px; color:#fff !important; text-align:center; z-index:100; *zoom:1; }

.subnav a:hover{ color:#000 !important; background:#399679; z-index:100; }

/*===============banner===============*/

.banner { width:100%; position:relative; height:497px; min-width:1000px; z-index:8; position:relative; vertical-align:middle; overflow:hidden; }

.banner .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden; height:497px; }

.banner .bd ul { width:100% !important; -moz-width:100% !important;}

.banner .bd li { width:100% !important; height:497px !important; overflow:hidden; text-align:center; -moz-width:100% !important; }

.banner .bd li a { display:block; height:497px; width:100% !important; -moz-width:100% !important; }

.banner .hd { width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }

.banner .hd ul { text-align:center; float:none; }

.banner .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:43px; height:8px; margin:0px 8px; overflow:hidden; background:#fff; line-height:999px; }

.banner .hd ul .on { background:#399679; }

/*===============标题===============*/

.title { width:100%; height:auto; overflow:hidden; vertical-align:middle; min-width:1000px; padding:0 0 22px; text-align:center; color:#333; }

.title h2 { font-size:30px; }

.title p{ font-size:30px; font-family:Arial, Helvetica, sans-serif; }

/*===============first===============*/

.first{ width:100%; overflow:hidden; height:auto; vertical-align:middle; min-width:1000px; padding:73px 0 66px; }

.first li { float:left; width:201px; margin-right:52px; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; _display:inline; padding:5px; }

.first li:nth-child(4){ margin-right:0px; }

.first li:first-child + li + li + li{ margin-right:0px; }

.first li:hover{ background-color:#f52c07; }

.first li img { display:block; width:201px; height:132px; margin-bottom:10px; }

.first li .first_title{ width:100%; height:auto; font-size:14px; font-weight:bold; text-align:center; padding:6px 0 14px; }

.first li .first_text{ width:100%; height:auto; line-height:24px; padding-bottom:15px; height:72px; }

.first li .first_more{ width:100%; height:auto; text-align:center; margin-bottom:30px; }

.first li .first_more span{ line-height:26px; border:2px #666 solid; text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:6px 19px; }

.first li:hover .first_title{ color:#fff; }

.first li:hover .first_text{ color:#fff; }

.first li:hover .first_more span{ color:#fff;  border:2px #fff solid;}

/*===============second===============*/

.second { width:100%; overflow:hidden; height:auto; vertical-align:middle; min-width:1000px; overflow:hidden; padding:67px 0 51px; background:url(../images/bg.jpg) center top; }

.second .second_video{ width:512px; height:320px; float:left; background:url(../images/video_bg.png) no-repeat center top; margin:0 152px; _display:inline; padding:22px 82px 66px; }

.second .second_txt{ width:1000px; float:left; line-height:32px; color:#fff; font-size:14px; padding:24px 0 0 0; text-align:center; }

.second .second_txt h1{ font-size:24px; font-weight:bold; padding-bottom:9px; }

.second .second_txt p{ line-height:36px; }

/*===============third===============*/

.third{ width:100%; overflow:hidden; height:auto; vertical-align:middle; min-width:1000px; overflow:hidden; padding:33px 0 0; }

.third_list{ width:680px; float:left; }

.third_list li{ width:100%; height:auto; padding-bottom:5px; float:left; }

.third_list li:nth-child(3){  padding-bottom:0; }

.third_list li:first-child + li + li{  padding-bottom:0; }

.third_list li .litime{ width:100px; height:100px; float:left; background:#399679; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:center; }

.third_list li .litime .day{ width:100%; height:auto; float:left; font-size:42px; padding-top:15px; }

.third_list li .litime .month{ width:100%; height:auto; float:left; font-size:12px; }

.third_list li:hover .litime{ background:#f52c07; }

.third_list li .litext{ width:564px; height:100px; float:left; padding-left:16px; }

.third_list li .litext h2{ width:100%; font-size:14px; display:block; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; color:#333; padding:3px 0 8px; }

.third_list li .litext p{ width:100%; display:block; line-height:24px; color:#666; border-bottom:1px #666 dotted; padding-bottom:8px; height:48px; overflow:hidden; }

.third_r{ width:283px; height:310px; float:right; }

/*===============fourth===============*/

.fourth{ width:100%; overflow:hidden; height:auto; vertical-align:middle; min-width:1000px; overflow:hidden; padding:30px 0 100px; }

.fourth_l{ width:279px; float:left; margin-top:9px; }

.fourth_l .line{ width:3px; height:41px; float:left; background-color:#242831; margin-left:-18px; _display:inline; }

.fourth_l .fourth_lt{ width:100%; float:left; color:#666; padding-left:18px; line-height:24px; }

.fourth_l .fourth_lt p{ color:#333; margin-top:-7px; padding-bottom:6px; font-weight:bold; font-size:14px; }

.fourth_l .fourth_lt:nth-child(1){ padding-bottom:52px; }

.fourth_r{ width:685px; height:auto; float:right; margin-top:9px; border-left:1px #e4e5e6 solid; padding-left:30px; }

.fourth_r .fourth_rtl{ width:243px; height:auto; float:left; padding-right:15px; }

.fourth_r .fourth_rtl>input{ width:223px; float:left; margin-bottom:20px; border:1px solid #cdcdcd; background:#fff; color:#b2b2b2; font-size:12px; outline:medium none; padding:9px 10px; -webkit-transition:all 0.5s ease-in-out; font-family:"Microsoft YaHei"; }

.fourth_r .fourth_rtl>input.r{ margin-right:0px; }

.fourth_r .fourth_rtl>input:hover,.fourth_r>textarea:hover{ border:1px solid #399679; }

.fourth_r .fourth_rtl>input:hover,.fourth_r>textarea:hover{ color:#399679; }

.fourth_r>textarea{ height:119px; width:395px; border:1px solid #cdcdcd; margin-bottom:20px; background:#fff; color:#b2b2b2; font-size:12px; font-family:"Microsoft YaHei"; outline:medium none; padding:15px; -webkit-transition:all 0.5s ease-in-out; float:left; }

.fourth_r>.dbutton{ width:685px; height:37px; outline:medium none; line-height:37px; border:none; text-align:center; color:#fff; font-size:12px; cursor:pointer; background:#f52c07; font-family:"Microsoft YaHei"; -webkit-transition:all 0.5s ease-in-out; cursor:pointer; float:left; }

.fourth_r>.dbutton:hover{ background:#212427; }

/*===============foot===============*/

.footer{ width:100%; overflow:hidden; background:#333; overflow:hidden; padding-top:23px; min-width:1000px; }

.footer ul{ width:auto; float:left; overflow:hidden; display:block; }

.footer li{ float:left; overflow:hidden; padding-right:40px; width:auto; height:247px; }

.footer li.r{ margin-right:0px; }

.footer li.p{ border-right:0px; }

.footer strong a{ display:block; font-weight:500; font-size:14px; color:#fcfcfc; line-height:35px; margin-bottom:12px; -webkit-transition:all 0.5s ease-in-out; }

.footer li p a{ font-size:12px; color:#b2b2b2; line-height:32px; -webkit-transition:all 0.5s ease-in-out; }

.footer li p a:hover,.footer strong a:hover{ color:#fff; }

.footer li:nth-child(6){ padding-right:0; }

.footer li:first-child + li + li + li + li + li{ padding-right:0; }

.footer_r{ width:auto; float:right; padding-top:28px; }

.footer_r img{ display:block; float:left; }

.footer_r span{ padding-left:10px; color:#fff; float:left; }

/*===============底部===============*/

.beian{ padding:10px 0px; background:#272727; min-width:1000px; }

.beian p{ font-size:12px; color:#585858; line-height:22px; float:left; }

.beian p a{ font-size:12px; color:#585858; }

.beian p a:hover{ color:#fff; }

/*===============内页公共部分===============*/

.inpage{ width:100%; height:auto; overflow:hidden; background-color:#f2f2f2; border-top:1px #e6e6e6 solid; padding-top:24px; min-width:1000px; }

.inpage_title{ width:100%; height:auto; float:left; line-height:36px; font-weight:bold; font-size:20px; min-width:1000px; }

.bread{ width:100%; height:30px; float:left; line-height:30px; color:#666; }

.bread a{ color:#666; }

.smenu{ width:100%; height:auto; float:left; padding:11px 0 66px; min-width:1000px; }

.smenu li{ width:auto; height:48px; float:left; }

.smenu li a{ width:auto; height:42px; line-height:42px; background-color:#fff; float:left; text-align:center; border-right:1px #efefef solid; border-bottom:1px #c8c8c8 solid; display:block; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; padding:0 33px; }

.smenu li a:hover{ width:auto; height:48px; line-height:48px; background-color:#399679; color:#fff; border-right:1px #399679 solid; border-bottom:0; }

.smenuhover{width:auto !important; height:48px !important; line-height:42px !important; background-color:#399679 !important; color:#fff !important; border-right:1px #399679 solid !important; border-bottom:0 !important;}

.inpagetxt{ width:914px; float:left; background-color:#fff; padding:43px; margin-bottom:50px; }

.inpagetxt_title{ width:100%; height:46px; float:left; font-size:24px; font-weight:bold; color:#333; }

.fy{ width:100%; height:auto; float:left; line-height:24px; text-align:center; margin-top:30px; min-width:914px; }

.fy span{ color:#000 !important; background:#CCC !important; border:1px #999 solid !important; padding:2px 3px !important; }

.fy a{ color:#000; background:#fff; border:1px #999 solid; padding:2px 3px; }

.fy a:hover{ color:#000; background:#e6e6e4; border:1px #999 solid; padding:2px 3px; }

/*===============关于我们===============*/

.about{ width:100%; height:auto; float:left; line-height:30px; color:#333; }

/*===============荣誉===============*/

.honor li{ width:206px; height:auto; margin:0 30px 30px 0; float:left; overflow:hidden; }

.honor li:nth-child(4n){ margin-right:0px; }

.honor li .honorimg{ width:194px; height:274px; float:left; padding:5px; border:1px #ccc solid; text-align:center; overflow:hidden; position:relative; display:table; }

.honor li .honorimg .honor_phn { width:194px; height:274px; display:table-cell; vertical-align:middle; }

.honor li .honorimg .honor_phn img{ max-width:194px; max-height:274px; margin:0 auto; }

/*For IE7*/

*+html .honor li .honorimg .honor_phn { position:absolute; top:50%; width:100%; text-align:center; height:auto; vertical-align:baseline; }

*+html .honor li .honorimg .honor_phn img{ position:relative; top:-50%; left:-50%; }

.honor li .honor_titler{ width:206px; height:30px; color:#fff; float:left; background-color:#399679; line-height:30px; font-size:14px; text-align:center; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }

/*===============新闻中心===============*/

.news{ width:100%; height:auto; float:left; color:#333; }

.hot{ width:100%; height:auto; float:left; padding-bottom:20px; }

.hot_l{ width:590px; float:left; padding-right:30px; }

.hot_l h1{ width:100%; font-size:18px; font-weight:bold; padding-bottom:12px; }

.hot_l h1{ width:100%; display:block; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }

.hot_l p{ color:#5d5d5d; line-height:30px; }

.hot_l .marea{ display:block; width:94px; height:28px; line-height:27px; border:1px #429b7f solid; padding-left:14px; font-size:14px; color:#000; background:url(../images/icon03.png) 90px center no-repeat; margin-top:24px; }

.hot_r{ width:294px; height:184px; float:left; }

.news li{ width:100%; height:auto; padding:10px 0; float:left; border-top:1px #868686 dotted; }

.news li .newstime{ width:100px; height:100px; float:left; background:#399679; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:center; }

.news li .newstime .newsday{ width:100%; height:auto; float:left; font-size:42px; padding-top:15px; }

.news li .newstime .newsmonth{ width:100%; height:auto; float:left; font-size:12px; }

.news li:hover .newstime{ background:#f52c07; }

.news li .newstext{ width:798px; height:auto; float:left; padding-left:16px; }

.news li .newstext h2{ width:100%; font-size:18px; display:block; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; color:#333; padding-bottom:6px; font-weight:bold; }

.news li .newstext p{ width:100%; display:block; line-height:30px; color:#666; padding-bottom:8px; }

.news li:hover .newstext h2{ color:#f52c07 !important; }

/*===============新闻中心详细页===============*/

.news_showtitle{ width:100%; height:auto; float:left; border-bottom:1px #868686 dotted; text-align:center; }

.news_showtitle h1{ color:#333; font-size:18px; font-weight:bold; }

.news_showtitle p{ color:#666; padding:20px 0 10px; }

.news_showtext{ width:100%; color:#5d5d5d; line-height:30px; padding-top:20px; float:left; }

.news_showpage{ width:100%; height:auto; float:left; line-height:30px; color:#333; padding-top:30px; }

/*===============产品===============*/

.product{ width:100%; height:auto; float:left; color:#333; padding-top:56px; line-height:24px; }

.product_title{ border-left:2px #399679 solid; padding-left:10px; font-weight:bold; font-size:14px; height:18px; line-height:18px; float:left; }

.promore{ width:auto; float:right; background-color:#399679; padding:5px 8px; margin-top:-41px; cursor:pointer; }

.promore a{ color:#fff; }

.promore:hover{ background:#f52c07; }

.product>table, tr, td{ border-color:#ccc; }

.submenu{ width:912px; height:auto; float:left; border:1px #d5d5d5 solid; margin-bottom:63px; }

.submenu li{ float:left; height:38px; line-height:38px; }

.submenu li a{ display:block; padding:0 54px; color:#333; background:url(../images/line.jpg) right center no-repeat; }

.submenu li a:hover{ background:#399679; color:#fff; } 

.submenu_bg{ background:#399679 !important; color:#fff !important; }

.pro_list li{ width:206px; height:auto; float:left; margin:0 30px 12px 0; _display:inline; }

.pro_list .pro_listimg{ width:200px; height:176px; float:left; padding:2px; border:1px #ccc solid; }

.pro_list .pro_listtxt{ width:206px; height:36px; float:left; text-align:center; line-height:36px; color:#333; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }

.pro_list li:nth-child(4n){ margin-right:0px; }

.product_show{ width:100%; float:left; }

.product_show_l{ width:386px; height:310px; float:left; border:1px #ccc solid; padding:4px; }

.product_show_r{ width:450px; float:right; padding-right:25px; }

.product_show_r h1{ width:100%; font-size:30px; font-weight:bold; padding-bottom:12px; }

.product_show_r h1{ width:100%; display:block; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }

.product_show_r p{ color:#5d5d5d; line-height:30px; font-size:14px; color:#999; }

.product_show_r p strong{ padding-right:10px; color:#666; }

.product_show_r .profy{ width:100%; padding-top:15px; margin-top:15px; border-top:1px #ccc dotted; line-height:30px; }

.product_show_r a{ width:100%; display:block; font-size:14px; }

.product_show_title{ width:100%; height:40px; float:left; background-color:#f2f2f2; margin-top:53px; }

.product_show_title span{ line-height:40px; padding:0 30px; color:#fff; background-color:#429b7f; display:block; float:left; font-size:14px; }

.product_show_text{ width:100%; height:auto; float:left; color:#333; padding-top:30px; line-height:30px; }

/*===============技术===============*/

.skill{ width:100%; height:auto; float:left; padding-bottom:20px; }

.skill_title{ width:100%; height:40px; float:left; background-color:#f2f2f2; margin-top:53px; }

.skill_title:nth-child(1){ margin-top:0px; }

.skill_title:first-child{ margin-right:0px; }

.skill_title span{ line-height:40px; padding:0 30px; color:#fff; background-color:#429b7f; display:block; float:left; font-size:14px; }

.skill_text{ width:100%; height:auto; float:left; color:#333; padding-top:30px; line-height:30px; }

.skill_list li{ width:100%; height:auto; float:left; border-bottom:1px #ccc dotted; }

.skill_list li .skill_listl{ width:750px; display:block; padding-left:15px; line-height:46px; background:url(../images/icon05.png) no-repeat left; float:left; }

.skill_list li .skill_listr{ width:auto; display:block; float:right; padding:13px 0; }

.video li{ width:435px; height:273px; float:left; background:#000; margin-bottom:43px; }

.video li:nth-child(2n){ float:right !important; }


.network_l{ width:600px; height:auto; float:left; color:#333; line-height:30px; font-size:12px; }
.network_r{ width:314px; height:auto; float:right; }
.network_r .sousuo{ width:304px; height:32px; float:left; padding-left:10px; }
.network_r .top_sear{ width:304px; height:32px; float:right; overflow:hidden; border:none; background:url(../images/search.jpg) no-repeat center top; }
.network_r .top_sear input{ overflow:hidden; outline:none; }
.network_r .topTxt{ width:200px; background:none; border:none; padding:7px 10px; color:#666; float:left; }
.network_r .topBtn{ width:83px; height:32px; float:right; cursor:pointer; background:none; border:none; }
.network_r img{ display:block; float:right;
}
.network li{ width:30%; height:auto; float:left; min-height:125px; float:left; line-height:20px; padding-bottom:35px; font-size:14px; padding-right:3.333333333%; }
.network li p{ font-size:18px; line-height:41px; font-weight:bold; }
/*===============招聘===============*/

.hr{ width:100%; height:auto; float:left; line-height:30px; color:#333; }

.hrtitle{ width:914px; height:40px; float:left; background-color:#429b7f; line-height:40px; }

.hrtitleli{ float:left; text-align:center; font-size:14px; }

.hrw148{ width:148px; }

.hrw161{ width:161px; }

.hrwcolf{ color:#fff; }

.hrlist{ width:914px; height:auto; overflow:hidden; float:left;  }

.hrlist a{ color:#429b7f; }

.hrlist a:hover{ color:#fff; text-decoration:none; }

.hrlist dt{ width:914px; height:51px; cursor:pointer; border-bottom:1px #d7ddde solid; padding-right:56px; line-height:51px; }

.hrlist .open{ font-size:13px; color:#01b2f1; cursor:default; }

.hrwcol5{ color:#505050; }

.hrlist dd{ width:914px; height:auto; position:relative; overflow:hidden; }

.hrlist dd .hrlisttxt{ width:814px; height:auto; padding:20px 50px; background:#ecf1f2; border-bottom:1px #d7ddde solid; line-height:24px; font-size:12px; text-align:left; color:#666; }

.hrlist dd .hrlisttxt .hrspan{ padding-right:90px; }

.hrlist dd .hrlisttxt .hrp{ font-size:14px; padding:10px 90px 0 0; }

.hrlist dd .hrlisttxt a{ color:#429b7f; padding:0 5px; }

/*===============联系我们===============*/

.contact{ width:100%; height:auto; float:left; }

.contactc{ width:50%; }

.contact h1{ text-align:left; font-size:18px; color:#333; float:left; height:auto; vertical-align:middle; width:100%; letter-spacing:2px; padding:15px 0; font-weight:bold; }

.contact p{ width:100%; text-align:left; font-size:12px; color:#666; float:left; height:auto; line-height:30px; vertical-align:middle; }

/*在线留言*/

.czlybs{ overflow:hidden; width:100%; margin:auto; clear:both; padding-top:40px; }

.czlybs input{ width:416px; float:left; border:1px solid #f1f1f1; margin-bottom:20px; background:#f7f7f7; color:#b2b2b2; font-size:14px; margin-right:25px; outline:medium none; padding:10px 13px; -webkit-transition:all 0.5s ease-in-out; font-family:"Microsoft YaHei"; }

.czlybs input.r{ margin-right:0px; }

.czlybs input:hover,.czlybs textarea:hover{ border:1px solid #429b7f; }

.czlybs input:hover,.czlybs textarea:hover{ color:#429b7f; }

.czlybs textarea{ height:170px; width:882px; border:1px solid #f1f1f1; margin-bottom:10px; background:#f7f7f7; color:#b2b2b2; font-size:14px; font-family:"Microsoft YaHei"; 

outline:medium none; padding:15px; -webkit-transition:all 0.5s ease-in-out; }

.czlybs .dbutton{ width:260px; height:40px; margin:15px 327px; outline:medium none; line-height:40px; border:none; 

text-align:center; color:#fff; font-size:18px; cursor:pointer; background:#429b7f; font-family:"Microsoft YaHei"; -webkit-transition:all 0.5s ease-in-out; }

.czlybs .dbutton:hover{ background:#212427; }

/*===============侧边联系我们===============*/

.qqkefu{ position:fixed; top:58%; _position:absolute; _top:expression(eval(document.documentElement.scrollTop + 365)); z-index:100; right:0; width:45px; }

.qqkefu ul li{ width:45px; height:45px; margin-bottom:1px; float:right; line-height:45px; font-size:14px; cursor:pointer; position:relative; text-indent:10px; }

.qqkefu ul li a{ color:#fff; display:block; overflow:hidden; height:45px; }

.qqkefu ul li.qq_cza{ overflow:hidden}

.qqkefu ul li:hover{ background:#000; }

.qqkefu ul li.upwards{ background:url(../images/k1.png) no-repeat center #399679; position:relative; width:45px; height:45px; cursor:pointer; }

.qqkefu ul li.upwards span{ position:absolute; display:block; left:0; top:-5px; height:5px; width:45px; }

.qqkefu ul li.upwards:hover{ background:url(../images/k1.png) no-repeat center #000; }

.qqkefu ul li b{ width:45px; height:45px; display:block; overflow:hidden; float:right; }

.qqkefu ul li span{ font-size:14px; font-weight:bold; color:#FFF; }

.qqkefu ul li b.a{ background:url(../images/k2.png) no-repeat center #399679; }

.qqkefu ul li b.b{ background:url(../images/k3.png) no-repeat center #399679; }

.qqkefu ul li b.f{ background:url(../images/k4.png) no-repeat center #399679; }

.qqkefu ul li b.c{ background:url(../images/k5.png) no-repeat center #399679; }

.qqkefu ul li:hover b.a{ background:url(../images/k2.png) no-repeat center center #000; }

.qqkefu ul li:hover b.b{ background:url(../images/k3.png) no-repeat center center #000; }

.qqkefu ul li:hover b.f{ background:url(../images/k4.png) no-repeat center center #000; }

.qqkefu ul li:hover b.c{ background:url(../images/k5.png) no-repeat center center #000; }

.qqkefu ul li.qq_czb{ text-indent:0; }

.qqkefu ul li.qq_czae{ line-height:15px !important}

.erweima{ position:absolute; width:111px; height:150px; top:-120px; left:-111px; float:right; cursor:default !important; display:none; background:url(../images/qr_img.png) no-repeat; }

.erweima p{ margin-top:20px; margin-left:10px; }

.erweima img{ width:90px; height:90px; }

.qqkefu li .erweima p a{ display:block; font-size:14px; margin-top:-8px; margin-left:30px; }





.mlogo, .menu, .top-bar { display:none; }

@media (max-width:991px) {

    .title h2 { font-size:5em; font-weight:bold; }

    .title em{ display:block; font-size:24px; color:#cecece; text-transform:uppercase; font-weight:normal; }

	.logo, .headr, .nav, .qqkefu, .footer ul, .bdsharebuttonbox, p.mt28, .second_video, .third_r, .footer, .hot_l .marea { display:none !important; }

	.menu{ height:auto; background-color:#fff; border-bottom:1px #ededed solid; display:block !important; }

	.mlogo{ width:31%; height:auto; float:left; padding:30px 0; display:block; }

	.mlogo img{ width:100%; }

	.top-bar, .top-bar .navbox-tiles, .navbox-trigger, .navbox-tiles .tile, .navbox-tiles .tile .icon .fa, .navbox-tiles .tile .title { -webkit-transition:all .3s; transition:all .3s; }

	.navbox-tiles:after { content:''; display:table; }

	/*===============手机端导航===============*/

	.top-bar { height:166px; position:relative; z-index:1000; display:block !important; }

	.top-bar .bar { background-color:transparent; width:100%; height:100%; position:absolute; z-index:2; float:right; }

	.top-bar .navbox { visibility:hidden; opacity:0; position:absolute; top:100%; left:0; z-index:1; -webkit-transform:translateY(-200px); -ms-transform:translateY(-200px); transform:translateY(-200px); -webkit-transition:all .2s; transition:all .2s; }

	.top-bar .navbox-tiles { -webkit-transform:translateY(-200px); -ms-transform:translateY(-200px); transform:translateY(-200px); }

	.top-bar.navbox-open .navbox-trigger { background-color:transparent; }

	.top-bar.navbox-open .navbox { visibility:visible; opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition:opacity .3s, -webkit-transform .3s; transition:opacity .3s, transform .3s; }

	.top-bar.navbox-open .navbox-tiles { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); }

	.navbox-trigger { background-color:transparent; width:166px; height:166px; line-height:166px; text-align:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; float:right; }

	.navbox-trigger .fa { font-size:20px; color:#fff; }

	.navbox-trigger:hover { background-color:transparent; }

	.navbox { background-color:#399679; width:100%; -webkit-backface-visibility:initial; backface-visibility:initial; }

	.navbox-tiles { width:100%; }

	.navbox-tiles li{ width:100%; height:auto; border-bottom:1px rgba(255,255,255,0.5) solid; text-align:center; font-size:4em; line-height:3em; }

	.navbox-tiles li a{ color:#fff; display:block; }

	/*===============first===============*/

	.first li { width:47%; margin-right:0 !important; }

	.first li:nth-child(2n){ float:right !important }

	.first li img { width:100%; height:309px; }

	.first li .first_title{ font-size:3em; }

	.first li .first_text{ font-size:2.5em; line-height:2em; height:195px; }

	.first li .first_more span{  font-size:2em; }

	/*===============second===============*/

	.second .second_txt{ width:100%; font-size:2em; }

	.second .second_txt h1{ font-size:2.5em; font-weight:bold; padding-bottom:45px; }

	.second .second_txt p{ line-height:1.5em; }

	/*===============third===============*/

	.third_list{ width:100%; }

	.third_list li{ width:100%; padding-bottom:20px; }

	.third_list li .litime{ width:11.4%; height:115px !important; }

	.third_list li .litext{ width:87%; height:auto; }

	.third_list li .litext h2{ font-size:3em; display:block; padding:3px 0 3px; }

	.third_list li .litext p{ display:block; line-height:2em; font-size:2.3em; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }

	/*===============fourth===============*/

	.fourth{ padding-bottom:50px;}

	.fourth_l{ width:100%; }

	.fourth_l .fourth_lt{ width:100%; line-height:1.5em; font-size:3em; float:left; padding-bottom:30px; }

	.fourth_l .fourth_lt p{ margin-top:0 !important; padding-bottom:20px; font-size:1em; }

	.fourth_r{ width:100%; }

	.fourth_r .fourth_rtl{ width:100%; height:auto; float:left; padding:20px 0 0 0; }

	.fourth_r .fourth_rtl>input{ width:97.5%; height:60px; font-size:2.5em; }

	.fourth_r>textarea{ width:96.5%; height:250px; font-size:2.5em; }

	.fourth_r>.dbutton{ width:100%; height:50px; line-height:50px; font-size:2.5em; }

	/*===============底部===============*/

	.beian{ padding:30px 0px; }

	.mobileb{ display:none; }

	.beian p{ width:100%; text-align:center; font-size:2.5em; line-height:22px; float:left; }

	/*===============内页公共部分===============*/

	.inpage_title{ height:auto; line-height:36px; font-weight:bold; font-size:3em; padding-bottom:10px; }

	.bread{ font-size:2em; }

	.smenu li{ font-size:2.5em; }

	.inpagetxt_title{ font-size:3em; padding-bottom:30px; }

	.fy{ width:100%; height:auto; float:left; line-height:24px; text-align:center; margin-top:30px; min-width:1000px; }

	.fy span{ color:#000; background:#CCC; border:1px #999 solid; padding:2px 3px; }

	.fy a{ color:#000; background:#fff; border:1px #999 solid; padding:2px 3px; }

	.fy a:hover{ color:#000; background:#e6e6e4; border:1px #999 solid; padding:2px 3px; }

	/*===============关于我们===============*/

	.about{ font-size:2em; line-height:2em; }

	/*===============荣誉===============*/

	.honor li{ width:48%; }

	.honor li:nth-child(2n){ margin-right:0px !important; }

	.honor li .honorimg{ width:97.2%; }

	.honor li .honor_titler{ width:100%; height:60px; line-height:60px; font-size:2em; }

	/*===============新闻中心===============*/

	.hot_l h1{ font-size:3em; }

	.hot_l p{ font-size:2.5em; line-height:1.5em; height:130px; overflow:hidden; }

	.hot_r{ width:294px; height:184px; float:left; }

	.news li{ padding:20px 0; }

	.news li .newstime{ width:11.4%; height:115px !important; }

	.news li .newstext{ width:86.666666666%; height:auto; }

	.news li .newstext h2{ font-size:2.5em; }

	.news li .newstext p{ font-size:2em; height:55px; overflow:hidden; }

	.news li:hover .newstext h2{ color:#f52c07 !important; }

	/*===============新闻中心详细页===============*/

	.news_showtitle h1{ font-size:3em; }

	.news_showtitle p{ font-size:2.7em; }

	.news_showtext{ font-size:2em; line-height:2em; }

	.news_showpage{ font-size:2em; line-height:2em; }

	/*===============产品===============*/

	.product{ line-height:1.7em; font-size:2em; }

	.product_title{ font-size:1.2em; }

	.promore{ font-size:2em; }

	.submenu{ width:100%; }

	.submenu li a{ font-size:2em; }

	.pro_list li{ width:48.333333333%; }

	.pro_list .pro_listimg{ width:100%; height:auto }

	.pro_list .pro_listtxt{ width:100%; font-size:3em; }

	.pro_list li:nth-child(2n){ margin-right:0px; }

	.product_show_r h1{ font-size:3em; }

	.product_show_r p{ font-size:2em; line-height:2em; }

	.product_show_r a{ width:45%; font-size:2em; float:left; padding-right:5%; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }

	.product_show_title span{ font-size:2em; }

	.product_show_text{ font-size:1.7em; line-height:2em; }

	/*===============技术===============*/

	.skill_title span{ font-size:2em; }

	.skill_text{ font-size:1.7em; line-height:2em; }

	.skill_list li{ width:100%; height:auto; float:left; border-bottom:1px #ccc dotted; }

	.skill_list li .skill_listl{ overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }

	.skill_list li .skill_listr{ width:auto; display:block; float:right; padding:13px 0; }

	.video li{ width:435px; height:273px; float:left; background:#000; margin-bottom:43px; }

	.video li:nth-child(2n){ float:right !important; }

	/*===============招聘===============*/

    .hr{ font-size:2em; line-height:2em; }

	.hrtitleli{ font-size:2em; }

	.hrlist dd .hrlisttxt{ font-size:1.5em; line-height:2em; }

	/*===============联系我们===============*/

	.contact{ width:100%; height:auto; float:left; }

	.contactc{ width:100%; }

	.contact h1{ font-size:2.5em; }

	.contact p{ font-size:2em; line-height:2em; }

	/*在线留言*/

	.czlybs{ overflow:hidden; width:100%; margin:auto; clear:both; padding-top:40px; }

	.czlybs input{ width:416px; height:60px; font-size:2em; }

	.czlybs textarea{ height:270px; font-size:2em; }

	.czlybs .dbutton{ height:60px; line-height:60px; font-size:3em; }

}

@media screen and (max-width:370px) { 

	 .navbox-tiles .fa { font-size:25px; }

}





















/*点击放大*/

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{padding:0; margin: 0;	border:0; outline:none; vertical-align:top }

.fancybox-wrap { position:absolute; top:0; left:0; z-index:8020;}

.fancybox-skin { position:relative; background:#f9f9f9; color:#444; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

.fancybox-opened {z-index:8030}

.fancybox-opened .fancybox-skin {-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);}

.fancybox-outer, .fancybox-inner { position:relative; }

.fancybox-inner { overflow:hidden;}

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling:touch;}

.fancybox-error { color:#444; margin:0; padding:15px; white-space:nowrap;}

.fancybox-image, .fancybox-iframe { display:block; width:100%; height:100%;}

.fancybox-image { max-width:100%; max-height:100%;}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image:url('../images/fancybox_sprite.png');}

#fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060; }

#fancybox-loading div { width:44px; height:44px; background:url('../images/fancybox_loading.gif') center center no-repeat;}

.fancybox-close {position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040;}

.fancybox-nav { position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url('../images/blank.gif'); -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040;}

.fancybox-prev { left:0;}

.fancybox-next {right:0;}

.fancybox-nav span { position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden;}

.fancybox-prev span { left:10px; background-position:0 -36px; }

.fancybox-next span { right:10px; background-position:0 -72px; }

.fancybox-nav:hover span { visibility:visible;}

.fancybox-tmp { position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important;}

.fancybox-lock { overflow:hidden !important; width:auto;}

.fancybox-lock body { overflow:hidden !important;}

.fancybox-lock-test { overflow-y:hidden !important;}

.fancybox-overlay { position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url('../images/fancybox_overlay.png');}

.fancybox-overlay-fixed {position:fixed; bottom:0; right:0; }

.fancybox-lock .fancybox-overlay {overflow:auto; overflow-y:scroll;}

.fancybox-title {visibility:hidden; position:relative; text-shadow:none; z-index:8050;}

.fancybox-opened .fancybox-title {visibility:visible;}

.fancybox-title-float-wrap { position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center;}

.fancybox-title-float-wrap .child { display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; background:rgba(0, 0, 0, 0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap;}

.fancybox-title-outside-wrap {position:relative; margin-top:10px;color:#fff }

.fancybox-title-inside-wrap { padding-top:10px}

.fancybox-title-over-wrap { position: absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8); }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),

	   only screen and (min--moz-device-pixel-ratio: 1.5),

	   only screen and (min-device-pixel-ratio: 1.5){

	   #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image:url('../images/fancybox_sprite@2x.png'); background-size: 44px 152px;}

	   #fancybox-loading div {background-image:url('../images/fancybox_loading@2x.gif');background-size:24px 24px;}

}