﻿@charset "utf-8";
/* CSS Document */
.banner { overflow:hidden; width:100%; height:600px; background:url(../images/banner.jpg) no-repeat center top;}

/*search*/
.search { overflow:hidden; width:100%; height:65px; background:url(../images/search.png) repeat-x left top;}
.search p{ font-size:14px; float:left; color:#333; margin-top:20px;}
.search p a{ padding:0 10px; border-right:1px dotted #acacac; color:#666;}
.search .sbox{ overflow:hidden; width:280px; height:38px; margin-top:14px; float:right;}
.search input{ overflow:hidden; width:204px; height:36px; border:1px solid #dedede; border-right:none; float:left; line-height:36px; font-size:14px; color:#666; padding:0 10px;}
.search span{ display:block; width:55px; height:38px; float:right; text-align:center; line-height:38px; background-color:#1d5eb3; font-size:14px; color:#fff; cursor:pointer;}


/*pro*/
.pro { overflow:hidden; width:1000px; margin:30px auto;}
.pro .pro_left{ overflow:hidden; width:240px; float:left}
.pro .pro_right{ overflow:hidden; float:right; width:740px;}
.pro_left h2{ font-weight:normal; color:#fff; font-size:24px; width:230px; height:70px; background:url(../images/pro_left_h.png) no-repeat center top; line-height:70px; padding-left:10px;}
.pro_left h2 a{ color:#fff}
.pro_left h2 span{ font-size:16px; text-transform:uppercase; opacity:0.5; filter:alpha(opacity=50); font-weight:lighter; margin-left:5px;}
.pro_left .menubox{ overflow:hidden; width:230px; border:5px solid #1d5eb3; border-top:none; padding-bottom:35px;}
.pro_left h3{ font-size:16px; width:185px; height:33px; background:url(../images/pro_left_menu.png) no-repeat center top; padding-left:17px; font-weight:normal; line-height:33px; margin:15px auto}
.pro_left h3 a{ display:block; color:#fff; text-decoration:none;}
.pro_left h3.cur,.pro_left h3:hover{ background-position:bottom}
.pro_left p{ font-size:14px; line-height:33px; color:#666; margin-left:40px;}
.pro_right .menu{ overflow:hidden; width:100%; margin:15px 0;}
.pro_right .menu li{ float:left; width:113px; height:41px; text-align:center; line-height:41px; font-size:16px; background:url(../images/pro_right_menu.png) no-repeat center top; margin-right:12px;}
.pro_right .menu li a{ color:#666; display:block; text-decoration:none}
.pro_right .menu li:hover,.pro_right .menu li.cur{ background-position:bottom}
.pro_right .menu li:hover a,.pro_right .menu li.cur a{ color:#fff;}
.pro_right .pro_banner{ display:block; margin-bottom:20px;}
.pro_right .list{ overflow: hidden; width:105%;}
.pro_right .list li{ float:left; width:240px; height:290px; margin-right:10px;}
.pro_right .list li img{ display:block; border:1px solid #f2f1f1; margin-bottom:15px;}
.pro_right .list li span{ display:block; text-align:center; font-size:14px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pro_right .list li a{ display:block; text-decoration:none}
.pro_right .list li:hover img{ border-color:#1d5eb3} 
.pro_right .list li:hover span{color:#1d5eb3}
.pro .sanji{display:none;}
.pro .menubox>p:hover .sanji{ display:block;}
.pro_left .yb{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;padding-right:15px;}
.pro_left .yb .sanji a{white-space:nowrap;display:block;overflow: hidden;text-overflow: ellipsis;}

/*特点*/
.tedian { overflow:hidden; width:100%; height:600px; background:url(../images/td_bg.jpg) no-repeat center top;}
.tedian h2{ text-align:center; font-size:24px; color:#fff; margin-top:40px;}
.tedian span{ display:block; text-align:center; font-size:16px; color:#fff; margin-top:5px; margin-bottom:12px;}
.tedian i{ display:block; width:40px; height:2px; background-color:#fff; margin:0 auto; margin-bottom:60px;}
.tedian .tdbox { overflow:hidden; width:1000px; margin:0 auto; height:350px; position:relative}
.tedian .tdbox img{ display:block; margin:0 auto; margin-top:50px;}
.tedian h3{ font-size:20px; color:#fff; margin-bottom:12px;}
.tedian p{ font-size:14px; color:#fff; line-height:25px;}
.tedian .wen{ overflow:hidden;  width:292px; position:absolute}
.tedian .wen01{ padding-right:140px; background:url(../images/td01.png) no-repeat right top; left:0; top:0}
.tedian .wen02{ padding-left:130px; background:url(../images/td02.png) no-repeat left top; right:0; top:0; padding-bottom:20px;}
.tedian .wen03{ padding-right:105px; background:url(../images/td03.png) no-repeat right top; left:0; top:200px;}
.tedian .wen04{ padding-left:125px; background:url(../images/td04.png) no-repeat left top; right:0; top:200px;}
.tedian .wen01 h3,.tedian .wen03 h3{ text-align:right}

/*应用领域*/
/*应用领域*/
.yyly { overflow:hidden; width:1000px; margin:40px auto 0 auto;}
.yyly h2{ text-align:center; font-size:24px; color:#333;}
.yyly p{ text-align:center; font-size:16px; color:#999; margin-bottom:20px; font-family:Arial;}
.yyly ul{ overflow:hidden; width:102%; margin-bottom:40px;}
.yyly li{ overflow:hidden; position:relative; width:248px; height:330px; float:left; margin-right:2px;}
.yyly li img{ display:block;}
.yyly li a{ text-decoration:none; font-size:16px; color:#fff; line-height:55px; display:block; width:100%; height:100%; position:absolute; left:0; bottom:0; text-align:center; height:55px;}
.yyly li a img{ display:none; margin:0 auto; margin-top:110px;}
.yyly .a01{ background:url(../images/hybg01.png) repeat center}
.yyly .a02{ background:url(../images/hybg02.png) repeat center}
.yyly .a03{ background:url(../images/hybg03.png) repeat center}
.yyly .a04{ background:url(../images/hybg04.png) repeat center}
.yyly li a em{ display:block;}
.yyly .zx{ overflow:hidden; display:block; width:315px; height:45px; line-height:45px; text-align:center; font-size:16px; color:#fff; margin:0 auto; background-color:#1685e7; border-radius:5px; box-shadow:10px 10px 10px #ccc; margin-bottom:40px;}


/*vs*/
.vs { overflow:hidden; width:100%; height:631px; background:url(../images/vs_bg.jpg) no-repeat center top;}
.vs h2{ text-align:center; font-size:24px; color:#333; margin-top:55px; margin-bottom:5px;}
.vs h2 b{ color:#1d5eb3;}
.vs>span{ display:block; text-align:center; font-size:16px; color:#666; font-family:Arial; margin-bottom:40px;}
.vs .vsbox{ overflow:hidden; width:1000px; height:400px; margin:0 auto; background:url(../images/vs.png) no-repeat center 90px; position:relative}
.vs .vsbox .vslist { overflow:hidden; width:100%; height:100%;}
.vs .vslist .tu{ overflow:hidden; width:428px; height:253px; position:relative; border:10px solid #1d5eb3; border-radius:10px; margin-bottom:25px;}
.vs .wen01{ float:left; width:448px;}
.vs .wen02{ float:right; width:448px;}
.vs .wen02 .tu{ border-color:#393939;}
.vs .vslist em{ display:block; width:100%; position:absolute; left:0; bottom:0; background:url(../images/vs03.png) repeat center; font-size:16px; color:#fff; font-weight:bold; text-align:center; line-height:50px; height:50px;}
.vs h3{ text-align:center; font-size:16px; color:#1d5eb3; margin-bottom:15px;}
.vs p{ font-size:14px; line-height:20px; color:#666; text-align:center}
.vs .wen02 h3{ color:#333}
.vs .btn{ overflow:hidden; margin:0 auto; width:172px;}
.vs .btn span{ display:block; overflow:hidden; width:20px; height:20px; padding-right:18px; background:url(../images/vs_bb.png) no-repeat right center; float:left; cursor:pointer; *background:url(../images/vs_bb.png) no-repeat right  8px;}
.vs .btn span.last{ padding-right:0; background:none}
.vs .btn span.cur img{ display:block; margin-top:-20px;}

/*设备*/
.shebei { overflow:hidden; width:1000px; margin:40px auto}
.shebei h2{ text-align:center; font-size:24px;}
.shebei h2 a{ color:#333}
.shebei p{ text-align:center; font-size:16px; color:#666; margin-bottom:40px;}
.shebei .sbbox{ overflow:hidden; width:100%; height:290px; position:relative}
.shebei .sbbox ul{ overflow:hidden; position:absolute}
.shebei .sbbox li{ float:left; width:320px; height:290px; margin-right:20px;}
.shebei .sbbox li img{ display:block;}
.shebei .sbbox li a{ display:block; text-decoration:none}
.shebei .sbbox li span{ display:block; width:278px; border:1px solid #ece7e7; height:60px; line-height:60px; border-top:none; padding:0 20px; font-size:14px; color:#333; background:url(../images/sb01.png) no-repeat 265px center;}
.shebei .sbbox li:hover img{ opacity:0.47; filter:alpha(opacity=47)}
.shebei .sbbox li:hover span{ color:#1d5eb3; font-weight:bold; background:url(../images/sb02.png) no-repeat 265px center;}
.shebei .btn{ overflow:hidden; width:100%; height:33px; background:url(../images/sb_btn_bg.png) no-repeat center; text-align:center; margin-top:40px;}
.shebei .btn i{ display:inline-block; width:33px; height:33px; margin:0 5px; cursor:pointer}
.shebei .btn i{ *display:inline}
.shebei .btn .btn01{ background:url(../images/sb_btn01.png) no-repeat center top;}
.shebei .btn .btn02{ background:url(../images/sb_btn02.png) no-repeat center top;}
.shebei .btn i:hover{ background-position:bottom}

.tpro { width:1000px; margin:40px auto}
.tpro h2{ text-align:center; font-size:24px;}
.tpro h2 a{ color:#333}
.tpro p{ text-align:center; font-size:16px; color:#666; margin-bottom:40px;}
.tpro .sbbox1{ width:1000px; height:350px; }
.tpro .sbbox1 li{ float:left; width:312px; height:350px; margin-right:20px;}
.tpro .sbbox1 li img{ display:block;}
.tpro .sbbox li a{ display:block; text-decoration:none}
.tpro .sbbox li span{ display:block; width:278px; border:1px solid #ece7e7; height:60px; line-height:60px; border-top:none; padding:0 20px; font-size:14px; color:#333; background:url(../images/sb01.png) no-repeat 265px center;}
.tpro .sbbox li:hover img{ opacity:0.47; filter:alpha(opacity=47)}
.tpro .sbbox li:hover span{ color:#1d5eb3; font-weight:bold; background:url(../images/sb02.png) no-repeat 265px center;}

/*ad01*/
.ad01 { overflow:hidden; width:100%; height:170px; background:url(../images/ad01.jpg) no-repeat center top;}
.ad01 .phone{ overflow:hidden; padding-left:55px; background:url(../images/ad01_p.png) no-repeat left center; float:right; margin-top:60px;}
.ad01 p{ font-size:14px; color:#fff; margin-bottom:5px;}
.ad01 b{ display:block; font-size:24px; color:#fff;}


/*问题*/
.wenti { overflow:hidden; width:100%; padding-top:230px; height:435px; background:url(../images/wenti.jpg) no-repeat center top;}
.wenti p{ text-align:center; font-size:16px; color:#333; margin-bottom:50px; position:relative}
.wenti .p01{ left:70px;}
.wenti .p02{ left:130px;}
.wenti .p03{ left:167px;}
.wenti .p04{ left:188px;}
.wenti .p05{ left:213px;}
.wenti a{ display:block; width:313px; height:42px; line-height:42px; font-size:16px; color:#fff; font-weight:bold; background:url(../images/wentibtn.png) no-repeat center; padding-left:25px; margin:0 auto; position:relative; left:150px;}


/*优势*/
.youshi { overflow:hidden; width:100%;}
.youshi .ys_t{ overflow:hidden; width:100%; height:173px; background:url(../images/ys_t.jpg) no-repeat center top;}
.youshi .ys_bg{ overflow:hidden; width:1000px; height:1233px; background:url(../images/ys_bg.jpg) no-repeat center top; margin:0 auto}
.youshi h3{ font-size:24px; color:#1d5eb3;}
.youshi span{ display:block; font-size:12px; color:#c3c3c3; margin-bottom:30px; font-family:Arial;}
.youshi p{ font-size:14px; color:#666; line-height:50px; padding-left:40px; background:url(../images/ys_p.png) no-repeat 5px center;}
.youshi .wen{ overflow:hidden;}
.youshi .wen01{ margin-top:60px;}
.youshi .wen02{ margin-left:505px; margin-top:60px;}
.youshi .wen03{ margin-top:70px;}
.youshi .wen04{ margin-left:505px; margin-top:50px;}

/*见证*/
.jianzheng { overflow:hidden; width:100%; height:500px; background-color:#1d61b9;}
.jianzheng h2{ text-align:center; font-size:24px; margin-top:30px;}
.jianzheng h2 a{ color:#fff;}
.jianzheng span{ display:block; text-align:center; font-size:16px; color:#90b2dd; margin-bottom:35px;}
.jianzheng .jzbox{ overflow:hidden; width:1225px; margin:0 auto; height:335px; position:relative}
.jianzheng .jzbox i{ display:block; width:75px; height:75px; cursor:pointer; position:absolute; top:113px;}
.jianzheng .jzbox .btn01{ background:url(../images/jz_btn.png) no-repeat center top; left:0}
.jianzheng .jzbox .btn02{ background:url(../images/jz_btn.png) no-repeat center bottom; right:0}
.jianzheng .jzWin{ overflow:hidden; width:1000px; height:335px; margin:0 auto; position: relative}
.jianzheng .jzWin ul{ overflow:hidden; position:absolute}
.jianzheng .jzWin li{ float:left; width:320px; height:335px; background-color:#fff; margin-right:20px;}
.jianzheng .jzWin li img{ display:block; margin:10px auto 20px auto;}
.jianzheng .jzWin li h3{ text-align:center; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:300px; margin:0 auto; margin-bottom:10px;}
.jianzheng .jzWin li h3 a{ color:#333;}
.jianzheng .jzWin li p{ font-size:12px; line-height:20px; color:#666; text-align:center; width:300px; margin:0 auto}

/*畅销*/
.changxiao { overflow:hidden; width:1000px; margin:0 auto; margin-top:35px;}
.changxiao h2{ text-align:center; font-size:24px; color:#000;}
.changxiao p{ font-size:16px; color:#666; text-align:center; margin-bottom:60px;}
.changxiao img{ display:block; margin:0 auto;}

/*about*/
.about { overflow:hidden; width:100%;}
.about .about_tu{ overflow:hidden; width:100%; height:546px; background:url(../images/about.jpg) no-repeat center top;}
.about .about_tu img{ display:block; margin:0 auto; margin-top:440px;}
.about h2{ margin:0 auto; background-color:#ee0a0a; width:188px; height:60px; text-align:center; line-height:60px; font-size:24px; }
.about h2 a{color:#fff;}
.about p{ font-size:14px; color:#666; line-height:25px; width:980px; margin:45px auto 40px auto; margin-bottom:35px; text-align: justify; text-align-last:center;} 
.about a.more{ display:block; width:154px; height:40px; margin:0 auto; margin-bottom:65px; background:url(../images/about_more.png) no-repeat center ; text-align:center; line-height:40px; font-size:16px; color:#fff; text-decoration:none}

/*news*/
.news { overflow:hidden; width:1000px; margin:0 auto; margin-bottom:40px;}
.news .newsTop{ overflow:hidden; width:100%; height:65px; background-color:#393939;}
.news .newsTop ul{ overflow:hidden; float:left;}
.news .newsTop li{ float:left; width:190px; height:65px; line-height:65px; font-size:16px; border-right:1px solid #5b5b5b; text-align:center;}
.news .newsTop li a{ color:#9f9d9d; display:block; text-decoration:none}
.news .newsTop li i{ display:inline-block; width:25px; height:21px; margin-right:10px; position:relative; top:5px;}
.news .newsTop li i{ *display: inline}
.news .newsTop .i01{ background:url(../images/news01.png) no-repeat center top;}
.news .newsTop .i02{ background:url(../images/news02.png) no-repeat center top;}
.news .newsTop .i03{ background:url(../images/news03.png) no-repeat center top;}
	.news .newsTop .more{ display:block; float:right; margin-right:20px; width:72px; height:28px; margin-top:18px; background:url(../images/news_more.png) no-repeat center;}
.news .newsTop li:hover,.news .newsTop li.cur{ background-color:#1d61b9; border-color:#1d61b9;}
.news .newsTop li:hover i,.news .newsTop li.cur i{ background-position:bottom}
.news .newsTop li:hover a,.news .newsTop li.cur a{ font-weight:bold; color:#fff;}
.news .newsbox { overflow:hidden; width:938px; padding:30px; height:335px; border:1px solid #eee; border-top:none;}
.news .newslist{ overflow:hidden; width:100%; height:100%;}
.news .newslist .leftwen{ overflow:hidden; width:485px; height:100%; float:left}
.news .leftwen img{ display:block; margin:0 auto; margin-bottom:20px;}
.news .leftwen h3{ font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px;}
.news .leftwen h3 a{ color:#333}
.news .leftwen p{ font-size:14px; line-height:20px; color:#999;}
.news .newsright { overflow:hidden; width:430px; float:right; height:100%; position:relative}
.news .newsright ul{ overflow:hidden; position:absolute; width:100%;}
.news .newsright li{overflow:hidden; width:100%; height:85px;}
.news .newsright li .time{ float:left; overflow:hidden; width:68px; height:53px; border:1px solid #999;}
.news .newsright li .wen{ float:right; overflow:hidden; width:340px;}
.news .newsright li em{ display:block; text-align:center; font-size:18px; color:#333; margin:5px 0}
.news .newsright li span{ display:block; text-align:center; font-size:14px; color:#999;}
.news .newsright li h4{ font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px;}
.news .newsright li p{ font-size:14px; color:#999; line-height:20px; height:40px; overflow:hidden;}
.news .newsright li h4 a{ color:#333;}
.news .newsright li:hover .time{ background-color:#1d61b9; border-color:#1d61b9;}
.news .newsright li:hover em{ color:#fff;}
.news .newsright li:hover span{ color:#89a3d3;}

/*link*/
.link { overflow:hidden; width:1000px; margin:0 auto; margin-bottom:30px;}
.link h3{ float:left; text-align:right; width:105px; font-size:24px;}
.link h3 a{ color:#1d61b9;}
.link h3 p{ font-size:16px; color:#999; font-weight:normal; font-family:Arial; text-transform:uppercase}
.link ul{ overflow:hidden; float:right; width:860px;}
.link li{ float:left; font-size:14px; margin:0 20px; margin-bottom:10px;}
.link li a{ color:#999;}


/*<--!广告轮播样式效果一-->*/
#flashs{ position:relative; height:600px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:2; bottom:25px; left: 50%;margin-left: -64px; padding:0px 6px;}
#flashs .btn span{ background:#252525; cursor: pointer;display: inline-block;margin:2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;color:#fff;}
#flashs .btn span.cur{  background:#0067B4;}


/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}