@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}


.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit b{display:inline-block;font-size: 40px;color: #333;line-height: 40px;position: relative;}
.tit b:before{position: absolute;width: 17px;height: 1px;background: #002248;content: "";left: -45px;top: 20px;}
.tit b:after{position: absolute;width: 17px;height: 1px;background: #002248;content: "";right: -45px;top: 20px;}
.tit i{display:block;font-size: 20px;color: #333;line-height: 20px;padding-top: 10px;}
/*banner*/
.banner{height: 800px;overflow: hidden;}
.banner .bd li{height: 800px;background: url(../images/banner1.jpg) no-repeat center 0;}
.banner .bd li a{display: block;height: 800px;}
/*hxy*/
.hxy{height: 110px;background: #f8f8f8;}
.hxy h2{float: left;height: 110px;line-height: 110px;font-size: 26px;color: #201c1d;font-weight: normal;}
.hxy h2 b{color: #b78235;}
.hxy .tel{float: right;padding-left: 50px;margin:26px 0 0;font-size:14px;color: #9a9a9a;line-height: 14px;background:url(../images/tel1.jpg) no-repeat left top;}
.hxy .tel b{display:block;font-size: 30px;line-height: 50px;font-family: Arial;color: #221e1f;}
/*yz*/
.yz{padding:80px 0 0;}
.yz h2{float: left;font-weight: normal;}
.yz h2 i{display:block;font-size: 40px;color: #333;line-height: 40px;padding:25px 0 19px;}
.yz h2 b{display:block;font-size: 40px;color: #383128;line-height: 40px;}
.yz dl{float: right;height: 198px;width: 815px;}
.yz dd{float: left;padding-left: 50px;height: 108px;border-left:1px solid #e3e3e3;margin-top: 28px;width: 440px;}
.yz dd p{font-size: 16px;color: #666;line-height: 36px;}
.yz ul{border-top:4px solid #cac7c4;padding-top: 42px;}
.yz li{float: left;width: 210px;height: 56px;}
.yz li i{float: left;width: 54px;height: 54px;border:1px solid #e9e9e9;border-radius: 50%;margin-right:20px;transition:all 1s linear;}
.yz li p{float: left;font-size: 16px;color: #858585;line-height: 23px;padding:5px 0;}
.yz li:last-child{width: auto;float: right;}
.yz li:hover i{border-color: #b78235;transform:rotateY(360deg);}
.yz li:hover p{color: #b78235;}
/*pro*/
.pro{padding:150px 0 100px;}
.pro_l{float: left;width: 460px;margin-top: 248px;}
.pro_l h2{width: 440px;text-align: center;font-weight: normal;}
.pro_l h2 img{display:block;}
.pro_l h2 span{display:block;font-size: 40px;color: #333;line-height: 40px;padding:28px 0 22px;}
.pro_l h2 i{display:block;font-size: 16px;color: #909090;line-height: 16px;letter-spacing: 2px;}
.pro_l .zx{display:block;position: relative;width: 224px;height: 54px;line-height: 54px;text-align: center;font-size: 16px;color: #4e463a;font-weight:bold;border:1px solid #e1e1e1;margin:56px 0 84px 110px;letter-spacing: 2px;}
.pro_l .zx:after{position: absolute;width: 14px;height: 13px;content: "";background:url(../images/san1.png) no-repeat;right: 3px;bottom: 3px;}
.pro_l .zx:hover{background: #f8f8f8;}
.pro_l .yj{margin-left: -80px;position: relative;}
.pro_l .yj b{position: absolute;left: 220px;bottom: 0;font-size: 30px;color: #4e463a;line-height: 62px;text-transform: uppercase;font-family: Arial;letter-spacing: 2px;}
.pro_r{float: right;width:669px;position: relative;}
.pro_pic{height: 947px;position: relative;}
.pro_pic:after{position: absolute;width: 66px;height: 288px;background:url(../images/pro_t.jpg) no-repeat;content: "";right: -66px;top: 144px;}
.zs{height: 154px;margin-top: 55px;}
.zs h3{font-size: 16px;color: #4e4e4e;line-height: 30px;font-weight: normal;margin:28px 0 22px;}
.zs h3 b{display:block;}
.zs_l{float: left;width: 270px;}
.zs_l p{font-size: 10px;color: #b7b7b7;line-height: 18px;}
.zs_r{float: right;}
.zs_r p{float: left;margin-left: 22px;border:1px solid #ddd;font-size: 0;line-height: 0;}
/*cess*/
.cess{padding:80px 0 0;background: #f8f8f8;}
.cess_r{height: 238px;}
.cess_r li{float: left;width: 290px;padding:0 42px;height: 238px;position: relative;margin-right: 39px;}
.cess_r li:after{position: absolute;width: 1px;height: 150px;background: #ededed;content: "";right: -19px;top: 80px;}
.cess_r li em{display:block;font-size: 24px;color: #282828;line-height: 24px;margin:62px 0 26px;}
.cess_r li p{font-size: 14px;color: #6e6e6e;line-height: 26px;}
.cess_r .l3{margin-right: 0;overflow: hidden;}
.cess_r .l1:hover,.cess_r .l1.cur{background:url(../images/cess1.jpg) no-repeat;}
.cess_r .l2:hover,.cess_r .l2.cur{background:url(../images/cess2.jpg) no-repeat;}
.cess_r .l3:hover,.cess_r .l3.cur{background:url(../images/cess3.jpg) no-repeat;}
.cess_r li:hover em,.cess_r li.cur em{color: #fff;}
.cess_r li:hover p,.cess_r li.cur p{color: #fff;}
.cess_list{border-top:4px solid #4e463a;margin-top: 40px;height: 208px;}
.cess_list li{float: left;width: 150px;text-align: center;position: relative;padding-top: 54px;}
.cess_list li img{display:block;margin:0 auto;}
.cess_list li p{display:block;font-size: 18px;color: #6a6a6a;line-height: 38px;}
.cess_list li:after{position: absolute;width: 19px;height: 13px;content: "";background:url(../images/jt1.png) no-repeat;right: -10px;top: 80px;}
.cess_list li:last-child:after{display: none;}
.cess_list li:hover p,.cess_list li.cur p{font-weight:bold;}
.cess_list li b{display:none;position: absolute;width: 130px;height: 40px;line-height: 40px;font-size: 18px;color: #fff;background: #4e463a;left: 50%;margin-left: -65px;top: -22px;}
.cess_list li:hover b,.cess_list li.cur b{display:block;}
.cess_list li:hover img{animation: flipInX 1s;}
/*case*/
.case{padding:100px 0 0;}
.case_t{height: 210px;background:url(../images/gou.jpg) no-repeat;}
.case_t h2{float: left;font-weight: normal;font-size: 0;line-height: 0;}
.case_t h2 span{display:block;font-size: 40px;color: #333;line-height: 40px;padding:30px 0 16px;}
.case_t h2 i{display:block;font-size: 16px;color: #909090;line-height: 16px;letter-spacing: 2px;}
.case_t ul{float: right;margin-top: 73px;}
.case_t li{float: left;width: 90px;text-align: center;height: 95px;position: relative;}
.case_t li:after{position: absolute;width: 1px;height: 44px;background: #ececec;content: "";right: 0;bottom: 0;}
.case_t li:last-child:after{display: none;}
.case_t li i{display:block;width: 34px;height: 30px;margin:0 auto 12px;}
.case_t li span{display:block;font-size: 16px;color: #666;line-height: 30px;padding:0 25px;}
.case_t li .i1{background:url(../images/case_ic1.png) no-repeat;}
.case_t li .i2{background:url(../images/case_ic2.png) no-repeat;}
.case_t li .i3{background:url(../images/case_ic3.png) no-repeat;}
.case_t li .i4{background:url(../images/case_ic4.png) no-repeat;}
.case_t li .i5{background:url(../images/case_ic5.png) no-repeat;}
.case_t li.cur span{color: #b78235;}
.case_t li.cur .i1{background:url(../images/case_ic1h.png) no-repeat;}
.case_t li.cur .i2{background:url(../images/case_ic2h.png) no-repeat;}
.case_t li.cur .i3{background:url(../images/case_ic3h.png) no-repeat;}
.case_t li.cur .i4{background:url(../images/case_ic4h.png) no-repeat;}
.case_t li.cur .i5{background:url(../images/case_ic5h.png) no-repeat;}
.case_bd dl{height: 600px;position: relative;}
.case_bd dt img{width: 1200px;height: 600px;}
.case_bd dd{position: absolute;width: 1100px;height: 120px;padding:0 50px;background: rgba(0,0,0,0.7);left: 0;bottom: 0;}
.case_bd dd a{display:block;font-size: 16px;color: #fff;line-height: 16px;margin:36px 0 8px;font-weight:bold;}
.case_bd dd p{display:block;font-size: 14px;color: #fff;line-height: 24px;}
/*coop*/
.coop{padding:50px 0 50px;}
.coop li{float: left;width: 208px;margin-right: 40px;padding-top:20px;}
.coop .tempWrap{width:100% !important;}

.coop li img{display:block;width: 206px;border:1px solid #e4e4e4;margin-bottom: 25px;}
.coop li img:hover{border-color: transparent;box-shadow:0 0 20px rgba(0,0,0,0.1);}
/*ys*/
.ys{height: 1047px;background:url(../images/ys_bg.jpg) no-repeat center 0;}
.ys_con{float: right;width: 678px;margin-top: 332px;}
.ys_con h2{height: 143px;font-weight: normal;padding-left: 40px;}
.ys_con h2 span{display:block;font-size: 40px;color: #333;line-height: 40px;}
.ys_con h2 i{display:block;font-size: 16px;color: #909090;line-height: 16px;padding-top: 18px;}
.ys_ct{height: 409px;}
.ys_ct ul{float: left;width: 189px;padding-top: 31px;}
.ys_ct li{height: 75px;margin-bottom: 19px;}
.ys_ct li em{float: left;width: 27px;height: 27px;line-height: 27px;text-align: center;font-size: 14px;color: #fff;border-radius: 50%;font-weight:bold;background: #464e57;margin:24px 10px 0 18px;font-style: italic;}
.ys_ct li p{float: left;padding-top: 20px;color: #fff;}
.ys_ct li p span{display:block;font-size: 20px;line-height: 20px;}
.ys_ct li p i{display:block;font-size: 12px;line-height: 12px;padding-top: 8px;opacity: 0.4;}
.ys_ct li.cur em{background: #b78235;}
.ys_ct li.cur p span{color: #b78235;font-weight: bold;}
.ys_bd{float: right;width: 400px;margin-right: 25px;}
.ys_bd h3{height: 122px;position: relative;margin:68px 0 32px;}
.ys_bd h3:after{position: absolute;width: 32px;height: 5px;background: #b78235;content: "";left: 0;bottom: 0;}
.ys_bd h3 b{display:block;font-size: 30px;color: #fff;line-height: 30px;}
.ys_bd h3 span{display:block;font-size: 24px;color: #b78235;line-height: 24px;padding-top: 20px;}
.ys_bd p{font-size: 14px;color: #b2b2b2;line-height: 29px;}
.ys_con h4{height: 97px;margin-top: 66px;font-weight: normal;}
.ys_con h4 i{float: right;font-size: 27px;color: #fff;line-height: 97px;margin-right: 60px;font-style: italic;}
.ys_con h4 .zx{float: right;width: 200px;height: 80px;line-height: 80px;text-align: center;font-size: 27px;color: #8f7455;background: #fff;margin-right: -50px;}
/*news*/
.news{padding-top: 100px;}
.news h2{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.news h2 span{display:block;font-size: 40px;color: #333;line-height: 40px;padding:28px 0 50px;}
.news_con{ background:url(../images/news_conbg.jpg) no-repeat center; height: 635px;}
.news h3{text-align: center;font-weight: normal;font-size: 14px;color: #000;height: 20px;line-height: 20px;padding:160px 0 60px;}
.news h3 a{display:inline-block;font-size: 16px;color: #000000;vertical-align: top;margin:0 20px;transition:all 0.3s;}
.news h3 a:hover,.news h3 a.cur{font-weight: bold;}
.news dl{ width: 506px; margin-right: 180px; float: left; margin-bottom: 55px;}
.news dl:nth-child(even){ margin-right: 0;}
.news dt img{ display: block; width: 102px; height: 102px; border-radius: 51px; float: left;}
.news dd{ float: right; width: 366px;}
.news dd h4 a{ float: left; height: 40px; line-height: 40px;font-weight: normal; font-size: 16px; color: #1c1317;}
.news dd h4 span{ float: right;height: 40px; line-height: 40px;font-weight: normal; font-size: 16px; color: #b78235;}
.news dd p{ font-size: 13px; color:#666666 ; float:left; line-height: 26px;}
.news dd .more img{ display: block; width: 24px; height: 24px; margin-top: 20px; float: left;}
.news dd h4:hover a{color: #b78235;}
/*abt*/
.abt{padding:100px 0 0;}
.abt h2{text-align: center;font-weight: normal;margin-bottom: 50px;font-size: 0;line-height: 0;}
.abt h2 span{display:block;font-size: 40px;color: #333;line-height: 40px;padding:28px 0 18px;}
.abt h2 i{display:block;font-size: 16px;color: #909090;line-height: 16px;}
.abt_z{height:130px; border: 1px solid #e5e5e5; box-sizing: border-box;}
.abt_z li{ float: left;  color: #333333;  width: 299px; height: 129px; float: left;border-right: 1px solid #e5e5e5;font-size: 16px; box-sizing: border-box;text-align: center;}
.abt_z li:nth-child(4){ border: 0;}
.abt_z li b{ display: inline-block; font-size: 45px; line-height: 45px; color: #b78235; margin-top: 32px; padding-bottom: 8px;}
.abt_z li span{ display: block;font-size: 14px; line-height: 14px; color: #666666; }
.abt_z li:hover{background: #f4f4f4;}
.abt dl{margin-top:30px ; position: relative;}
.abt dt img{ width: 1200px; height: 358px; display: block;}
.abt dd{position: absolute; width:1000px; padding: 50px 50px 0; height: 125px; left: 50px; top: 100px; background: rgba(0,0,0,0.58); font-size: 14px; color: #ffffff; line-height:29px ; text-align: center;}
.abt h3{ margin-left: 345px;}
.abt h3 a{display:inline-block;position: relative;width: 152px;height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #4e463a;font-weight:bold;border:1px solid #e1e1e1;margin:50px 18px 68px 0 ;letter-spacing: 2px; background: #fff;}
.abt h3 a:after{position: absolute;width: 14px;height: 13px;content: "";background:url(../images/san1.png) no-repeat;right: 3px;bottom: 3px;}
.abt h3 a:hover{background: #f8f8f8;}


/*产品中心*/
.cp_bg{background:url(../images/cp_bg.jpg) no-repeat center 0;height: 810px;overflow: hidden;padding: 0 0 0;}
.cp_t{background:url(../images/cp_tbg.png) no-repeat;width: 1120px;height: 80px;padding: 0 0 0 80px;font-size: 40px;color: #333;overflow: hidden;line-height: 32px;margin: 0 auto; text-align:center;}
.cp_t a{color: #333;}
.cp_t span{display: block;font-size: 16px;color: #666;font-weight: normal;}
.cp_l{width: 295px;margin: 44px 0 0;background: #fff;border-radius: 30px 0 0;border-bottom: #000000 2px solid;}
.cp_h2{width: 295px;height: 100px;overflow: hidden;background: #000000;border-radius: 30px 0 0;}
.cp_h2 a{font-size: 24px;color: #fff;display: block;padding: 20px 0 0 30px;}
.cp_h2 em{display: block;width: 160px;height: 20px;padding: 15px 0 0;}
.cp_h2 em img{width: 160px;height: 20px;}
.cp_lm{width: 295px;height: 440px;overflow: hidden;}
.cp_lm h3{width: 295px;height: 55px;overflow: hidden;margin-top: 1px;}
.cp_lm h3 a{font-size: 16px;color: #fff;display: block;width: 265px;height: 55px;line-height: 55px;background:#666 url(../images/cp_ico02.png) no-repeat 260px 20px;padding: 0 0 0 30px;}
.cp_lm h3 a:hover,.cp_lm h3.on a{background:#000000 url(../images/cp_ico01.png) no-repeat 260px 23px;}
.cp_lm ul li{border-bottom: #e2e2e2 1px solid;}
.cp_lm ul li a{font-size: 14px;color: #555;background:url(../images/cp_ico03.png) no-repeat 240px 18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 265px;height: 52px;line-height: 52px;padding: 0 0 0 30px;}
.cp_lm ul li a:hover{color: #000000;}
.cp_lb{font-size: 24px;color: #000000;display: block;width: 295px;text-align: center;height: 106px;line-height: 106px;text-transform: uppercase;overflow: hidden;}
.cp_r{width: 880px;margin: 0 0 0;}
.cp_rm{width: 880px;height: 440px;position: relative;overflow: hidden;}
.cp_r dl{width: 880px;height: 440px;position: relative;background:url(../images/cp_k.jpg) no-repeat;}
.cp_r dl dt{width: 880px;height: 440px;line-height: 0;overflow: hidden;-webkit-transition:transform .3s;transition:transform .3s;}
.cp_r dl dt img{width: 880px;height: 440px;}
.cp_r dl dt:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.cp_r dl dd{width: 220px;height: 200px;position: absolute;top: 105px;right: 55px;padding: 15px 10px 0;z-index: 20;border: #fff 7px solid;}
.cp_r dl dd h5{height: 70px;line-height: 60px;overflow: hidden;background:url(../images/cp_line.png) no-repeat 0 65px;}
.cp_r dl dd h5 a{font-size: 36px;color: #fff;font-weight: normal;display: block;width: 220px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_r .cp_desc{font-size: 16px;color: #fff;line-height: 30px;height: 90px;overflow: hidden;padding: 20px 0 0;}
.cp_lico,.cp_rico{display: block;width: 41px;height: 64px;position: absolute;top: 180px;z-index: 20;}
.cp_lico{left: 0;}
.cp_rico{right: 0;}
.cp_bot{width: 120px;height: 20px;position: absolute;bottom: 35px;right: 0;z-index: 20;}
.cp_bot ul li{float: left;height: 10px;width: 10px;border-radius: 50%;background: #fff; text-indent: -9999px;margin-right: 12px;border: #23639c 2px solid;cursor: pointer;}
.cp_bot ul li.on{background: #23639c;border: #fff 2px solid;}
.cp_list{width: 880px;}
.cp_list ul li{width: 275px;height: 188px;background: #fff;float: left;position: relative;border: #e2e2e2 1px solid;margin-top: 20px;margin-right: 12px;}
.cp_list ul li b{width: 57px;height: 57px;display: none;line-height: 0;position: absolute;top: -3px;left: -3px;z-index: 20;}
.cp_list ul li b img{width: 57px;height: 57px;}
.cp_list ul li:first-child b{display: block;}
.cp_list ul li em{width: 275px;height: 155px;display: block;line-height: 0;overflow: hidden;}
.cp_list ul li em img,.ys_l img,.jz_m dl dt img,.wd_m dd h5 img,.about dl dt img,.honor_t ul li img{width: 275px;height: 155px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp_list ul li em img:hover,.ys_l img:hover,.jz_m dl dt img:hover,.wd_m dd h5 img:hover,.about dl dt img:hover,.honor_t ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_list ul li h4{display: block;width: 240px;height: 30px;line-height: 30px;font-size: 14px;color: #000000;position: absolute;bottom: 5px;left: 0;padding: 0 15px;background:url(../resource/images/ce7a9a8ffcc848a8b4dfd4ca759341f6_2.png) no-repeat 240px 8px;font-weight: normal;}
.cp_list ul li.nobor{margin-right: 0;}
.cp_list ul li:hover{border: #000000 1px solid;}
.cp_list ul li:hover h4{background:url(../images/cp_ico05.png) no-repeat 240px 8px;}