@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;list-style:none}

/*banner*/
.banner{height:500px; background:url(Img/Index/banner1.jpg) no-repeat center 0; position: relative;}

.banner p{text-align: center; position: absolute; left: 50%; margin-left: -127px; bottom: 65px; }
.banner p a{ display: inline-block; width: 59px; height: 10px; background:url(Img/Index/banner_bg.png) no-repeat; margin: 0 12px; opacity: 0.52;filter:alpha(opacity=52);}
.banner p a:hover,.banner p a.cur{ opacity: 1; filter:alpha(opacity=100);}
.banner .prev{position: absolute; left: 50%; margin-left: -610px; top: 216px; opacity: 0.5; filter: alpha(opacity=50);}
.banner .next{position: absolute; right: 50%; margin-right: -610px; top: 216px; opacity: 0.5; filter: alpha(opacity=50);}
.banner .prev:hover,.banner .next:hover{opacity: 0.7; filter: alpha(opacity=70);}


/**/
.searchBg{padding:7px 0px; background:url(Img/Index/searchBg.png) repeat-x center;}
.search{height:30px; line-height:30px; overflow:hidden;}
.search .searchBox{width:284px;}
.search .soText{float:left; width:234px; height:30px; line-height:30px; padding:0px 10px; color:#333; border:none; background:url(Img/Index/searchTxt.png) no-repeat center; outline:none; font-family:microsoft yahei;}
.search .soBtn{float:right; width:30px; height:30px; border:none; background:url(Img/Index/searchBtn.png) no-repeat center;}
.search .keyWord{width:500px; height:25px; overflow:hidden; color:#333;}
.search .keyWord em{ font-size:16px;}
.search .keyWord a{padding:0 8px; color:#333;}

.we{margin-top: -45px; position: relative; z-index: 9; margin-bottom: 60px;}
.we_a{ height: 90px;background:url(Img/Index/we_bg.jpg) no-repeat; }
.we_a h3{float: left;}
.we_a h3{line-height: 90px; color: #333; font-size: 25px; padding-left: 80px;}
.we_a h3 i{color: #0577D8; font-size: 34px; padding-right: 10px;vertical-align: middle;}
.we_a h3 span{vertical-align: middle;}
.we_a p{float: right; font-size: 14px; font-weight: bold; padding-right: 20px;}

.we_a p a{display: inline-block; width: 122px; padding-top: 60px; height: 30px; text-align: center; margin-left: 10px; font-weight:normal;}
.we_a p a:hover{text-decoration: none;}

.we_b{margin-top: 15px;background: #f3f3f3;}

.we_b dt{float: left;}
.we_b dd{float: right; width: 582px; padding-right: 60px;}
.we_b dd p{ line-height: 30px; font-size: 16px; text-indent: 2em; padding-top: 50px;color: #444; }
.we_b dd span{display: block; text-align: right;}
.we_b dd span a{color: #0577D8; font-size: 14px; width: 120px; height: 35px; text-align: center; line-height: 35px; display: inline-block; border: 1px solid #0577D8;}
.we_b dd span a:hover{text-decoration: none;}


/**/

.pro{margin-bottom: 60px;}
.pro h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 30px; }
.pro h3 a{display: inline-block; font-size: 26px; text-align: left;background:url(Img/Index/pro_ic.png) no-repeat 0 24px; padding:20px 0 0 62px; border-top:1px solid #dcdcdc;}
.pro h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;}
.pro h3 a:hover{text-decoration: none;}
.pro_l{width: 210px; overflow: hidden;}
.pro_l h4{font-size: 24px; background: #0577D8; height: 75px;}
.pro_l h4 a{display: block; color: #fff; padding: 18px 0 0 42px;}
.pro_l h4 span{ display: block; text-transform: uppercase; font-size: 12px; font-weight: normal; color: #83c89d; margin-top: 4px; }
.pro_l h4 a:hover{text-decoration: none;}
.pro_cat h5{font-size:18px; background-color: #ebebeb; padding: 0 12px; margin-bottom:4px; height:50px; line-height:50px; overflow: hidden; }
.pro_cat h5:hover{background-color: #FFB433;}
.pro_cat h5 em{ color: #0577D8; }
.pro_cat ul{margin-bottom: 8px;padding: 0 12px 10px;background:#ebebeb url(Img/Index/line.gif) no-repeat center 0 ;}
.pro_cat li{font-size: 14px; line-height: 40px; background:url(Img/Index/pro_ic2.png) no-repeat 0 center; padding-left: 10px; }

.pro_r{width: 760px; }
.pro_fls{position: relative; z-index:99;}
.pro_r .pro_fls dl{ width:760px;}
.pro_r .prev,.pro_r .next{ width:45px; height:68px; display:block; position:absolute; opacity: 0.8;z-index:999;}
.pro_r .prev{ left:20px; top:190px;  background:url(Img/Index/btn1.png) no-repeat; z-index:99999; display:block; }
.pro_r .next{right:20px; top:190px; background:url(Img/Index/btn1.png) no-repeat -45px 0;}
.pro_r .prev:hover{ background:url(Img/Index/btn1.png) no-repeat 0 -68px; z-index:99999;}
.pro_r .next:hover{ background:url(Img/Index/btn1.png) no-repeat -45px -68px; z-index:99999;}

.pro_r dt img{display: block; width: 760px; height: 450px;}
.pro_r dd {background: #ececec; padding: 24px;  position: relative; zoom: 1;}
.pro_r dd em{font-size: 18px; width: 712px; display: block;white-space: nowrap;text-overflow: ellipsis;  overflow: hidden; }
.pro_r dd p{font-size: 13px; line-height: 24px; color: #333; height: 48px; overflow: hidden; border-top: 1px solid #d2d2d2; padding-top: 8px; margin-top: 8px;}
.pro_r dd p a{ font-weight: bold; }
.pro_r dd span a{ display: block; width: 120px; height: 32px; line-height: 32px; background: #0577D8; text-align: center; font-size: 14px;  color: #fff;  position: absolute; right: 0; bottom: 0; }
.pro_r dd span a:hover{text-decoration: none;}


/**/

.quality{ margin-bottom: 60px; background: #eee; padding: 50px 0 60px; }
.quality h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 35px; }
.quality h3 a{display: inline-block; font-size: 26px; text-align: left;background:url(Img/Index/quality_bg.png) no-repeat 0 28px; padding:20px 0 0 62px; border-top:1px solid #dcdcdc;}
.quality h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;}
.quality h3 a:hover{text-decoration: none;}

.quality dl{background: #fff; float:left; width:1000px;}
.quality dt{width:1000px; overflow:hidden;}
.quality dt img{width: 1000px; height: 460px; display: block;}
.quality dd {padding: 0 30px; width: 280px; float: left;}
.quality dd b{display: block; font-size: 26px; margin-top: 104px; line-height: 30px; height: 30px; overflow: hidden;}
.quality dd b a:hover{text-decoration: none;}
.quality dd em{display: block; font-size: 18px; font-weight: bold; color: #333; line-height: 24px; height: 24px; overflow: hidden; margin: 10px 0 25px;}
.quality dd p{line-height: 28px; color: #3e3e3e; font-size: 15px; width: 210px;}

.quality_con{position: relative; width:1000px;}

.quality_con i{position: absolute; left:410px;top: 480px; z-index:99;}
.quality_con i a{ display: inline-block; width:50px; height: 10px; background-color:#0577D8; overflow: hidden; margin: 0 8px 4px 0;}
.quality_con i a:hover,.quality_con i a.cur{ background-color:#FFB433;}

.quality_con .prev,.quality_con .next{ width:70px; height:62px; display:block; position:absolute; z-index:99;}
.quality_con .prev{ left:267px; top:200px;  background:url(Img/Index/btn4.gif) no-repeat; }
.quality_con .next{left:342px; top:200px; background:url(Img/Index/btn4.gif) no-repeat -70px 0;}
.quality_con .prev:hover{ background:url(Img/Index/btn4.gif) no-repeat 0 -62px;}
.quality_con .next:hover{ background:url(Img/Index/btn4.gif) no-repeat -70px -62px;}


/**/

.casetit h3{ text-align: center; font-weight: normal; padding-bottom: 20px; margin-bottom: 35px; }
.casetit h3 a {
    display: inline-block;
    font-size: 26px;
    text-align: left;
    background: url(Img/Index/case_ic.png) no-repeat 0 28px;
    padding: 20px 0 0 70px;
    border-top: 1px solid #dcdcdc;
}
.casetit h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;}
.casetit h3 a:hover{text-decoration: none;}

.hand{margin-bottom: 70px;}
.hand h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 35px; }
.hand h3 a{display: inline-block; font-size: 26px; text-align: left;background:url(Img/Index/hand_ic.png) no-repeat 0 28px; padding:20px 0 0 70px; border-top:1px solid #dcdcdc;}
.hand h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;}
.hand h3 a:hover{text-decoration: none;}
.hand p{ text-align:center; color:#c1c1c1; margin:26px 0; height: 18px; overflow: hidden;}
.hand p a{ font-size:14px; color:#666; padding:0 14px; display: inline-block;}
.hand p a:hover{  font-weight: bold; color: #333;}

.hand_con{ width:100%; min-width:800px; height:340px; overflow:hidden; position:relative;}
.hand_pic{ width:800px; position:absolute; left:50%; margin-left:-400px; z-index:99;}
.hand_pic li{ float:left; padding-top:5px; width:400px; overflow:hidden;}
.hand_pic li b img{ display:block; width:400px; height:275px;}
.hand_pic li em{ display:block; height:60px; line-height:60px; font-size:14px; padding:0 60px 0 60px; text-align:center; position:relative; overflow: hidden;background: #eee; }
.hand_pic li em i{ position:absolute; top:22px; left:360px;}

.hand_pic li.cur em{ background:#2c2a2a; }
.hand_pic li.cur em a{color:#ddd;}
.hand_pic li.cur{ background:#0577D8;}

.hand_con .gray_l{ left:-50%; margin-left:-400px;}
.hand_con .gray_r{ right:-50%; margin-right:-400px;}
.hand_con .gray span{ display:block; width:100%; height:275px; left:0; top:0; position:absolute; background:#000; opacity:0.5; filter: alpha(opacity=100);}
.hand_con .gray{ z-index:9; top:5px; cursor:pointer; width:100%; height:335px; position:absolute; z-index:999; }
.hand_con .btn{width: 45px; height: 68px; position: absolute;opacity: 0.5; z-index:999;}
.hand_con .prev{ background:url(Img/Index/btn2.png) no-repeat;right: 54px; top: 100px; }
.hand_con .next{ background:url(Img/Index/btn3.png) no-repeat;  left: 54px; top: 100px;}
.hand_con .prev:hover{opacity: 1; filter: alpha(opacity=100);}
.hand_con .next:hover{opacity: 1; filter: alpha(opacity=100);}


/**/


.focus{margin-bottom:45px;}
.focus h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 50px; }
.focus h3 a{display: inline-block; font-size: 26px; text-align: left;background:url(Img/Index/focus_ic.png) no-repeat 0  24px; padding:20px 0 0 60px; border-top:1px solid #dcdcdc;}
.focus h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;}
.focus h3 a:hover{text-decoration: none;}

.focus h4{ font-weight:normal; padding-bottom:12px; background:url(Img/Index/focus_bg.gif) no-repeat 0 bottom; margin-bottom:20px;}
.focus h4 em{ float:left; font-size:20px;}
.focus h4 span a{ float:right; font-size: 12px; display:block; padding:10px 0 0; text-transform: uppercase; }
.focus h4 em a:hover{ text-decoration:none;}
.focus h4 em i{ color: #d0d0d0; text-transform: uppercase; font-style: normal; padding-left: 16px; }

.focus_l{ width:465px; overflow: hidden;}
.focus_l dl{border-bottom: 1px solid #d2d2d2; margin-bottom: 10px;}
.focus_l dt img{ display:block; width:465px; height:208px;}
.focus_l dd b{ display:block; height:20px; line-height:20px; margin:20px 0 10px; overflow: hidden; }
.focus_l dd b a{ float:left;font-size:16px; max-width: 390px;}
.focus_l dd b span{ font-weight:normal; font-size:12px; float:right;}
.focus_l dd p{ font-size:14px; line-height:24px; height: 72px; overflow: hidden; margin-bottom:15px;}
.focus_l dd p a{ color:#0577D8;}

.focus_l ul{ background:url(Img/Index/focus_ic2.png) no-repeat 0 center; padding-left: 18px;}
.focus_l li{ height:46px; line-height:46px; font-size:14px; border-bottom: 1px dashed #c0c0c0; overflow: hidden; vertical-align: top;}
.focus_l li em{ float:left; width: 360px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.focus_l li span{ float:right; font-size: 12px;}
.focus_l li em a:hover{font-weight: bold;}
.focus_r{ width:500px;}
.focus_con{ padding-bottom:15px;}
.focus_con dl{ margin-bottom:24px;}
.focus_con dt{ float:left;}
.focus_con dt img{ display:block; width:182px; height:110px;}
.focus_con dd{ float:right; width:300px;}
.focus_con dd em{ display:block; width: 300px; height:20px; line-height:20px; margin-bottom:10px;font-size:15px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.focus_con dd p{ font-size:14px; line-height:24px;}
.focus_con dd p a{ color:#0577D8;}
.faq p{ float:left;}
.faq ul{ float:right; width:290px;}
.faq li{ width: 270px; height:34px; line-height:34px; font-size:14px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;padding-left:20px; background:url(Img/Index/focus_icon.gif) no-repeat 0 center;}
.faq p img{ display:block; width:190px; height:235px;}
.faq li a:hover{ font-weight: bold; }


/**/

.about{ background:url(Img/Index/about_bg.jpg) no-repeat center 0; padding-top: 30px; height: 700px; overflow: hidden;}
.about h3{ text-align: center; font-weight: normal; margin-bottom: 20px; }
.about h3 a{display: inline-block; font-size: 26px; text-align: left;background:url(Img/Index/about_ic.png) no-repeat 0  24px; padding:20px 0 0 70px; color: #fff;}
.about h3 span{display: block; text-transform: uppercase; color: #979a9b; font-size: 18px; margin-top: 5px;}
.about h3 a:hover{text-decoration: none;}
.about i{display: block; text-align: center; font-style: normal; padding-top: 40px;}
.about i a{color: #fff; font-size: 18px; display: inline-block; width: 220px; height: 45px; line-height: 45px; border:1px solid #fff;}
.about_vd{width: 897px; height:499px; overflow: hidden; margin: 0 auto;}


/**/


.brand{padding: 65px 0;}
.brand h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 50px; }
.brand h3 a{display: inline-block; font-size: 26px; text-align: left;background:url(Img/Index/brand_ic.png) no-repeat 0  24px; padding:20px 0 0 70px; border-top:1px solid #dcdcdc;}
.brand h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;}
.brand h3 a:hover{text-decoration: none;}

.brand li{float: left; width: 198px; border:1px solid #ddd;text-align:center; height: 130px; margin-left: -1px; position: relative;}
.brand li a{ cursor: pointer; text-align:center;}
.brand li img{display: block; width: 154px; height: 84px; margin-left:22px; margin-top:10px;}
.brand li span{display: block; text-align: center; font-size: 14px; line-height: 35px;}
.brand li i{display: none; position: absolute; left: 0; top: 0; width: 198px; height: 130px; z-index: 9; background:url(Img/Index/bg10.png) repeat;}





/**/

/* 友情链接 */

.link{background: #282828; }
.link .content{padding: 22px 0; border-bottom: 1px solid #565656; }
.link h3{ float: left; font-size: 12px; font-weight: normal; width: 170px; padding-top: 28px; background:url(Img/Index/link_bg.png) no-repeat;  }
.link h3 a{color: #ababab;}
.link p{ float: right; width: 830px;}
.link p span{display: inline-block; line-height: 24px; margin-left: 32px;}
.link p span a{color: #757575;}





/*  */

.pro_cat h5 a:hover,.brand li a:hover,.about i a:hover{ text-decoration: none; }
/**/



/*详情页*/

*{margin:0px;padding:0px;list-style:none}
.xq{width:1100px;height:auto}
.xq0{width:1100px;height:640px}
.xq1{width:1100px;height:378px;margin-top:50px}
.xq2{width:1100px;height:335px;margin-top:50px}
.xq3{width:1100px;height:635px;margin-top:50px}
.xq4{width:1100px;height:auto;margin-top:50px}
.xq5{width:1100px;height:300px;margin-top:50px}
.xq6{width:1100px;height:322px;margin-top:50px}
.xq7{width:1100px;height:auto;margin-top:50px}
.xq8{width:1100px;height:auto;margin-top:25px}
.xq9{width:1100px;height:766px;margin-top:50px}
.xq11{width:1100px;height:auto;margin-top:25px}
.xq10{width:1100px;height:421px}
.ps1{width:489px;height:22px;float:left}
.ps1 p{font-family:'黑体';font-size:24px;color:#000}
.ps1 p span{font-family:'Arial';font-size:18px;color:#a4a4a4}
.pn1{width:489px;height:22px;float:left}
.pn1 p{font-family:'黑体';font-size:24px;color:#000}
.pn1 p span{font-family:'Arial';font-size:18px;color:#a4a4a4}
.pi1{width:489px;height:22px;float:left}
.pi1 p{font-family:'黑体';font-size:24px;color:#000}
.pi1 p span{font-family:'Arial';font-size:18px;color:#a4a4a4}
.pi2{width:1000px;height:326px;margin-top:25px}
.pi2 li{width:500px;height:54px;float:left;margin-bottom:1px}
.pi2 li p{width:202px;height:54px;background-color:#0066d4;float:left;font-family:'宋体';font-size:20px;color:#fff;line-height:54px}
.pi2 li span{text-indent:1em;width:298px;height:54px;background-color:#f3f3f3;float:left;font-family:'微软雅黑';font-size:20px;color:#000;line-height:54px}
.pc1{width:489px;height:22px;float:left}
.pc1r{width:600px;height:3px;background-color:#d2d2d2;float:right;margin-top:20px}
.pc1 p{font-family:'黑体';font-size:24px;color:#000}
.pc1 p span{font-family:'Arial';font-size:18px;color:#a4a4a4}
.pc2{width:1100px;height:310px;margin-top:25px}
.pc20 li{font-family:'宋体';font-size:30px;color:#fff;float:left;padding-top:170px;margin-left:155px}
.cd1{width:489px;height:22px;float:left}
.cd1 p{font-family:'黑体';font-size:24px;color:#000}
.cd1 p span{font-family:'Arial';font-size:18px;color:#a4a4a4}
.cd2{width:1100px;height:586px;margin-top:25px}
.cd20{float:left;width:360px}
.cd21{float:left;margin-left:10px}
.cdi1{width:235px;height:274px}
.cdi2{width:235px;height:367px;margin-top:9px}
.cdi3{width:583px;height:367px}
.cdi4{width:583px;height:274px;margin-top:9px}
.cdi5{width:235px;height:274px}
.cdi6{width:235px;height:367px;margin-top:9px}
.cdi10 p{font-family:'宋体';font-size:22px;color:#fff;line-height:40px;text-align:center}
.aa1{width:489px;height:22px;float:left}
.aa1 p{font-family:'黑体';font-size:24px;color:#000}
.aa1 p span{font-family:'Arial';font-size:18px;color:#a4a4a4}
.aa2{width:1021px;height:580px;margin-top:25px}
.aa2 p{margin-left:59px;border-bottom:2px solid #40546a;font-family:'宋体';font-size:22px;color:#051f3c;text-indent:1em;width:1002px;height:auto}
.aa2 ul{width:1078px;height:465px;margin-left:9px;margin-top:32px}
.aa2 li{width:263px;height:229px;float:left;margin-left:8px}
.aa2 li p{font-family:'微软雅黑';font-size:24px;color:#000;text-align:center;text-indent:0em}
.od1{width:489px;height:22px;float:left}
.od1 p{font-family:'黑体';font-size:24px;color:#000}
.od1 p span{font-family:'Arial';font-size:18px;color:#a4a4a4}
.od2{width:1100px;height:187px;margin-top:25px}
.od2 li{width:262px;height:233px;float:left;margin-left:10px}
.od2 li p{font-family:'宋体';font-size:22px;color:#051f3c;line-height:50px;text-indent:1em}
.gp1{width:489px;height:22px;float:left}
.gp1 p{padding-left:10px;font-family:'黑体';font-size:24px;color:#000}
.gp1 p span{font-family:'Arial';font-size:18px;color:#a4a4a4}
.gp2{margin-top:25px}
.gp2 ul{margin-left:11px;margin-top:38px}
.gp2 li{width:292px;height:260px;float:left;margin-left:87px}
.gp2 li p{font-family:'宋体';font-size:22px;color:#051f3c;text-align:center;line-height:60px}
.mna1{width:489px;height:22px;float:left}
.mna1 p{font-family:'黑体';font-size:24px;color:#000}
.mna1 p span{font-family:'Arial';font-size:18px;color:#a4a4a4}
.mna2{width:1100px;height:auto;margin-top:25px}
.cp1{width:489px;height:22px;float:left}
.cp1 p{font-family:'黑体';font-size:24px;color:#000}
.cp1 p span{font-family:'Arial';font-size:18px;color:#a4a4a4}
.au1{width:489px;height:22px;float:left}
.au1 p{padding-left:10px;font-family:'黑体';font-size:24px;color:#000}
.au1 p span{font-family:'Arial';font-size:18px;color:#a4a4a4}
.au2{float:left;width:1063px;height:720px;margin-left:5px;overflow:hidden;position:relative;margin-top:25px}
.au2 .img1{width:7000px; position:absolute; left:0px;top:0px;}
.au2 .img1 img{width:1063px; height:660px;}
.au2 .img1 li{float:left}
.au2 .num1 {position:absolute;width:100%;font-size:0px;border-bottom:3px solid #0066d4}
.au2 ul{width:480px;height:52px}
.au2 .num1 li {background-color:#fff;margin:0px 1px;display:inline-block;cursor:pointer;border-left:1px solid #000}
.au2 .num1 li p{width:209px; height:52px;font-family:'微软雅黑';font-size:24px;color:#2b2b2b;line-height:42px;text-align:center}
.au2 .num1 li.on {background-color: #1b81d0;color:#fff}
.au2 .num1 li p.on {color:#fff}
.pn2-2{font-family:'宋体';font-size:20px;color:#000;}
.pnr p{font-family:'黑体';font-size:24px;color:#000}
/**/



/**/



/**/



/**/