@charset "utf-8";
/* CSS Document */

/*banner*/
/*
.banner{ overflow:hidden; width:100%; height:540px; background:url(banner.jpg) no-repeat center top; position:relative;}
.banner .btn{ overflow:hidden; width:184px; height:12px; position:absolute; left:50%; bottom:28px; margin-left:-92px;}
.banner .btn span{ display:block; width:36px; height:12px; background-color:#000; opacity:0.2;filter:alpha(opacity=0..2); float:left; margin:0 5px;}
.banner .btn span.cur{ background-color:#f2701a; opacity:1; filter:alpha(opcity=1)}
*/

/*now*/
.now{ overflow:hidden; margin-top:25px; height:420px; background:url(xzBg.jpg) no-repeat center top; margin-bottom:45px;}
.now ul{ overflow:hidden; float:right; margin-top:230px; width:563px;}
.now li{ font-size:18px; color:#3c3c3c; line-height:46px; background:url(xz.png) no-repeat left center; padding-left:20px;}

/*product*/
.product{ overflow:hidden; margin-bottom:55px; height:665px;}
.product h3{ font-size:36px; text-align:center;}
.product h3 a{ color:#172448; text-decoration:none}
.product span{ display:block; text-align:center; font-size:16px; color:#9f9f9f; font-family:Arial; background:url(prot.png) no-repeat center; margin-bottom:30px;}
.product .p_box{ overflow:hidden; width:100%;}
.product .pro_left { overflow:hidden; float:left; width:240px; border-bottom:1px solid #172448}
.product .pro_left h4{ font-size:24px; font-weight:normal; text-align:center; line-height:80px; background-color:#172448;}
.product .pro_left h4 a{ color:#fff; text-decoration:none}
.product .pro_left ul{ overflow:hidden; width:100%;}
.product .pro_left li{ overflow:hidden; width:235px; font-size:16px; line-height:49px; border-left:1px solid #172448; border-right:1px solid #172448; padding-left:3px}
.product .pro_left li a{ display:block; color:#4f4f4f; width:190px; margin:0 auto; padding-left:15px; background:url(pro_left01.png) no-repeat right center; border-bottom:1px dashed #ddd; text-decoration:none;}
.product .pro_left li:hover,.product .pro_left li.cur{ background-color:#f2f2f2; padding-left:0; border-left:4px solid #f2701a;}
.product .pro_left li:hover a,.product .pro_left li.cur a{ background:url(pro_left02.png) no-repeat center right;}
.product .pro_right { overflow:hidden; width:930px; float:right;}
.product .pro_right ul{ overflow:hidden; width:970px;}
.product .pro_right li{ width:287px; height:260px; border:1px solid #e6e6e6; float:left; margin-right:31px; margin-bottom:35px;}
.product .pro_right li img{ display:block; margin-bottom:12px;}
.product .pro_right li p{ font-size:15px; color:#4f4f4f; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.product .pro_right li a{ text-decoration:none;}
.product .pro_right li:hover{ border:1px solid #f2701a;}
.product .pro_right li:hover p{ color:#f2701a;}

/*worry*/
.worry{ overflow:hidden; width:100%; height:564px; background:url(worry.jpg) no-repeat center top; background-color:#012a61; margin-bottom:65px;}
.worry p{ font-size:30px; color:#fff; text-align:center; margin-top:55px;}
.worry h3{ font-size:44px; color:#f2701a; text-align:center;}
.worry span{ display:block; text-align:center; font-size:16px; font-family:Arial; color:#fff;}

/*解决*/
.jiejue{ overflow:hidden; width:1230px; height:620px; margin-bottom:60px;}
.jiejue h3{ margin-bottom:10px; text-align:center;}
.jiejue span{ display:block; text-align:center; font-size:28px; color:#172448; margin-bottom:25px;}
.jiejue .jjBox{ overflow:hidden; width:100%;}
.jiejue dl{ overflow:hidden; width:583px; height:226px; border:1px solid #ddd; float:left; margin:15px;}
.jiejue dt{ float:left; width:228px; height:216px; overflow:hidden; padding:5px; margin-right:20px;}
.jiejue dd{ overflow:hidden; width:300px; margin-top:40px; float:left;}
.jiejue h4{ font-size:24px; color:#172448; margin-bottom:15px;}
.jiejue p{ font-size:15px; line-height:24px; color:#606060; text-align:justify;}

/*ad01*/
.ad01{ overflow:hidden; width:100%; height:193px; background:url(ad01Bg.jpg) no-repeat center top; margin-bottom:50px;}
.ad01 ul{ overflow:hidden; float:right; margin-top:58px;}
.ad01 li{ overflow:hidden; float:left; margin-left:15px;}
.ad01 input{ overflow:hidden; width:200px; height:32px; border:none; padding-left:50px; line-height:32px; font-size:15px; color:#d0d0d0; outline:none; display:block;}
.ad01 .name{ background:url(ad01_name.png) no-repeat center left ;}
.ad01 .phone{ background:url(ad01_phone.png) no-repeat center left; margin-top:17px;}
.ad01 a{ display:block; cursor:pointer; width:55px; height:55px; font-size:24px; color:#fff; padding:13px; background-color:#f2701a; text-decoration:none; text-align:center; line-height:25px;}
.ad01 p{ font-size:15px; color:#fff; margin-top:20px;}
.ad01 img{ display:block; margin-top:10px;}

/*优势*/
.youshi { overflow:hidden;}
.youshi h3{ font-size:36px; color:#172448; text-align:center;}
.youshi h3 b{ font-size:60px; color:#f2701a;}
.youshi h3 em{ font-size:30x; color:#fff; background-color:#172448; padding:0 5px; margin-left:10px;}
.youshi span{ display:block; text-align:center; font-size:26px; color:#929292; margin-bottom:50px;}
.youshi .ysBox{ overflow:hidden; width:100%; height:963px; background:url(youshiBg.jpg) no-repeat center top;}
.youshi h4{ font-size:26px; color:#172448; margin-bottom:15px;}
.youshi p{ font-size:16px; line-height:30px; color:#6d6d6d; width:495px; text-align:justify;}
.youshi p em{ color:#f2701a;}
.youshi h5{ font-size:28px; color:#f2701a; font-weight:normal; font-family:Arial}
.youshi .phone { overflow:hidden; width:207px; height:80px; background:url(youshi_phone.png) no-repeat center; padding-left:80px; padding-top:23px; float:right; margin-right:275px; margin-top:-260px;}
.youshi .phone em{ font-size:16pxc; color:#6d6d6d; margin-top:5px; display:block;}
.youshi .youshi01{ margin-left:675px; margin-top:12px;}
.youshi .youshi02{ margin-left:675px; margin-top:45px;}
.youshi .youshi03{ margin-left:70px; margin-top:45px;}
.youshi .youshi04{ margin-left:70px; margin-top:25px;}
.youshi .youshi05{ margin-left:70px; margin-top:45px;}

/*售后*/
.shouhou{ overflow:hidden; width:100%; height:508px; background:url(sh_bg.jpg) no-repeat center top;}
.shouhou p{ font-size:16px; color:#fff; line-height:30px; margin-bottom:15px; padding-left:35px;}
.shouhou .p01{ background:url(sh_a.png) no-repeat left top; margin-top:230px;}
.shouhou .p02{ background:url(sh_b.png) no-repeat left center;}
.shouhou .p03{ background:url(sh_c.png) no-repeat center left;}
.shouhou .p04{ background:url(sh_d.png) no-repeat left center;}

/*合作*/
.hezuo{ overflow:hidden; width:100%; padding:50px 0; background-color:#efefef; margin-bottom:60px;}
.hezuo h3{ font-size:36px; text-align:center;}
.hezuo h3 a{ color:#172448; text-decoration:none}
.hezuo>span{ display:block; text-align:center; font-size:16px; color:#9f9f9f; font-family:Arial; background:url(hz_s.png) no-repeat center; margin-bottom:35px;}
.hezuo .hzBox{ overflow:hidden; width:1300px; margin:0 auto; height:150px; position:relative;}
.hezuo .hzBox span{ overflow:hidden; cursor:pointer; display:block; width:18px; height:31px; position:absolute; top:40px;}
.hezuo .hzLeft{ background:url(hezuoLeft.png) no-repeat center top; left:0;}
.hezuo .hzRight{ background:url(hezuoRight.png) no-repeat center top; right:0;}
.hezuo .hzBox span:hover{ background-position:bottom;}
.hezuo .hzWin{ overflow:hidden; height:150px; width:1195px; margin:0 auto; position:relative;}
.hezuo .hzWin ul{ overflow:hidden; position:absolute;}
.hezuo .hzWin li{ overflow:hidden; width:215px; margin-right:30px; height:150px; float:left; text-align:center}
.hezuo .hzWin li img{ display:block; border:1px solid #ddd; margin-bottom:10px;}
.hezuo .hzWin li p{ font-size:16px; color:#666;}

/*case*/
.case{ overflow:hidden; width:1300px; margin:0 auto; overflow:hidden; margin-bottom:35px;}
.case h3{ font-size:36px; text-align:center;}
.case h3 a{ color:#172448; text-decoration:none}
.case>span{ display:block; text-align:center; font-size:16px; color:#9f9f9f; font-family:Arial; background:url(prot.png) no-repeat center; margin-bottom:45px;}
.case .caseBox{ overflow:hidden; width:100%; height:275px; position:relative;}
.case .caseBox span{ cursor:pointer;display:block; width:18px; height:31px; position:absolute; top:120px;}
.case .caseBox .caseLeft{ background:url(hezuoLeft.png) no-repeat center top; left:0;}
.case .caseBox .caseRight{ background:url(hezuoRight.png) no-repeat center top; right:0;}
.case .caseBox span:hover{ background-position:bottom;}
.case .caseWin{ overflow:hidden; margin:0 auto; width:1200px; height:275px; position:relative;}
.case .caseWin ul{ overflow:hidden; position:absolute;}
.case .caseWin li{ width:282px; height:275px; overflow:hidden; float:left; margin-right:24px; text-align:center;}
.case .caseWin li img{ display:block; padding:4px; border:1px solid #ddd; margin-bottom:10px;}
.case .caseWin li p{ font-size:17px; color:#172448; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/*about_question*/
.N_box{ overflow:hidden; padding-top:40px; border-top:1px solid #ccc; margin-bottom:55px;}
.N_box h3{ font-weight:normal; font-size:16px; padding-top:30px; margin-bottom:30px;}
.N_box h3 a{ color:#0b0b0b}

.about{ overflow:hidden; width:800px; float:left;}
.about h3{ background:url(about.png) no-repeat left top;}
.about dl{ overflow:hidden; width:100%; margin-bottom:30px;}
.about dt{ overflow:hidden; float:left;}
.about dd{ overflow:hidden; width:400px; float:right;}
.about dd h4{ font-weight:normal; font-size:18px; margin:15px 0}
.about dd h4 a{ color:#1e1e1e}
.about dd p{ font-size:15px; color:#5e5e5e; line-height:28px; height:140px; overflow:hidden; margin-bottom:20px; text-align:justify;}
.about dd .xq{ display:block; width:115px; height:28px; background-color:#f2701a; text-align:center; line-height:28px; border-radius:2px; font-size:15px; color:#fff;}
.about .aboutBox{ overflow:hidden; width:100%; height:184px; padding-top:20px; background-color:#ececec; position:relative;}
.about .aboutBox span{ display:block; width:12px; height:30px; position:absolute; top:80px; cursor:pointer}
.about .a_left{ background:url(aboutLeft.png) no-repeat center top; left:10px;}
.about .a_right{ background:url(aboutRight.png) no-repeat center top; right:10px;}
.about .aboutBox span:hover{ background-position:bottom;}
.about .aWin{ position:relative; overflow:hidden; height:170px; margin:0 auto; width:725px;}
.about .aWin ul{ overflow:hidden; position:absolute;}
.about .aWin li { overflow:hidden; width:170px; height:204px; float:left; margin-right:15px; text-align:center;}
.about .aWin li img{ display:block; padding:5px; background-color:#fff; margin-bottom:10px;}
.about .aWin li p{ font-size:15px; color:#404040;}

.question{ overflow:hidden; width:320px; float:right;}
.question h3{ background:url(question.png) no-repeat left top;}
.question .q_Box{ overflow:hidden; width:100%; height:470px; position:relative;}
.question .q_list { overflow:hidden; width:100%;margin-bottom:20px; border-bottom:1px dashed #ddd;}
.question .q_list h5{ font-weight:normal; font-size:17px; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-left:25px; background:url(wen.png) no-repeat left center; margin-bottom:15px;}
.question .q_list h5 a{ color:#1e1e1e;}
.question .q_list p{ font-size:14px; color:#858585; line-height:20px; padding-left:25px; background:url(da.png) no-repeat left top; height:100px; overflow:hidden;}

/*news*/
.s_box{ overflow:hidden; margin-bottom:45px;}
.s_box h3{ font-weight:normal; font-size:20px; color:#1e1e1e; padding-left:12px; background:url(news03.png) no-repeat left 5px; padding-bottom:15px; border-bottom:1px solid #ccc; margin-bottom:30px;}
.s_box h3 a{ color:#1e1e1e;}
.s_box h3 span{ margin-left:5px; font-size:17px; color:#c1c1c1; font-family:Arial}

.c_news{ overflow:hidden; float:left; width:380px; margin-right:30px;}
.o_meg{ overflow:hidden; float:right; width:380px;}

.c_news dl{ overflow:hidden; width:100%; margin-bottom:25px;}
.c_news dt{ overflow:hidden; float:left;}
.c_news dd{ overflow:hidden; width:270px; float:right;}
.c_news dd h4{ font-size:17px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.c_news dd h4 a{ color:#1e1e1e;}
.c_news dd em{ display:block; font-size:14px; color:#c9c9c9; font-family:Arial; line-height:20px;}
.c_news dd p{ font-size:15px; color:#858585; line-height:24px; height:48px; overflow:hidden; width:100%;}
.c_news ul{ overflow:hidden; width:100%;}
.c_news ul li{ overflow:hidden; font-size:15px; line-height:32px; width:100%; background:url(news_s.png) no-repeat left center; overflow:hidden;}
.c_news li a{ display:block; float:left; margin-left:10px; width:270px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#1e1e1e;}
.c_news li span{ float:right; color:#959494; font-size:14px; font-family:Arial}

.o_meg ul{ overflow:hidden; width:315px; margin:0 auto;}
.o_meg li{ width:100%; overflow:hidden; margin-bottom:14px;}
.o_meg li span{ display:block; width:70px; text-align:center; font-size:16px; color:#404040; line-height:26px; float:left;}
.o_meg li input{ width:242px; height:24px; border:1px solid #ccc; line-height:24px; float:left;}
.o_meg li textarea{ overflow:hidden; width:242px; height:64px; border:1px solid #ccc; line-height:20px; resize:none;}
.o_meg li a{ display:block; font-size:16px; color:#fff; width:88px; height:30px; text-align:center; line-height:30px; background-color:#f2701a; margin-left:70px; cursor:pointer;}