@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;}
.tit b{display:block;font-size: 40px;color: #2e2e2e;line-height: 40px;}
.tit i{display:inline-block;font-size: 18px;color: #666;line-height: 18px;position: relative;margin-top: 15px;}
.tit i:before{position: absolute;width: 135px;height: 1px;background: #ddd;content: "";left: -145px;top: 9px;}
.tit i:after{position: absolute;width: 135px;height: 1px;background: #ddd;content: "";right: -145px;top: 9px;}
/*banner*/
.banner{height: 700px;overflow: hidden;}
.banner .bd li{height: 700px;background: url(../images/banner1.jpg) no-repeat center 0;}
.banner .bd li a{display: block;height: 700px;}
/*search*/
.search{height: 70px;border-bottom:1px solid #ddd;}
.search p{float: left;height: 70px;line-height: 70px;font-size: 14px;color: #333;}
.search p a{margin-right:10px;color: #666;font-size: 14px;}
.s_box{float: right;margin-top:10px;width: 320px;height: 48px;border-bottom:1px solid #ddd;}
.s_box .input1{float:left;width:290px;height:48px;line-height: 48px;font-size:14px;color:#333;border:0;background: none;outline: 0;}
.s_box .input2{float: left;width:30px;height: 48px;border: 0;background: url(../images/sea.png) no-repeat center;outline: 0;cursor: pointer;}
/*pro*/
.pro{padding:80px 0;}
.pro_ctg{border:1px solid #ddd;border-bottom:0;margin:50px 0 20px;}
.pro_ctg li{height: 53px;line-height: 53px;border-bottom:1px solid #ddd;}
.pro_ctg li em{float: left;width:158px;height: 53px;font-size: 18px;color: #2f2f2f;background:url(../images/pro_li1.jpg) no-repeat;}
.pro_ctg li em a{display:block;padding-left: 40px;color: #2f2f2f;}
.pro_ctg li em:hover{background:url(../images/pro_li2.jpg) no-repeat;}
.pro_ctg li em:hover a{color: #fff;}
.pro_ctg li p{float: left;width: 930px;margin-left: 30px;}
.pro_ctg li p a{float: left;font-size: 15px;color: #666;margin-right: 28px;}
.pro_ctg li .more{float: right;margin-right: 20px;font-size: 15px;color: #666;}
.pro_ctg li p a:hover,.pro_ctg li .more:hover{color: #485a81;}
.pro_l{float: left;width: 560px;height: 560px;position: relative;}
.pro_l:after{position: absolute;width: 94px;height: 94px;background:url(../images/hot.png) no-repeat;content: "";left: 0;top: 0;}
.pro_bd p{height: 560px;position: relative;}
.pro_bd p img{display:block;width: 560px;height: 560px;}
.pro_bd p span{position: absolute;left: 64px;bottom: 0;font-size: 16px;color: #444;line-height: 16px;height: 46px;}
.pro_bd p span:after{position: absolute;width: 32px;height: 1px;background: #485a81;content: "";left: -42px;top: 8px;}
.pro_bd p i{display:block;font-size: 12px;color: #949494;text-transform: uppercase;line-height: 24px;}
.pro_pg{position: absolute;right: 22px;bottom: 24px;z-index: 10;}
.pro_pg i{display:inline-block;width: 10px;height:10px;background: #575757;border-radius: 50%;margin-left: 15px;}
.pro_pg i.cur{background: #485a81;}
.pro_list{float: right;width: 640px;height: 560px;overflow: hidden;}
.pro_list li{float: left;width: 300px;height: 268px;position: relative;margin-left: 20px;margin-bottom: 24px;}
.pro_list li img{width: 300px;height: 268px;}
.pro_list li span{position: absolute;width: 100%;left: 0;bottom: 0;font-size: 16px;color: #515151;height: 50px;line-height: 50px;text-align: center;transition:all 0.3s;}
.pro_list li:hover span{height: 120px;background:url(../images/pro_tm.png) no-repeat;color: #fff;}
/*pz*/
.pz{height: 992px;background:url(../images/pz_bg.jpg) no-repeat center 0;}
.pz h2{padding:80px 0 0;height: 114px;}
.pz h2 i:before,.pz h2 i:after{background: #c8c8c8;}
.pz li{float: left;width: 373px;height: 487px;background: #fff;margin-right: 40px;}
.pz li:last-child{margin-right: 0;}
.pz li i{display:block;height: 220px;overflow: hidden;}
.pz li img{display:block;width: 373px;height: 220px;transition:all 0.5s;}
.pz li i:hover img{transform:scale(1.05);}
.pz li b{display:block;font-size: 24px;color: #2e2e2e;line-height: 24px;padding:50px 48px 22px;}
.pz li p{font-size: 16px;color: #666;line-height: 25px;padding:0 48px;}
.pz li .zx{display:block;width: 136px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #c3bfd5;background: #485a81;border-radius: 20px;margin-left: 48px;margin-top: 18px;}
.pz li:hover{background: #485a81;}
.pz li:hover b{color: #d8d4ed;}
.pz li:hover p{color: #c3bfd5;opacity: 0.8;}
.pz li:hover .zx{color: #485a81;background: #c3bfd5;}
.pz h3{float: left;margin-top: 102px;}
.pz .tel{float: right;margin-top: 135px;padding-left: 58px;font-size: 15px;color: #d8d4ed;line-height: 15px;background:url(../images/tel2.png) no-repeat left 3px;}
.pz .tel b{display:block;font-size: 26px;color: #c3bfd5;font-family: "Arial";line-height: 40px;}
/*case*/
.case{padding:80px 0 0;}
.case h2{margin-bottom: 40px;}
.case_t{height: 70px;border-top:1px solid #ddd;}
.case_t a{float: left;font-size: 18px;height: 70px;line-height: 70px;color: #666;padding:0 10px;margin-right: 55px;position: relative;}
.case_t a:last-child{margin-right: 0;}
.case_t a:hover,.case_t a.cur{color: #485a81;font-weight:bold;}
.case_t a:hover:after,.case_t a.cur:after{position: absolute;width: 100%;height: 2px;background: #485a81;content: "";left: 0;bottom: 10px;}
.case_con{height: 544px;background:url(../images/case_bg.jpg) no-repeat center 0;}
.case_bd dl{height: 538px;position: relative;}
.case_bd dt img{display:block;width: 1200px;height: 538px;}
.case_bd dd{height: 137px;position: absolute;width: 100%;left: 0;bottom: 0;background: rgba(0,0,0,0.8);}
.case_bd dd h3{font-size: 20px;color: #fff;line-height: 20px;margin:30px 45px 10px;}
.case_bd dd h3 a{color: #fff;}
.case_bd dd p{margin-left: 45px;width: 935px;font-size: 15px;color: #fff;line-height: 25px;opacity: 0.6;}
.case_bd dd .more{position: absolute;right: 40px;top: 58px;transition:all 0.3s;}
.case_bd dd .more:hover{transform:translateX(5px);}
/*coop*/
.coop{height: 402px;padding-top:80px;background:url(../images/coop_bg.jpg) no-repeat center 0;}
.coop h2{height: 52px;font-weight: normal;line-height: 24px;}
.coop h2 b{font-size: 24px;color: #333;margin-right: 15px;vertical-align: top;}
.coop h2 i{font-size: 15px;color: #333;text-transform: uppercase;font-family: Arial;opacity: 0.25;}
.coop li{float: left;width: 238px;background: #fff;border-right:1px solid #dedede;}
.coop li img{display:block;width: 238px;height: 135px;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.coop li a:first-child img{border-bottom:1px solid #dedede;}
.coop_list{position: relative;}
.coop_list .prev{position: absolute;top: 85px;left: -70px;width: 45px;height: 82px;background:url(../images/prev1.png) no-repeat;}
.coop_list .next{position: absolute;top: 85px;right: -70px;width: 45px;height: 82px;background:url(../images/next1.png) no-repeat;}
.coop_list .prev:hover{background:url(../images/prev1h.png) no-repeat;}
.coop_list .next:hover{background:url(../images/next1h.png) no-repeat;}
.coop li a:hover img{-webkit-filter: grayscale(0);filter: grayscale(0);box-shadow:0 0 20px rgba(0,0,0,0.1);}
/*ys*/
.ys{padding:80px 0 0;}
.ys h2{margin-bottom: 34px;}
.ys1{height: 503px;background:url(../images/ys1.jpg) no-repeat center 0;}
.ys2{height: 503px;background:url(../images/ys2.jpg) no-repeat center 0;}
.ys3{height: 503px;background:url(../images/ys3.jpg) no-repeat center 0;}
.ys_det{width: 480px;padding-top: 74px;}
.ys_det.fr{margin-right: 50px;}
.ys_det.fl{margin-left: 70px;}
.ys_det h3{font-size: 0;position: relative;height: 184px;margin-bottom: 35px;}
.ys_det h3:after{position: absolute;width: 100px;height: 2px;background: #485a81;content: "";left: 0;bottom: 0;}
.ys_det h3 b{display:block;font-size: 34px;color: #485a81;line-height: 34px;padding:16px 0 10px;}
.ys_det h3 span{display:block;font-size: 26px;color: #2e2e2e;line-height: 26px;}
.ys_det p{padding-left: 25px;font-size: 16px;color: #666;line-height: 25px;background:url(../images/c1.png) no-repeat left 8px;margin-bottom: 10px;}
/*news*/
.news{padding:80px 0 35px;}
.news h2{margin-bottom: 30px;}
.news h3{height: 50px;font-size: 22px;line-height: 22px;}
.new_l{float: left;width: 550px;}
.new_l dt b{float: left;width: 170px;height: 124px;padding-top: 66px;background:url(../images/tout.jpg) no-repeat;font-size: 30px;line-height: 30px;color: #fff;text-align: center;}
.new_l dt i{display:block;font-size: 20px;text-transform: uppercase;font-family: Arial;font-weight: normal;line-height: 40px;opacity: 0.55;}
.new_l dt img{display:block;width: 380px;height: 190px;}
.new_l dd{height: 92px;border-bottom:1px solid #ececec;padding-top: 16px;}
.new_l dd>a{display:block;font-size: 16px;color: #333;line-height: 16px;margin:0 0 12px;font-weight:bold;}
.new_l dd p{font-size: 14px;color: #666;line-height: 25px;}
.new_list p{margin-top: 16px;height: 80px;line-height: 80px;}
.new_list p img{float: left;width: 160px;height: 80px;}
.new_list p span{float: left;font-size: 14px;color: #666;margin-left: 16px;}
.new_list p i{float: right;font-size: 14px;color: #666;}
.new_list p:hover span,.new_list p:hover i{color: #485a81;}
.new_r{float: right;width: 600px;}
.new_r dl{height: 150px;border-bottom:1px solid #efefef;margin-bottom: 42px;}
.new_r dt{float: left;width: 212px;height: 106px;overflow: hidden;}
.new_r dt img{display:block;width: 212px;height: 106px;transition: all 0.5s;}
.new_r dt:hover img{transform:scale(1.05);}
.new_r dd{float: right;width: 370px;}
.new_r dd>a{display:block;font-size: 16px;color: #666;line-height: 24px;margin-bottom: 12px;font-weight:bold;}
.new_r dd p{font-size: 14px;color: #666;line-height: 25px;}
.new_r dl.last{margin-bottom: 0;border: 0;}
.new_r dd>a:hover{color: #485a81;}
/*abt*/
.abt{height: 850px;background:url(../images/abt_bg.jpg) no-repeat center 0;}
.abt h2{padding:82px 0 0;height: 114px;}
.abt ul{height: 108px;border-left:1px solid #d7d7d7;margin-bottom: 32px;}
.abt li{float: left;width: 398px;height: 108px;border-right:1px solid #d7d7d7;text-align: center;}
.abt li span{display:inline-block;height: 70px;line-height: 70px;position: relative;}
.abt li b{font-size: 70px;font-family: Arial;color: #333;}
.abt li i{position: absolute;right: -10px;top: 0;width: 22px;height: 22px;line-height: 22px;font-size: 14px;color: #fff;background: #485a81;border-radius: 50%;}
.abt li p{font-size: 18px;color: #1c1317;line-height: 18px;padding-top: 14px;}
.abt dt img{width: 710px;height: 435px;}
.abt dd{float: right;width: 815px;padding-left: 35px;height:435px;background:url(../images/abt_dd.jpg) no-repeat #fff;margin-right: -360px;}
.abt dd b{display:block;font-size: 24px;color: #485a81;line-height: 24px;margin:84px 0 20px;}
.abt dd p{font-size: 15px;color: #333;line-height: 25px;opacity: 0.8;width: 400px;}
.abt dd .xq{display:block;margin-top: 45px;width: 94px;font-size: 14px;color: #333;font-weight:bold;background:url(../images/jt2.png) no-repeat right center;}
/*album*/
.album{padding:80px 0 75px;}
.album h3{height: 58px;background:url(../images/album_t.jpg) no-repeat;margin-bottom: 30px;font-weight: normal;}
.album h3 span a{float: left;padding-left:60px;width: 98px;font-size: 18px;color: #fff;line-height: 58px;}
.album h3 span .a1{background:url(../images/abt_ic1.png) no-repeat 24px center;}
.album h3 span .a2{background:url(../images/abt_ic2.png) no-repeat 24px center;}
.album h3 span .a3{background:url(../images/abt_ic3.png) no-repeat 24px center;}
.album h3 span .a4{background:url(../images/abt_ic4.png) no-repeat 20px center;}
.album h3 span a.cur{background-color:#485a81;}
.album h3 i{float: right;margin-right: 25px;}
.album h3 i a{display:block;font-size: 18px;color: #fff;line-height: 58px;}
.album_bd li{float: left;width: 270px;margin-right: 40px;}
.album_bd li i{display:block;height: 203px;overflow: hidden;}
.album_bd li img{display:block;width: 270px;height: 203px;transition:all 0.5s;}
.album_bd li i:hover img{transform:scale(1.05);}
.album_bd li span{display:block;font-size: 14px;color: #666;line-height: 20px;margin-top: 20px;background:url(../images/jt3.jpg) no-repeat right center;}
.album_bd li:hover span{color: #485a81;}
.album_bd li:last-child{margin-right: 0;}

.links{height: 88px;border-top:1px solid #717171;background:url(../images/foot_bg.jpg) no-repeat bottom center;}
.links b{float: left;width: 118px;font-size: 18px;color: #c3bfd5;line-height: 30px;border-right:1px solid #656565;margin-top: 32px;}
.links p{float: left;font-size: 14px;line-height: 88px;}
.links p a{margin-left: 50px;color: #ccc;}