@charset "utf-8";

/* CSS Document */

#flashs{ position:relative; height:500px; overflow:hidden; width:100% !important;}

#flashs .bd{ width:100% !important;}

#flashs .bgitem{  z-index:1;position:absolute; top:0; width:100% !important;}

#flashs .btn{ width:100%; text-align:center; bottom:30px; left:0; position:absolute; z-index:1000}

#flashs .btn span{ display:inline-block; width:17px; height:17px; margin:0 5px; background:url(../Index/bannerBtn.png) no-repeat center top; cursor:pointer;}

#flashs .btn span.cur{ background-position:bottom}

#flashs .banerer{ width:100% !important;}



/*搜索*/

.ss{ overflow:hidden; width:100%; height:55px; background:url(../Index/proBg.png) repeat; border-bottom:1px solid #d8d8d8;}

.ss .ssBox{ overflow:hidden;}

.ss .ssBox form{ float: right; margin-top: 11px;}

.ss .ssBox form .sr{float:left;height:32px;line-height:32px;font-size:14px; padding: 0 10px; width:210px;outline:none;background:none;  color:#c3c3c3; border:1px solid #e5e5e5; border-right:none}

.ss .ssBox form .s11{display:block; float:right;  width:62px; height:32px; color: #fff; border: none;background:url(../Index/ssks.png) #F00 no-repeat center center;}

.ss .ssBox p{ line-height:55px; color:#333;  font-size:13px; float:left}

.ss .ssBox p a{ color:#666; padding:0 5px;}





/*5大*/

.F_V{ overflow:hidden; width:100%; background:url(../Index/proBg.png) repeat center; margin-top: 30px;}

.F_V .pro{ overflow:hidden; width:100%; padding-bottom:35px;}

.F_V .prolt{ overflow:hidden; float:left; width:278px; padding:8px 6px; background-color:#fc0000;}

.F_V .prolt h2{ text-align:center; font-size:20px; color:#fff; margin:30px 0;}

.F_V .prolt h2 a{ color:#fff}

.F_V .prolt h2 p{ display:block; margin-top:2px; text-transform:uppercase; font-family:Arial; color:#fff;  font-size:12px;}

.F_V .proltBox{ background:#fff; padding:0px 10px 32px; overflow:hidden}

.F_V .proDl dt{ background:url(../Index/pro-dtBg.png) no-repeat center; width:262px; height:41px; margin-top:13px;}

.F_V .proDl dt a{ display:block; padding:0 12px; line-height:41px; font-size:16px; font-weight:bold; color:#0067ac;}

.F_V .proDl dd a{ display:block; padding:0 12px; height:40px; line-height:40px;  font-size:14px; color:#666; border-bottom:1px dotted #a3a3a3; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.F_V .proDl dd a:hover{ color:#fc0000;}

.F_V .proRt{ float:right; width:692px}

.F_V .proTit{ overflow:hidden; width:100%; height:47px; line-height:47px; border-bottom:1px solid #d8d8d8;}

.F_V .proTit h3{ float:left; height:47px; line-height:47px; font-size:16px;}

.F_V .proTit h3 a{ display:block; width:92px; float:left; text-align:center; color:#333; text-decoration:none;}

.F_V .proTit h3 a:hover,.F_V .proTit h3 a.cur{ color:#fff; background-color:#fc0000;}

.F_V .proTit a.more{ display:block; background:url(../Index/proMore.png) no-repeat center; width:44px; height:17px;  float:right; margin-top:15px;}

.F_V .proCon{ overflow:hidden; width:100%; height:801px; position:relative; margin-top:18px;}

.F_V .list{position:absolute; top:0; left:0; display:none}

.F_V .list li{ width:216px; float:left; margin-right:14px; margin-bottom:10px;} 

.F_V .list li img{ display:block; width:214px; height:159px; border:1px  solid #d8d8d8}

.F_V .list li span{ display:block; text-align:center; font-size:14px; color:#fc0000; margin-top:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.F_V .list li a{ text-decoration:none;}

.F_V .list li.last{ margin-right:0}

.F_V .list li:hover img{ opacity:.85; border:1px solid #fc0000}



/*标题*/

.title{ overflow:hidden; width:1024px; margin-left: auto; margin-right: auto;position: relative; text-align:center; background:url(../Index/titleBg.png) no-repeat center; margin-top:35px;}

.title h2{ font-size:30px; color:#333333;}

.title h3{ position: absolute;width:150px; right: 0; top:20px;}
.title h3 a{font-size:16px; color:#fc0000; line-height: 30px; text-align: right; font-weight: normal;}

.title h2 a{ color:#333333; text-decoration: none;}

.title h2 strong{ color:#fc0000}

/*.title h2 a strong{ color:#ffd800;} */

.title p{ color:#333333; font-size:24px; font-weight: bold;}

/*按钮*/

em.an{ width:37px; height:40px; display:block; position:absolute; cursor:pointer; z-index:999}

em.anLt{ background:url(../Index/btnLt.png) no-repeat center top; left:0}

em.anRt{ background:url(../Index/btnRt.png) no-repeat center top; right:0}

em.an:hover{ background-position:bottom;}



/*w问题*/

.P_M{ overflow:hidden; width:100%; background-color:#f4f4f4;}
.P_M .hf1{ width:1008px; height: 175px; background: url(../Index/hf1.jpg) no-repeat center; margin-left: auto; margin-right: auto; overflow: hidden;}
.P_M .hf1 h1{width:1008px; height: 35px; padding-top:88px;}
.P_M .hf1 h1 a{ display: block;width: 151px; height: 35px; float: right;margin-right:10px;}

/*优势*/

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

.Y_s .ystit{ overflow:hidden; width:100%; background:url(../Index/ys_01.jpg) no-repeat center; height:207px;}

.Y_s .yst{margin:0 auto;width: 624px;margin-top:58px;}

.Y_s .yst dt{font-size:56px;color:#fff;width: 225px;float:left;font-weight: bold;}

.Y_s .yst dd{float:right;width: 377px;border-left:1px solid #041f8c;padding-left: 11px;margin-top: 4px;}

.Y_s .yst dd h3{ font-size:30px; color:#fff;}

.Y_s .yst dd p{font-size:14px;color:#fc0000;background:url(../Index/ystit-wenBg.png) no-repeat center;height:21px;width:480px;margin-top: 4px;text-align: center;}

.Y_s .ys{ overflow:hidden; width:100%;}

.Y_s .ys{ overflow:hidden; width:100%;}

.Y_s .ys01{ background:url(../Index/ys_02.jpg) no-repeat center; height:307px;}

.Y_s .ys02{ background:url(../Index/ys_03.jpg) no-repeat center; height:350px;}

.Y_s .ys03{ background:url(../Index/ys_04.jpg) no-repeat center; height:365px;}

.Y_s .ys04{ background:url(../Index/ys_05.jpg) no-repeat center; height:384px;}

.Y_s .ys05{ background:url(../Index/ys_06.jpg) no-repeat center; height:399px;}

.Y_s .ysDl{ width:475px; overflow:hidden; margin-top:33px;}

.Y_s .ysDl dt{ width:48px; float:left;}

.Y_s .ysDl dt img{ display:block;}

.Y_s .ysDl dd .ding{line-height: 40px; height: 40px;}
.Y_s .ysDl dd .ding a{height: 40px; display: block;line-height: 40px;width: 140px; float: right;font-size: 16px; text-align: center; color: #fff; background-color: #fc0000; text-decoration: none;}

.Y_s .ysDl dd{ width:405px; float:right;}

.Y_s .ysDl dd h3{ font-size:19px; color:#333333;}

.Y_s .ysDl dd h3 strong{ color:#fc0000;}

.Y_s .ysDl dd h4{ font-weight:normal; margin-top:10px; font-size:16px; color:#333}

.Y_s .ysDl dd i{ display:block; background:url(../Index/ys-line.png) repeat-x; height:2px; margin:20px 0 15px; width:405px;}

.Y_s .ysDl dd p{ line-height:24px; font-size:14px; color:#666; margin-bottom:12px;}

.Y_s .ysDl dd p span{ color: #fc0000; font-weight:bold;}

.Y_s .ysDl dd h5{ overflow:hidden;}

.Y_s .ysDl dd h5 a{ display:block; float:left;}

.Y_s .ysDl dd h5 p{ line-height: 37px; font-size:21px; color:#333; float:left;}

.Y_s .ysDl dd h5 p span{ font-size:14px;}

.Y_s .yshh04{ margin-top:67px;}

.Y_s .ysQh{width:416px;position:relative; float: left;margin-top:52px; margin-left:10px;} 

.Y_s .ysQh em.an{top:120px;}

/*.Y_s em.anLt{ left:-10px}

.Y_s em.anRt{right:-10px}*/

.Y_s .ysCon{width:389px; height:269px;overflow:hidden; margin:0 auto; position:relative;}

.Y_s .yslist{ position:absolute; top:0; left:0 }

.Y_s .yslist li{width:389px; height:269px; float:left; position:relative}

.Y_s .yslist li img{ display:block; padding:2px;background:#fff; border:1px solid #dcdcdc; }

.Y_s .yslist li p{ height:42px; line-height:42px; padding:0 10px; background:url(../Index/yspBg.png) repeat; color:#fff; font-size:14px; left:0; bottom:0; position:absolute; width:100%; text-align:center}



/*案例*/

.A_L{overflow: hidden; width:100%; background:url("../Index/alBg.jpg") no-repeat center; height: 882px; position: relative}

.A_L .title{ background: url("../Index/al_tit.png") no-repeat center 35px; margin-top: 70px;}

.A_L .title h2 a{ color: #fff}

.A_L .title p{ color: #fff}

.A_L h3{ overflow: hidden; margin: 35px auto 30px; width:470px; background-color: #fff; height:57px;font-weight:normal;}

.A_L h3 a{ display: block; text-decoration: none; line-height: 57px; width: 235px; float: left; text-align: center; height: 57px;  font-size: 16px; color: #333}

.A_L h3 a:hover,.A_L h3 a.cur{ color: #fff; background: url("../Index/alH3Bg.png") no-repeat center;}

.A_L .alkj{overflow:hidden;width:1000px; height:508px; position: relative; top:35px;}

.A_L .alShow{ position: absolute; top:0; left:0; display: none}

.A_L .alBox{ overflow:hidden;width:1000px; height:508px; position: relative;}

.A_L .alCon{ width:1000px; height:508px; position: relative;}

.A_L .list{position:absolute; width: 0; height: 0; left:50%; top:50%; background-color: #000}

.A_L .li01{left:10px; top:50px; width: 555px; height: 420px; z-index: 2;}

.A_L .li02{left:145px; top:0; width: 700px; height: 498px; z-index: 3;}

.A_L .li03{ left:435px; top:50px; width: 555px; height: 420px; z-index: 2;}

.A_L .li{ border:5px solid #fff;}

.A_L .li01 img{ opacity:0.5;filter:alpha(opacity=50);}

.A_L .li03 img{ opacity:0.5;filter:alpha(opacity=50);}

.A_L .list img{ display: block; width: 100%; height:100%;}

.A_L .list a{ display: block; width: 100%; height: 100%; position: relative;}

.A_L .list p{ display: none; position: absolute; left:0; bottom: 0; width: 100%; color: #fff; line-height: 60px; height: 60px; text-align: center; font-size: 16px; background: url("../Index/abtuimingBg.png") repeat;}

.A_L .li02 p{ display: block;}

.A_L em.an{top:248px}

.A_L em.anLt{left:135px}

.A_L em.anRt{right:135px}

.A_L a.more{ position: relative;z-index: 5 ;margin: 0 auto; display: block; width:150px ; background: url("../Index/alMore.jpg") no-repeat center; height: 44px; margin-top:90px;}

.A_L i{ display: block; width: 100%; height: 1px; background-color: #fff; position:absolute; left:0;  bottom: 125px;}



/*口杯*/

.K_b{ overflow:hidden; width:100%; background-color:#fff; padding-bottom:20px;}

.K_b .title{ background:url(../Index/kb-tit.png) no-repeat center 35px}

.K_b .kbCon{ overflow:hidden; width:100%; margin-top:30px;}

.K_b dl{ position: relative; width:488px; height:218px; margin-bottom:22px;position:relative}

.K_b dt{ width:201px; float:left; height:208px; position:relative}

.K_b dt img{ display: block; padding: 3px; border: 1px solid #ccc; height:194px;}

.K_b dt i{ display:block; width:201px; height:208px; position:absolute; top:0; left:0;}

.K_b dd{ width:255px; padding:0 15px; float:right}	

.K_b dd h3{ font-weight:normal; font-size:16px; margin-top:10px; color:#fc0000; font-weight: bold;}

.K_b dd p{ line-height:24px; font-size:14px; color:#666666; height:125px; overflow:hidden;margin-top: 5px;}

.K_b dd a.more{ position:absolute; display:block; width:85px; height:25px; background:url(../Index/xxq.jpg) no-repeat center top; left:224px; bottom:16px;}

.K_b .dl01{ top:-500px; left:-500px;}

.K_b .dl02{ top:-500px; right:-500px;}

.K_b .dl03{ top:500px; left:-500px;}

.K_b .dl04{ top:500px; right:-500px;}


.hf2{ width: 1004px; height: 126px; margin-left: auto; margin-right: auto; overflow: hidden;  margin-bottom:35px;}
.hf2 img{ display: block;width: 1004px; height: 126px;}

/*合作伙伴*/

.H_Z{ overflow:hidden; width:100%; background-color:#fff;}

.H_Z .title p{ text-transform:uppercase; color:#666; font-family:Arial;}

.H_Z .hzCon{ overflow:hidden;position:relative; width:1072px; margin:30px auto 40px;}

.H_Z .hzCon em{ top:45px;}

.H_Z .hzBox{ position:relative; width:1000px; height:155px;  margin:0 auto; overflow:hidden;}

.H_Z ul{ position:absolute; top:0; left:0; width:105%;}

.H_Z ul li{ float:left; width:235px;  margin-right:20px;}

.H_Z ul li img{ border:2px solid  #d8d8d8;}

.H_Z ul li span{ display:block; text-align:center; line-height:25px; font-size:14px; color:#666}



/*关于*/

.A_B{overflow: hidden; width:100%; height: 603px; }

.A_B .abBox{ height:572px; width:1000px; margin-top:10px; }

.A_B .tit_ab{ display: inline-block; width:100%; height:135px; position: relative; background-color:#fff}

.A_B .tit_ab h2{ text-align: center; font-size:18px; margin-top:33px;}

.A_B .tit_ab h2 a{ color:#666; margin-left: 80px; line-height: 40px;}

.A_B .tit_ab h2 a b{ color: #fc0000; font-size: 24px; font-weight: bold}

.A_B .tit_ab h2 a strong{color: #fc0000;}

.A_B .tit_ab p{ font-size:12px; color:#666; text-transform: uppercase; text-align: center;}

.A_B .tit_ab h3{ position: absolute; top:39px; font-size: 30px; left:17px; z-index: 10}

.A_B .tit_ab h3 a{ color:#fff}

.A_B .tit_ab h3 a b{ color:#0079d1}

.A_B .tit_ab h3 span{ display: block;color: #fff; font-size: 22px; font-weight: normal; text-transform: uppercase; text-align: center;}

.A_B .tit_ab i{ display: block; width:210px; height: 130px; background-color: #fc0000; position: absolute; top:4px;left:1px;}

.A_B .tit_ab a.more{ position:absolute; right:25px; top:60px; width:44px ; display: block; height:17px ; background: url("../Index/proMore.png") }

.A_B .abCon{overflow: hidden; position: relative; width: 1000px; height:349px;}

.A_B .list{ position: absolute; top:0; left:0;}

.A_B .list>li{ float:left;width: 1000px;height:349px; overflow: hidden;}

.A_B .tuWen{ width:837px; float: left; height:349px; position: relative;}

.A_B .tuWen img{ display: block;}

.A_B .tuWen p{ position: absolute; left:0; bottom:0; padding:6px  10px; height:72px; overflow: hidden; font-size: 14px; color:#fff;  line-height: 24px; background:url(../Index/abtuimingBg.png) repeat}

.A_B .wenShu{float:right; width:163px; background: url("../Index/ab-redBg.jpg") no-repeat center top; height: 100%; overflow: hidden;}

.A_B .wenShu li{ overflow: hidden; height:175px;  border-bottom: 1px solid #b81f18}

.A_B .wenShu li p{ font-size:14px; margin-top: 52px; color:#fff; padding:0 30px;}

.A_B .wenShu li p b{ font-size: 42px;}

.A_B .qhUl{ width:100%; height:88px;background-color:#d8d8d8}

.A_B .qhUl li{ width: 249px; text-align: center; line-height: 88px; font-size: 14px;float: left; border-right:1px solid #d8d8d8;}

.A_B .qhUl li a{color:#666; text-decoration: none;}

.A_B .qhUl li.last{ width: 250px; border-right: none;}

.A_B .qhUl li:hover,.A_B .qhUl li.cur{ background-color: #0079d1}

.A_B .qhUl li:hover a,.A_B .qhUl li.cur a{ color:#fff}



/*风采*/

.F_c{ display:inline-block;width:100%; background-color:#fff;}

.F_c h3{font-size:16px;margin:0 auto;height:57px;width:470px;font-weight:normal;position: relative;/* top: -57px; */background: #d8d8d8;margin-top: 20px;}

.F_c h3 a{ display:block; width:235px; text-align:center; height:57px; line-height:57px;text-align:center; float:left; color:#333}

.F_c h3 a:hover,.F_c h3 a.cur{ background-color:#fc0000; color:#fff}

.F_c .fcBox{position:relative;width:1072px;height:192px;margin: 30px auto 40px;}

.F_c .fcCon{ position:absolute; top:0; left:0; display:none}

.F_c .hzCon{ overflow:hidden;position:relative; width:1072px; }

.F_c .hzCon em{ top:60px;}

.F_c .hzBox{ position:relative; width:1000px; height:200px;  margin:0 auto; overflow:hidden;}

.F_c ul{ position:absolute; top:0; left:0;}

.F_c ul li{ float:left; width:237px;margin-right:19px;}

.F_c ul li img{ border:1px solid #e4e3e2;}

.F_c ul li span{ display:block; text-align:center; line-height:25px; font-size:14px; color:#666; margin-top: 8px;}





/*新闻*/

.N_W{ overflow:hidden; width:100%; background:#fff; padding-bottom:10px;}

.N_W .nw_tit{ border-bottom:1px solid #ccc; overflow:hidden}

.N_W .nw_tit h2{ float:left; font-size:18px; line-height:50px; font-weight:normal}

.N_W .nw_tit h2 a{ width:75px; text-align:center; display:block; float:left; margin:0 15px; color:#333; border-bottom:2px solid #fff}

.N_W .nw_tit h2 i{ display:block; float:left; color:#333} 

.N_W .nw_tit h2 a:hover,.N_W .nw_tit h2 a.cur{ font-weight:bold; color:#0079d1; border-bottom:2px solid #0079d1}

.N_W .nw_tit  a.more{ float:right; font-size:30px; color:#333; font-weight:bold; text-decoration:none; margin-top:5px;}

.N_W .nw_tit h2 a.first{ margin-left:0}

.N_W .last{ border-bottom:none;}

.N_W .last h2 a.cur{ color:#0079d1; width:inherit; font-weight:bold;}

.N_W .nwlt{ float:left; width:585px;}

.N_W .nwRt{ float:right; width:370px;}

.N_W .da{ width:100%; position:relative; height:305px; margin-top:15px;overflow:hidden }

.N_W .daUl{ position:absolute; top:0; left:0;overflow:hidden }

.N_W .nwTu{overflow:hidden; width:369px; height:140px;}

.N_W .nwTu img{ display:block; width:369px; height:140px;}

.N_W .daUl li{ padding:12px 0; overflow:hidden; float:left;  width:370px;}

.N_W .daUl li i{ display:block; width:100%; height:11px; background:url(../Index/nw_line.png) no-repeat center; margin-top:20px;}

.N_W .daUl li h4{ font-size:14px; font-weight:normal; line-height:28px; background:url(../Index/newsWen.png) no-repeat left center; padding-left:40px; margin-top:5px}

.N_W .daUl li h4 a{ color:#333}

.N_W .daUl li p{ background:url(../Index/newsDa.png) no-repeat left 5px; padding-left:40px; line-height:22px; height:66px; font-size:14px; color:#666; overflow:hidden; margin-top:4px;}

.N_W .nwBtn{ float:right; overflow:hidden; margin:15px 0 20px}

.N_W .nwBtn span{ display:block; cursor:pointer; float:left; width:12px; height:12px; background:url(../Index/newsBtn.png) no-repeat center top; margin:0 5px;}

.N_W .nwBtn span.cur{ background-position:bottom}

.N_W .nwltBox{ width:585px; overflow:hidden; height:420px; position:relative}

.N_W .nwCon{ position:absolute; top:0; left:0; display:none}

.N_W .nwDl{ overflow:hidden; padding:25px 0; position:relative;width:585px;}

.N_W .ddShu{ position:absolute; top:25px; left:0; font-family:Arial; color:#333; font-style:italic; width:40px;} 

.N_W .ddShu p{ font-size:36px;}

.N_W .ddShu span{ display:block; font-size:18px; margin-left:5px;}

.N_W .nwDl dt{ display:none; width:196px;overflow:hidden; border:4px solid #e6e6e6; float:left;}

.N_W .nwDl dt img{ display:block; width: 196px; height: 133px;}

.N_W .nwCon ul{ width: 100%;}

.N_W .nwCon ul li{ line-height: 50px; border-bottom: 1px dashed #ccc; overflow: hidden;}

.N_W .nwCon ul li a{ display: block; float: left; line-height: 50px; font-size: 14px;color: #333;}

.N_W .nwCon ul li span{ display: block; float: right;line-height: 50px; font-size: 14px;color: #333;}

.N_W .wen{ display:none; width:362px; float:right;}

.N_W .wen h3{ font-size:14px; overflow:hidden; margin-top:5px;white-space: nowrap;text-overflow: ellipsis;}

.N_W .wen h3 a{ color:#333}

.N_W .wen p{ line-height:22px; height:44px; overflow:hidden; margin-top:20px;}

.N_W .nwRt .flquetion{height: 383px; overflow: hidden;}

.N_W .nwRt .flquetion dl{ overflow: hidden; padding-bottom: 10px; margin-top:25px; border-bottom: 1px dashed #c6c6c6;}

.N_W .nwRt .flquetion dl dt{ height: 34px; line-height: 34px; background:url(../Index/wen.png) no-repeat left center; padding-left: 35px; padding-right: 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.N_W .nwRt .flquetion dl dt a{ font-size: 14px; color: #000000;}

.N_W .nwRt .flquetion dl dd{ line-height: 24px; color: #333333; font-size: 14px; height: 48px; overflow: hidden; background:url(../Index/da.png) no-repeat left 1px; padding-left: 35px;}





.N_W .hcy{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.N_W .showWen{ width:450px; line-height:45px; font-size:14px;  margin-left:50px;}

.N_W .showWen a{ color:#666;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.N_W .line{ font-size:70px; display:block; position:absolute; right:0; top:0px; color:#333}

.N_W dl:hover .wen,.N_W dl.cur .wen{ display:block}

.N_W dl:hover .showWen,.N_W dl.cur .showWen{ display:none}

.N_W dl:hover dt,.N_W dl.cur dt{ display:block}

.N_W dl:hover .line,.N_W dl.cur .line{ display:none}



/*link*/

.link{ overflow:hidden; width:100%; border-top:1px solid #dddddd;}

.link ul{ overflow:hidden; padding:20px 0; position:relative}

.link ul li{ padding:0 10px; font-size:12px; margin:5px 0; float:left; border-right:1px dotted #aaa}

.link ul li a{ color:#505050;}

.link ul li.more{ position:absolute; right:0; font-size:13px; top:20px; border:none; padding-right:18px; background:url(../Index/linkMore.png) no-repeat right center;}

.link ul li.more a{color:#0079d1}