@charset "utf-8";

/* CSS Document */

.banner { overflow:hidden; width:100%; height:600px; background:url(../img/banner.jpg) no-repeat center top;}



/*search*/

.search { overflow:hidden; width:100%; height:65px; background:url(../img/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 button{ display:block; width:55px; height:38px; border: none; 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(../img/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(../img/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(../img/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(../img/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(../img/td01.png) no-repeat right top; left:0; top:0}

.tedian .wen02{ padding-left:130px; background:url(../img/td02.png) no-repeat left top; right:0; top:0; padding-bottom:20px;}

.tedian .wen03{ padding-right:105px; background:url(../img/td03.png) no-repeat right top; left:0; top:200px;}

.tedian .wen04{ padding-left:125px; background:url(../img/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(../img/hybg01.png) repeat center}

.yyly .a02{ background:url(../img/hybg02.png) repeat center}

.yyly .a03{ background:url(../img/hybg03.png) repeat center}

.yyly .a04{ background:url(../img/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(../img/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(../img/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(../img/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(../img/vs_bb.png) no-repeat right center; float:left; cursor:pointer; *background:url(../img/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(../img/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(../img/sb02.png) no-repeat 265px center;}

.shebei .btn{ overflow:hidden; width:100%; height:33px; background:url(../img/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(../img/sb_btn01.png) no-repeat center top;}

.shebei .btn .btn02{ background:url(../img/sb_btn02.png) no-repeat center top;}

.shebei .btn i:hover{ background-position:bottom}



/*ad01*/

.ad01 { overflow:hidden; width:100%; height:170px; background:url(../img/ab.png) no-repeat center top;}

.ad01 .phone{ overflow:hidden; padding-left:55px; background:url(../img/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(../img/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(../img/wentibtn.png) no-repeat center; padding-left:25px; margin:0 auto; position:relative; left:150px;}





/*优势*/

.youshi { overflow:hidden; width:100%;}



.youshi .ys_bg{ overflow:hidden; width:1000px; height:1233px; background:url(../img/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(../img/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(../img/jz_btn.png) no-repeat center top; left:0}

.jianzheng .jzbox .btn02{ background:url(../img/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(../img/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(../img/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(../img/news01.png) no-repeat center top;}

.news .newsTop .i02{ background:url(../img/news02.png) no-repeat center top;}

.news .newsTop .i03{ background:url(../img/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(../img/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 30px 0 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;}