@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/**/
.banner a{ display:block; background:url(img/banner.jpg) no-repeat center top; height:608px; overflow:hidden;}

/**/
.s_bj{ height: 84px; overflow: hidden;}
.sou{ height: 84px; overflow:hidden;}
.s_inp01{ width:310px; padding-top:20px; *padding-top:18px; }
.inp01{ float: left; width:248px; height:44px; line-height:44px; background:url(img/s.gif) no-repeat; border:0 ; color:#999; font-size:14px; padding-left:16px; font-family: "Microsoft Yahei";}
.inp02{ float: left; background:url(img/ss.gif) no-repeat; width:44px; height:44px; border:0;}
.sou p{ font-size: 14px; line-height: 84px; width:600px; color:#333;}
.sou p a{color:#666; padding:0 8px;}

/**/
.pro{ padding-top: 60px; height: 1008px; overflow: hidden; background: url(img/pro_bj.jpg) no-repeat center top;}

.list{ width: 280px; height: 946px; overflow: hidden; border: 1px solid #ccc; background: #fff;}
.list h2{ padding-top: 47px; font-size: 24px; color: #fff; font-weight: bold; padding-left: 46px; width: 234px; height: 46px; overflow: hidden; background: url(img/list_hb.jpg) no-repeat left top;}
.list h2 a{ color: #fff;}

.pro_list{ height: 684px; width: 244px; margin: 20px auto 0; overflow: hidden;}
.pro_list h3{padding-bottom:3px; width: 244px; height: 34px; overflow: hidden;}
.pro_list h3 a{ display: inline-block; width: 216px; height: 34px; line-height: 34px; font-size: 16px; font-weight: bold; padding-left: 28px; color: #fff; background: url(img/list_lb.gif) no-repeat left top;}
.pro_list h3 a:hover ,.pro_list h3.cur a{ background: url(img/list_lbh.gif) no-repeat left top; text-decoration: none;}
.pro_list ul{ overflow: hidden; margin: 10px 0 8px 0;}
.pro_list ul li{ width: 244px; height: 35px; overflow: hidden; border-bottom: 1px dashed #e9e9e9;}
.pro_list ul li a{ display: inline-block; width: 214px; height: 35px; padding-left: 30px; font-size: 13px; color: #676767; font-family: "Microsoft Yahei"; line-height: 35px;}
.pro_list ul li a:hover {background: url(img/list_wb.gif) no-repeat 14px center; color: #333; font-weight: bold; text-decoration: none;}
.pro_list .nobot{ border-bottom: 0;}

.pro_tel{ height: 280px; height: 149px; overflow: hidden; background: url(img/list_tel.jpg) no-repeat left top;}
.pro_tel p{ margin-left: 105px; margin-top: 45px; font-size: 24px; color: #15100d; font-family: Arial; font-family: Arial;}
.pro_tel p span{ margin-left: 10px; display: block; font-size: 16px; color: #333; font-family: "Microsoft Yahei"; background: url(img/list_tb.png) no-repeat left center; padding-left: 40px; line-height: 30px;}

.pro_con{ width: 894px;}
.pro_con ul li{     background-color: #fff; margin-bottom: 24px; width: 280px; height: 298px; overflow: hidden; border:1px solid #ccc; float: left; margin-right: 23px; position: relative; line-height: 0;}
.pro_con ul li span{ display: block; width: 280px; height: 38px; border-top:1px solid #ccc; position: absolute; bottom: 0; left: 0; line-height: 38px; font-size: 14px; color: #666; font-family: "Microsoft Yahei"; text-align: center;}
.pro_con ul li img{width: 280px; height: 298px; display:block; margin-top: -20px; position:relative;}
.pro_con ul li p{ display: none; width: 280px; height: 298px; overflow: hidden; background: url(img/pro_th.png) no-repeat left top; position: absolute; top: 0; left: 0;}
.pro_con .nobot{ margin-right: 0;}
/**/
.ad{ height: 200px; background: url(img/ad_bj.jpg) no-repeat center top; overflow: hidden;}

.ad p{ margin-top: 60px; width: 236px; float: right; padding-left: 54px; background: url(img/ad_tel.png) no-repeat left top; font-size: 30px; font-family: Arial; color: #333;}
.ad p a{ display: block; font-size: 14px; color: #fff; font-family: "Microsoft Yahei"; width: 137px; height: 32px; background: #0093dd; text-align: center; line-height: 32px;}
/**/
.edgv01{ height: 1938px; overflow: hidden; background: url(img/edgv01.jpg) no-repeat center top;}
.edgv02{ height: 1938px; overflow: hidden; background: url(img/edgv02.jpg) no-repeat center 1021px;}

.edgv_con{ height: 1938px; overflow: hidden;}
.edgv_con h2{ height: 197px; overflow: hidden; text-align: center; font-size: 24px; color: #666; font-family: "Microsoft Yahei"; font-weight: normal; line-height: 50px; padding-top: 64px;}
.edgv_con h2 span{ display: block; font-size: 44px; font-family: "Microsoft Yahei"; color: #333; font-weight: bold;}
.edgv_con h2 span em{ color: #0093dd;}

.edgv_c{ height: 1677px; overflow: hidden; position: relative;}
.edgv_c dl{ position: absolute; width: 550px;}
.edgv_c dl dt span{ display: block; font-size: 26px; color: #333; font-family: "Microsoft Yahei";}
.edgv_c dl dt span b{ color: #0093dd;}
.edgv_c dl dt em{ line-height: 26px; font-size: 12px; font-family: Arial; text-transform: uppercase; display: block;}
.edgv_c dl dd{ margin-top: 26px;}
.edgv_c dl dd p{ margin-bottom: 6px; padding-left: 20px; background: url(img/edgv_wb.png) no-repeat left 10px; font-size: 16px; color: #666; font-family: "Microsoft Yahei"; line-height: 24px;}

.edgv_c .one{ left: 40px; top: 50px;}
.edgv_c .two{ top: 460px; right: 0;}
.edgv_c .three{ left: 40px; top: 935px;}
.edgv_c .four{ top: 1322px; right: 0;}
/**/
.sup{ height: 873px; overflow: hidden; background: url(img/sup_bj.jpg) no-repeat center top;}
.sup h2{ text-align: center; font-size: 14px; color: #666; text-transform: uppercase; font-weight: normal; height: 195px; overflow: hidden;}
.sup h2 a{ line-height: 52px; display: block; font-size: 30px; color: #333; font-family: "Microsoft Yahei"; font-weight: bold; margin-top: 60px;}
.sup h2 em{ color: #0093dd;}

.sup_q{ margin-bottom: 50px; height: 80px; overflow: hidden;}
.sup_q ul li{ width: 240px; float: left; height: 80px;}
.sup_q ul li a{ display: inline-block; width: 202px; height: 80px; background: url(img/sup_qb.gif) no-repeat left top; font-size: 20px; font-family: "Microsoft Yahei"; color: #333; font-weight: bold; padding-left: 38px; line-height: 80px;}
.sup_q ul li a:hover ,.sup_q .cur a{ background: url(img/sup_qh.gif) no-repeat left top; color: #fff; text-decoration: none;}

.sup_c{ height: 454px; overflow: hidden; background: #fff;}
.sup_c dl dt{ width: 800px; height: 454px; overflow: hidden;}
.sup_c dl dt img{ width: 800px; height: 454px;}
.sup_c dl dd{ width: 314px; margin-left: 42px;}
.sup_c dl dd span{ display: block; font-size: 24px; font-family: "Microsoft Yahei"; color: #333; font-weight: bold; line-height: 88px; margin-top: 14px;}
.sup_c dl dd span a{ color: #333;}
.sup_c dl dd p{ font-size: 14px; color: #666; font-family: "Microsoft Yahei"; line-height: 30px;}
.sup_c dl dd p em{ display: block; height: 268px; overflow: hidden;}
.sup_c dl dd p a{ display: block; font-size: 14px; color: #0093dd; font-family: "Microsoft Yahei"; line-height: 35px; color: #0093dd; width: 118px; height: 35px; border: 1px solid #0093dd; text-align: center;}
/**/
.ad2{ margin-top: -44px; background: url(img/ad02_bj.jpg) no-repeat center top; height: 84px; overflow: hidden;}

.ad2 p{ width: 528px; float: right; line-height: 84px; font-size: 20px; color: #333; font-weight: bold;}
.ad2 p a{ margin-left: 52px; vertical-align: middle; display: inline-block; width: 137px; height: 37px; color: #fff; background: #0093dd; font-weight: normal; text-align: center; font-size: 14px; line-height: 37px;}
/**/
.cus{ height: 798px;}

.cus h2{ text-align: center; font-size: 14px; color: #666; text-transform: uppercase; font-weight: normal; height: 195px; overflow: hidden; background: url(img/h.gif) no-repeat center 91px;}
.cus h2 a{ line-height: 52px; display: block; font-size: 30px; color: #333; font-family: "Microsoft Yahei"; font-weight: bold; margin-top: 60px;}
.cus h2 em{ color: #0093dd;}

.cus_con{ height: 603px; position: relative;}
.cus_l ,.cus_r{ width: 23px; height: 70px; overflow: hidden; position: absolute; top: 177px; z-index: 20;}
.cus_l{ left: -33px;}
.cus_r{ right: -33px;}
.cus_c{ height: 483px; overflow: hidden;}
.cus_c dl{ position: relative; margin-right: 18px; float: left; width: 236px; padding: 0 24px; height: 421px; overflow: hidden; border: 1px solid #ccc;}
.cus_c dl dt{ margin-top: 25px; width: 239px; height: 160px; overflow: hidden;}
.cus_c dl dt img{width: 239px; height: 160px;}
.cus_c dl dd h3{ margin-bottom: 10px; line-height: 24px; height: 80px; margin-top: 20px; font-size: 13px; color: #666; font-family: "Microsoft Yahei"; background: url(img/cus_wb.gif) no-repeat left bottom; font-weight: normal;}
.cus_c dl dd h3 a{ display: block; font-weight: bold; color: #333; font-size: 16px;   height: 48px; overflow: hidden;}
.cus_c dl dd p{ height: 105px;  overflow: hidden; font-size: 14px; line-height: 21px; color: #8c8c8c; font-family: "Microsoft Yahei";}
.cus_c dl dd span{ display: block; position: absolute; bottom: 0;  right: 0; width: 36px; height: 36px;}
.cus_c dl dd span a{ display: block; width: 36px; height: 36px; background: url(img/cus_m1.png) no-repeat left top;}
.cus_c .cur{ border-color: #0093dd;}
.cus_c .cur dd span a{ background: url(img/cus_m.png) no-repeat left top;}

.cus_c .nobot{ margin-right: 0;}

.cus_tel{ width: 180px; height: 40px; overflow: hidden; margin: 0 auto;}
.cus_tel a{ display: block; width: 180px; height: 40px; background: #0093dd; text-align: center; font-size: 14px; color: #fff; line-height: 40px;}
/**/
.about{ height: 558px; overflow: hidden; background: url(img/a_bj.jpg) no-repeat center top;}

.about h2{ text-align: center; font-size: 14px; color: #666; text-transform: uppercase; font-weight: normal; height: 197px; overflow: hidden;}
.about h2 a{ line-height: 52px; display: block; font-size: 30px; color: #333; font-family: "Microsoft Yahei"; font-weight: bold; margin-top: 68px;}
.about h2 em{ color: #0093dd;}

.a_con{ height: 361px; overflow: hidden;}
.a_con dl{ height: 361px; overflow: hidden; background: #fff;}
.a_con dl dt{ width: 600px; height: 361px; overflow: hidden;}
.a_con dl dt img{ width: 600px; height: 361px;}
.a_con dl dd{ margin-left: 46px; width: 512px; overflow: hidden;}
.a_con dl dd h3{ font-size: 24px; color: #333; font-family: "Microsoft Yahei"; line-height: 84px; margin-top: 20px;}
.a_con dl dd h3 a{ color: #333;}
.a_con dl dd p{ height: 164px; font-size: 14px; font-family: "Microsoft Yahei"; color: #666; line-height: 28px;}
.a_con dl dd span{ display: block; width: 135px; height: 37px; overflow: hidden;}
.a_con dl dd span a{ display: block; width: 133px; height: 35px; font-size: 14px; color: #0093dd; font-family: "Microsoft Yahei"; line-height: 35px; text-align: center; border: 1px solid #0093dd;}
/**/
.sty{ height: 302px;}

.sty_q{ height: 130px; overflow: hidden; background: url(img/sty_qb.gif) no-repeat left center;}
.sty_q ul{ margin-top: 50px; margin-left: 420px;}
.sty_q ul li{ width: 119px; height: 38px; border: 1px solid #a3a3a3; float: left;}
.sty_q ul li a{ line-height: 38px; text-align: center; display: block; width: 119px; height: 38px; background: #fff; font-size: 16px; color: #333; font-family: "Microsoft Yahei";}
.sty_q ul li a:hover ,.sty_q .cur a{ color: #fff; text-decoration: none; background: #0093dd;}

.sty_con{ height: 170px; position: relative;}
.sty_l ,.sty_r{ position: absolute; width: 24px; height: 24px; overflow: hidden; top: 73px; z-index: 10;}
.sty_l{ left: -16px;}
.sty_r{ right: -16px;}

.sty_c{ height: 170px; overflow: hidden;}
.sty_c ul li{ float: left; width: 282px; height: 170px; overflow: hidden; position: relative; margin-right: 24px;}
.sty_c ul li img{ width: 280px; height: 168px; border: 1px solid #ccc;}
.sty_c ul li p{ display: none; background: url(img/sty_h.png) no-repeat left top; width: 280px; height: 168px; overflow: hidden; text-align: center; font-size: 16px; color: #fff; position: absolute; top: 1px; left: 1px; line-height: 196px; font-family: "Microsoft Yahei";}
.sty_c .nobot{ margin-right: 0;}
/**/
.new{ height: 744px; overflow: hidden;}

.new h2{ text-align: center; font-size: 14px; color: #666; text-transform: uppercase; font-weight: normal; height: 195px; overflow: hidden; background: url(img/h.gif) no-repeat center 91px;}
.new h2 a{ line-height: 52px; display: block; font-size: 30px; color: #333; font-family: "Microsoft Yahei"; font-weight: bold; margin-top: 60px;}
.new h2 em{ color: #0093dd;}


.n_w1{ width: 368px; height: 549px; background: url(img/n_b.gif) repeat; margin-right: 48px;}
.n_w1 h3{ width: 301px; margin: 0 auto;}
.n_w1 h3 a{ font-size: 24px; color: #666; font-weight: normal; font-family: "Microsoft Yahei"; line-height: 92px;}
.n_w1 h3 img{ vertical-align: middle; margin-right: 16px;}
.n_w1 p{ width: 301px; height: 150px; overflow: hidden; margin: 0 auto;}
.n_w1 p img{ width: 301px; height: 150px;}
.n_w1 ul{ height: 220px; width: 301px; margin: 15px auto 0;}
.n_w1 ul li{ background: url(img/n_wb.gif) no-repeat left center; padding-left: 18px; font-size: 14px; font-family: Arial; color: #7e8391; height: 45px; border-bottom: 1px solid #dfe0e2; line-height: 45px;}
.n_w1 ul li a{ font-family: "Microsoft Yahei"; color: #666;}

.n_w1 em{ display: block; width: 120px; height: 37px; overflow: hidden; margin-left: 32px; font-size: 14px; font-family: "Microsoft Yahei"; color: #2b2d42; line-height: 36px; text-align: center;}
.n_w1 em a{ display: block; width: 118px; height: 35px; color: #2b2d42; border: 1px solid #999;}

.n_w1 .nobot{ border-bottom: 0;}
.new .nobot{ margin-right: 0;}
.new .cur{ width: 366px; height: 547px; border: 1px solid #ccc;}
.new .cur em a{ border: 0; background: #0093dd; color: #fff;}
/**/

/**/
.link { height:152px; overflow:hidden; }
.link h2{ margin-top: 54px; width: 111px; height:66px; background:url(img/link_m.gif) no-repeat left top; overflow:hidden; font-size: 20px; color: #333; font-family: "Microsoft Yahei"; font-weight: normal;}
.link h2 a{ color: #333;}


.link p{ margin-top: 54px; width: 1080px; line-height:30px; color:#74797d; font-size: 12px; font-family:"Microsoft Yahei";}
.link p a{ color:#666; padding:0 30px; display:inline-block;}