@charset "utf-8";

/*banner*/
.banner{position: relative; height:600px;overflow: hidden;clear: both;}
.banner,.banner li{ height:600px;overflow: hidden;}
.banner li a{ display:block; height:600px; background:url(../images/banner1.jpg) no-repeat center 0;}
.banner li.ban2 a{ display:block; height:600px; background:url(../images/pro_pic01.jpg) no-repeat center 0;}
.banner button{display: none;width: 0;height: 0;border: 0;position: absolute;}


/*搜索*/
.seabox{overflow: hidden;height:31px;line-height:30px;background:#02669f;font-family:"Microsoft Yahei";padding: 17px 0;}
.sea_inp{background:url(../images/seabg.gif) no-repeat 0 0;width: 312px;height: 30px;overflow: hidden;}
.sea_inp .serach{width:252px;height:30px;border:0;background:none;line-height:30px;color:#a4bdd3;padding:0 0 0 13px;float:left;outline: none;display: block;font-size:12px;}
.sea_inp .sub{ width:47px; height:30px;border:0;background:none;float:left;cursor: pointer;display: block;}
.k_word{overflow:hidden;width:780px;color:#dde6ee;overflow: hidden;}
.k_word a{color:#dde6ee;padding: 0 24px 0 0;}

/*我们*/
.webox{background: #f7f7f7;padding:74px 0;height:222px;font-family:"Microsoft Yahei";color: #555;line-height: 24px;}
.webox_c{background:url(../images/webg.gif) no-repeat center 0;height: 226px;}
.webox_t{width: 326px;text-align: center;text-transform: uppercase;font-family: Arial;font-size: 46px;line-height: 72px;color: #e0e0e0;}
.webox_t span{background:url(../images/wetil.gif) no-repeat center 40px;padding: 133px 0 0;display: block;}
.webox_w{width: 740px;padding: 22px 0 0;}
.webox_w h3{height: 54px;line-height: 54px;font-size: 20px;color: #333;}
.webox_w p{height:70px;overflow: hidden;}
.webox_w span{display: block;float: right;}

.til01{text-align: center;font-size:20px;font-weight: normal;height:109px;color: #222;line-height:54px;}
.til01 a{color: #222;}
.til01 img{display: block;margin: 0 auto;}

/*品质*/
.qual{padding: 72px 0 0;height: 535px;font-family:"Microsoft Yahei";line-height: 24px;}
.qual_c dl{width: 273px;float: left;padding: 0 36px 0 0;}
.qual_c dl.born{padding: 0;}
.qual_c dt{height: 170px;overflow: hidden;position: relative;}
.qual_c dt span,.qual_c dt b{position: absolute;top: 0;left: 69px;width: 127px;height: 158px;display:block;margin: 0 auto;background:url(../images/qual_pic4.gif) no-repeat 0 0;overflow: hidden;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}
.qual_c dl.qual1 dt span,.qual_c dl.qual1 dt b{background:url(../images/qual_pic1.gif) no-repeat 0 0;}
.qual_c dl.qual2 dt span,.qual_c dl.qual2 dt b{background:url(../images/qual_pic2.gif) no-repeat 0 0;}
.qual_c dl.qual3 dt span,.qual_c dl.qual3 dt b{background:url(../images/qual_pic3.gif) no-repeat 0 0;}
.qual_c dl dt b{background-position:right 0!important;opacity:0;visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.qual_c dl dt:hover b{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.qual_c dl dt:hover span{opacity:0;visibility:hidden;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}

.qual_c dl.cur dd span{background:url(../images/icobg2.gif) no-repeat center 0;}
.qual_c dd h3{height: 52px;line-height: 52px;text-align: center;font-size: 18px;color: #333;}
.qual_c dd h3 a{color: #333;}
.qual_c dd p{height: 96px;overflow: hidden;}
.qual_c dd span{height:37px;overflow: hidden;text-align: center;line-height: 37px;background:url(../images/icobg1.gif) no-repeat center 0;display: block;}
.qual_c dd span a{color: #fff;padding: 0 22px 0 0;display: inline-block;}

/*产品*/
.probox{padding: 70px 0;font-family:"Microsoft Yahei";overflow: hidden;background: #f7f7f7;}
.pro_cla{width: 270px;background: #fff;}
.pro_cla h2{background: #02669f;font-size: 14px;font-weight: normal;text-align: center;line-height: 22px;color: #dde6ee;border-top: solid 5px #f18d00;padding: 19px 0 0;height: 76px;}
.pro_cla h2 span{font-size:22px;line-height:30px;color: #fff;padding: 0 0 0 27px;background:url(../images/ico01.gif) no-repeat 0 center;}
.pro_cla h2 a{color: #dde6ee;}
.pro_cc{padding:20px 20px 0;height: 419px;overflow: hidden;}
.pro_cc .pro_c1{padding-bottom: 19px;}
.pro_cc h3{height: 61px;font-size: 16px;font-weight: normal;color: #333;clear: both;}
.pro_cc h3 a{height:50px;color: #333;line-height: 50px;padding: 0 30px;background:url(../images/ico02.gif) no-repeat 188px 20px #e6e6e6;display: block;}
.pro_cc .pro_c1.cur{padding-bottom: 0;}
.pro_cc .pro_c1.cur h3 a{background:url(../images/ico03.gif) no-repeat 188px 20px #02669f;color: #fff;}
.pro_cc ul{padding: 0 10px 16px;clear: both;display: none;}
.pro_cc .pro_c1.cur ul{display: block;}
.pro_cc li{width:80px;float: left;padding: 0 0 0 25px;background:url(../images/ico04.gif) no-repeat 10px 16px;border-bottom: dashed 1px #dbdbdb;height: 39px;line-height: 39px;}
.pro_cc li.cur a,.pro_cc li a:hover{color: #f18d00;}
.pro_cc span{display: block;clear: both;}
.pro_pho{background:url(../images/pro_pho.jpg) no-repeat 0 0;padding:49px 0 0 24px;font-size: 16px;color: #222;line-height: 35px;height: 102px;}
.pro_pho b{font-size:24px;color: #fff;line-height: 37px;display: block;font-weight: normal;}

.pro_list{width: 884px;padding: 5px 0 0;}
.pro_list h2{height: 70px;line-height: 68px;font-size: 22px;background:url(../images/line1.gif) repeat-x 0 bottom;margin-bottom: 45px;}
.pro_list h2 a{display: inline-block;border-bottom: solid 2px #f18d00;color: #333;}
.sea_inp1{width: 310px;height: 36px;line-height: 36px;background:url(../images/seabg1.gif) no-repeat 0 0;right: 0;top: 14px;}
.serach1{border: 0;background: none;width: 242px;height: 36px;padding: 0 0 0 21px;float: left;}
.sub1{border: 0;background: none;width:47px;height: 36px;display: block;float: left;}

.pro_lc li p{position: absolute;width: 280px;height:0;background:url(../images/bg01.png) repeat;left: 0;top: 0;text-align: center;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.pro_lc li img{width: 278px;height: 208px;border: solid 1px #d9d9d9;display: block;}
.pro_lc li p a{background:url(../images/ico10.png) no-repeat center 71px;display:none;color: #fff;line-height:36px;padding:116px 0 0;}
.pro_lc ul{width:910px;}
.pro_lc li{width: 280px;float: left;margin: 0 22px 34px 0;position: relative;}
.pro_lc li span a{color: #333;display: block;}
.pro_lc li span{display: block;line-height: 55px;height: 55px;border-bottom:solid 1px #d9d9d9;text-align: center;}
.pro_lc li.cur span a{font-weight: bold;color: #02669f;}
.pro_lc li.cur p{height: 210px;}
.pro_lc li.cur p a{display: block;}


/*优势*/
.edge{padding:70px 0 0;height:1868px;font-family:"Microsoft Yahei";color: #333;line-height: 24px;background:url(../images/edgebg1.jpg) no-repeat center 321px;}
.edge h2{height:251px;position: relative;text-align: center;font-size: 20px;font-weight: normal;line-height: 39px;}
.edge h2 img{display: block;margin:0 auto;}
.edge h2 span{display: block;width:600px;left:50%;top: 111px;color: #333;height: 39px;position: absolute;margin-left: -300px;}

.edge1{height:384px;}
.edge2{height: 467px;}
.edge3{background:url(../images/edgebg2.jpg) no-repeat center 0;}
.edge4{background:url(../images/edgebg3.jpg) no-repeat center 0;}
.edge_p,.edge_p img{width:600px;height: 384px;display: block;overflow: hidden;}
.edge_p img,.witn_l dt p img,.new_c dt b img,.faq_gg img,.show_c li p img{-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.edge_p img:hover,.witn_l dt p img:hover,.new_c dt b img:hover,.faq_gg img:hover,.show_c li p img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.edge_w{width: 493px;padding: 49px 0 0;}
.edge_w h3{height: 104px;font-size: 26px;color: #02669f;line-height: 45px;background:url(../images/ico06.gif) no-repeat 0 bottom;margin-bottom: 22px;white-space: nowrap;}
.edge_w h3 em{display: block; font-size: 28px;color: #c7c7c7;line-height:42px;text-transform: uppercase;font-weight: normal;}
.edge_w p{display: block;height:114px;overflow: hidden;}
.edge_w span a{background:url(../images/icobg3.gif) no-repeat 0 0;width:120px;line-height: 37px;display: inline-block;padding: 0 20px 0 0;color: #f67406;text-align: center;}

/*见证*/
.witn{clear: both;padding:90px 0 0;height:695px;font-family:"Microsoft Yahei";background:#f7f7f7;}
.prev1,.next1{width:20px;height: 36px;display: block;overflow: hidden;margin: 20px 0 0;background:url(../images/next.gif) no-repeat 0 0;top: 253px;right: -35px;z-index:9;}
.prev1{background:url(../images/prev.gif) no-repeat 0 0;left: -35px;}
.prev1:hover,.next1:hover{background-position: 0 bottom;}
.witn_l{width:1200px;height:512px;overflow: hidden;}
.witn_l dl{width:364px;height: 487px;background: #f7f7f7;float: left;padding: 7px;color: #333;overflow: hidden;line-height: 28px;border: solid 1px #e7e7e7;margin: 0 30px 0 0;}
.witn_l dl.cur{border: solid 1px #7caecb;}
.witn_l dt{height: 272px;position: relative;background: #efefef;}
.witn_l dt p,.witn_l dt p img{width:364px;height: 215px;display: block;overflow: hidden;}
.witn_l dt span{width:108px;height:108px;display: block;position: absolute;top: 158px;right: 20px;}
.witn_l dt span img{width:108px;height:108px;display: block;border-radius: 108px;}
.witn_l dt b{height:57px;display: block;line-height: 70px;font-weight: normal;padding: 0 20px;}
.witn_l dd{padding:0 20px;background: #efefef;height: 215px;}
.witn_l dd h3{height:48px;line-height:48px;font-size: 16px;}
.witn_l dd h3 a{color: #333;}
.witn_l dd p{height: 112px;overflow: hidden;}
.witn_l dd span a{background:url(../images/icobg4.gif) no-repeat 0 0;width:85px;line-height:32px;display: inline-block;padding: 0 25px 0 0;color: #666;text-align: center;}
.witn_l dl.cur dd span a{background:url(../images/icobg5.gif) no-repeat 0 0;color: #02669f;}

.witn_l dl.cur dd h3 a{color: #02669f;}

/*资讯*/
.newbox{font-family:"Microsoft Yahei";overflow: hidden;padding: 63px 0 0;line-height: 24px;height: 508px;}
.newbox h3{height:64px;line-height:32px;font-size:20px;background:url(../images/line1.gif) repeat-x 0 33px;}
.more01 a{font-size:14px;font-weight: normal;}
.newbox h3 b a{color: #222;border-bottom: solid 2px #02669f;display: inline-block;}
.news,.faqs{width:550px;height:448px;overflow: hidden;}

.new_c dl{height:269px;overflow: hidden;border-bottom: dashed 1px #ccc;margin-bottom: 22px;}
.new_c dt{height: 150px;overflow: hidden;}
.new_c dt span{width: 160px;height: 140px;background: #02669f;color: #fff;text-align: center;text-transform: uppercase;font-size: 30px;background: #02669f;font-family: Arial;float: left;line-height: 140px;font-weight: bold;}
.new_c dt b,.new_c dt b img{height:140px;width:390px;display: block;overflow: hidden;float: left;}
.new_c dd h4{height:52px;line-height:52px;font-size: 14px;overflow: hidden;}
.new_c dd h4 a{color: #222;}
.new_c dd h4 span{float:right;color: #999;display: inline-block;font-weight: normal;}
.new_c dd h4 span em{display: inline-block;padding: 0 10px;}
.new_c dd p{height:46px;overflow: hidden;}
.new_c dd p a,.faq_c dd a{color: #f67406;}
.new_c li{height:29px;line-height:29px;overflow: hidden;white-space: nowrap;padding: 0 0 0 16px;background:url(../images/ico07.gif) no-repeat 0 14px;}
.new_c li span{float: right;}

.faq_gg{margin-bottom: 18px;}
.faq_gg,.faq_gg img{width: 550px;height:140px;display: block;overflow: hidden;}
.faq_c dl{height:111px;overflow: hidden;margin-bottom: 16px;border-bottom: dashed 1px #ccc;}
.faq_c dt{height:44px;line-height:44px;color: #222;font-weight: bold;}
.faq_c dt i{background:url(../images/ico09.gif) no-repeat 0 0;width:20px;height:20px;float: left;-webkit-transition: transform 1s;transition: transform 1s;margin: 12px 10px 12px 0;}
.faq_c dt a{color: #222;}
.faq_c dd{color: #222;padding: 0 0 0 32px;}

/*关于*/
.abobox{font-family:"Microsoft Yahei";line-height: 28px;color: #555;background:#f7f7f7;}
.about{padding: 70px 0 0;height:570px;}
.about_c{background:url(../images/abotbg.gif) no-repeat;padding:30px 31px;height:342px;}
.about_w{width:506px;padding: 0 0 0 11px;}
.about_w h3{height: 90px;line-height: 80px;border-bottom: solid 1px #e5e5e5;font-size: 20px;color: #333;margin-bottom: 33px;}
.about_w h3 a{color: #333;}
.about_w p{height: 150px;overflow: hidden;}
.about_w span a{background:url(../images/icobg6.gif) no-repeat;width:131px;line-height: 40px;display: inline-block;color: #fff;padding: 0 22px 0 0;text-align: center;}
.about_p,.about_p img{width:580px;height:340px;display: block;}

/*风采展示*/
.show{height: 318px;text-align: center;overflow: hidden;}
.showtil{height: 75px;font-size: 20px;background:url(../images/line1.gif) repeat-x 0 23px;}
.showtil p{width: 360px;background: #f7f7f7;margin:0 auto;height: 45px;}
.showtil span{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;color: #333;width:152px;border: solid 1px #02669f;border-radius:20px;line-height: 44px;color: #333;display: inline-block;position: relative;z-index: 1;overflow: hidden;}
.showtil span:before{content:'';z-index:-1;position:absolute;top:0;right:100%;width:100%;height:44px;background:#02669f;border-radius:19px;-webkit-transition:all 0.3s cubic-bezier(0.7,0,0.9,1);transition:all 0.3s cubic-bezier(0.7,0,0.9,1);}
.showtil span:hover:before,.showtil span.cur:before{right:0;}
.showtil span:hover,.showtil span.cur{color:#fff;}
.show_c ul{width:1230px;}
.show_c li{width: 277px;float: left;padding: 0 28px 0 2px;}
.show_c li p,.show_c li p img{width: 277px;height: 156px;display: block;overflow: hidden;}
.show_c li span{display: block;line-height: 42px;}

/*友情链接*/
.link{height:60px;background: #464646;line-height:60px;font-family:"Microsoft Yahei";overflow: hidden;text-align: center;border-top: solid 1px #5a5a5a;}
.link a{color: #b2b2b2;display: inline-block;padding: 0 20px;}