@charset "utf-8";blockquote,body,button,dd,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
input,textarea{border:2 none;box-shadow:none;outline:0}
body,button,input,select,textarea{font:14px/22px "Microsoft YaHei","å¾®è½¯é›…é»‘","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;color:#666}
* h1,* h2,* h3,* h4,* h5,* h6{margin:0}
address,cite,dfn,em,i,var{font-style:normal}
li,ol,ul{list-style:none}
a{text-decoration:none;color:#666;word-wrap:break-word}
a:hover{text-decoration:none;color:#3871c1}
legend{color:#000}
fieldset,img{border:none}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
html{overflow-y:scroll}
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.pa{position:absolute}
.clear{clear:both;height:0}
.blk-main .clearlist{clear:both;height:0;padding:0;margin:0;border:0;width:100%;float:none}
.nsw-modal{width:100%;height:100%;background:rgba(225,225,225,.5);position:fixed;top:0;left:0;z-index:99999}
.modal-dialog{position:fixed;color:#000;top:150px;width:400px;border-radius:3px;min-height:155px;overflow:hidden;z-index:99998;margin-left:-200px;left:50%}
.modal-dialog .css-icon{background-image:url(../images/modal-icons.png)}
.modal-dialog .modal-head{height:30px;line-height:30px;padding:0 20px;background:#f6efef;font-size:14px}
.modal-dialog .modal-head .modal-logo{width:15px;height:15px;background-position:1px 0;margin:8px 5px 0 0;float:left}
.modal-dialog .modal-head .close{float:right;width:15px;height:15px;background-position:-14px 0;margin-top:8px}
.modal-dialog .modal-body{width:100%;min-height:125px;background:#fff}
.modal-dialog .modal-body .modal-body-left{width:140px;float:left}
.modal-dialog .modal-body .modal-body-left .icon{width:64px;height:64px;margin:30px 0 0 48px}
.modal-dialog .modal-body .modal-body-left .success-message{background-position:0 -14px}
.modal-dialog .modal-body .modal-body-left .warming-message{background-position:0 -78px}
.modal-dialog .modal-body .modal-body-right{width:260px;float:right;padding-top:20px}
.modal-dialog .modal-body .modal-body-right .close-btn{color:#000;text-align:center;width:90px;display:inline-block;height:24px;line-height:24px;background:#818079}
.modal-dialog .modal-body .modal-body-right p{line-height:30px}
body{min-width:1200px;max-width:1920px;margin:0 auto;overflow-x:hidden;width:100%}
.content{width:1200px;margin:0 auto}
.yinz{background:url(../images/yinz_bg.gif) no-repeat 0 85px;height:437px;padding:85px 0 75px}
.yinz dl{padding:37px 0 0 96px}
.yinz dl dt{width:484px;height:363px;float:left;line-height:0;overflow:hidden}
.yinz dl dt img{width:484px;height:363px}
.about dl dt img,.case_m dl dt img,.news_l dl dt img,.yinz dl dt img,.yous dl dt img{-webkit-transition:1s;-moz-transition:1s;transition:1s}
.about dl dt img:hover,.case_m dl dt img:hover,.news_l dl dt img:hover,.yinz dl dt img:hover,.yous dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.yinz dl dd{width:620px;float:left;padding:20px 0 0}
.yinz dl dd h5{font-size:30px;color:#333;height:80px;line-height:36px;overflow:hidden;position:relative;margin-left:50px}
.yinz dl dd h5:before{content:"";width:53px;height:2px;background:#3871c1;position:absolute;bottom:0;left:0}
.yinz dl dd h5 i{display:block;font-size:16px;font-weight:400}
.yinz_desc{font-size:14px;color:#666;line-height:24px;height:96px;overflow:hidden;padding:16px 0 0 50px}
.digital{background:#3871c1;width:565px;height:95px;padding:20px 0 0 55px;margin:36px 0 0}
.ibrand-num li{float:left;width:180px;height:90px;color:#fff;font-size:16px;font-weight:700}
.ibrand-num li b{font-size:40px;line-height:36px;font-family:DINOT;padding-right:3px}
.ibrand-num li span{display:block;font-size:16px;padding:5px 0 0}
.chanp{background:#f6f6f6;padding: 5rem 0 1rem;}
.cp_tit{font-size:40px;color:#333;text-align:center;height:85px;line-height:40px;overflow:hidden;background:url(../images/cp_tline.png) no-repeat center 60px}
.cp_tit a{color:#333}
.cp01 h3 a:hover,.cp_tit a:hover{color:#3871c1}
.cp_tit span{color:#333;display:block;font-size:20px;font-weight:400;padding:3px 0 0}
.cp01{width:19.5%;float:left;height:24rem;position:relative;padding:2.5rem 0 0;background:#fff;margin-top:2.3rem;margin-right:.625%;-webkit-transition:transform .3s;transition:transform .3s}
.cp01 h3{width:80%;margin:0 auto;height:2rem;line-height:2rem;overflow:hidden}
.cp01 h3 a{font-size:1rem;color:#000}
.cp01 h3 em{width:1.5rem;height:1.5rem;display:block;float:right;line-height:0;padding:.2rem 0 0}
.cp01 h3 em img{width:1.5rem;height:1.5rem}
.cp01 ul{width:80%;display:inline-block;margin-left:10%;padding:.5rem 0 0;border-bottom:#ddd 1px solid}
.cp01 ul li{height:2rem;line-height:2rem;width:33.33%;float:left}
.cp01 li a{font-size:.8rem;color:#666;display:block;float:left;position:relative;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}
.cp01 li a:before{content:"";position:absolute;z-index:1;left:0;right:100%;bottom:-2px;background:#3871c1;height:2px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.cp01 li a:hover:before{right:0}
.cp01 ul li a:hover{font-weight:700;color:#333}
.cp01 p{width:100%;line-height:0;padding:2rem 0 0}
.cp01 p img{display:block;width:100%}
.cp01 b{background:url(../images/cp_k01.png) no-repeat;display:block;width:43px;height:60px;position:absolute;bottom:0;right:0;font-size:26px;color:#fff;line-height:66px;padding-left:25px;overflow:hidden}
.cp01:hover{box-shadow:0 3px 10px 3px rgba(0,0,0,.1);-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}
.cp01:hover b{background:url(../images/cp_k02.png) no-repeat}
.chanp .nobor{margin-right:0}
html{font-size:10px;-webkit-text-size-adjust:none}
@media screen and (min-width:1200px){html{font-size:12.5px}
}
@media screen and (min-width:1280px){html{font-size:13.33px}
}
@media screen and (min-width:1366px){html{font-size:14.22px}
}
@media screen and (min-width:1440px){html{font-size:15px}
}
@media screen and (min-width:1600px){html{font-size:16.66px}
}
@media screen and (min-width:1920px){html{font-size:20px}
}
.four{padding:90px 0 80px}
.four_l{width:305px}
.four dl{height:260px;border-bottom:#eaeaea 2px solid;padding:35px 0 0}
.four dl dt{font-size:26px;color:#333;font-weight:700;height:140px;background:url(../images/four_line01.png) no-repeat 0 bottom}
.four dl dt em{width:56px;height:60px;display:block;line-height:0;overflow:hidden;margin-bottom:20px}
.four dl dt em img{width:56px;height:60px}
.four dl dd{font-size:16px;color:#333;line-height:30px;padding:15px 0 0}
.four dl:hover dt{background:url(../images/four_line02.png) no-repeat 0 bottom}
.four dl:hover dt em,.liuc ul li:hover em,.yous dl dd h5:hover em{-webkit-animation:hvr-buzz-out .75s linear;animation:hvr-buzz-out .75s linear}
.four dl.nobor{border-bottom:none;padding-top:70px}
.four_r{width:310px;text-align:right}
.four .four_r dl dt{background:url(../images/four_line03.png) no-repeat right bottom}
.four .four_r dl dt em{margin-left:254px}
.four .four_r dl:hover dt{background:url(../images/four_line04.png) no-repeat right bottom}
.four_c{width:645px;height:600px;line-height:0;position:absolute;top:230px;left:280px}
.four_c img{width:645px;height:600px}
.ys_bg{background:url(../images/ys_bg.jpg) no-repeat center 0;height:1020px;padding:82px 0 0;overflow:hidden}
.yous{height:750px}
.yous .cp_tit{color:#fff;background:url(../images/ys_tline.png) no-repeat center 60px}
.yous .cp_tit span{color:#fff}
.ys_t{height:143px;width:672px;background:#fff;box-shadow:0 3px 10px 3px rgba(0,0,0,.1);position:absolute;top:550px;left:264px;z-index:10}
.ys_t ul li{font-size:20px;color:#333;float:left;width:168px;height:123px;padding:20px 0 0;position:relative;text-align:center}
.ys_t ul li:before{content:"";width:1px;height:37px;background:#efefef;position:absolute;top:50px;left:0;z-index:-1}
.ys_t ul li p{width:46px;height:46px;position:relative;margin:0 auto}
.ys_t ul li b{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0);-webkit-transition:all .35s ease-out;transition:all .35s ease-out;margin:0 auto}
.ys_t ul li em{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transition:all .1s ease .2s;transition:all .1s ease .2s;margin:0 auto}
.ys_t ul li b img,.ys_t ul li em img{display:block;width:46px;height:46px}
.ys_t ul li span{display:block;padding:10px 0 0;line-height:22px}
.ys_t ul li i{display:block;font-size:12px;text-transform:uppercase;color:rgba(51,51,51,.4);text-transform:uppercase;font-family:Arial,Helvetica,sans-serif}
.ys_t ul li.on{background:#3871c1;color:#fff;font-weight:700;z-index:5}
.ys_t ul li.on i{color:rgba(255,255,255,.4);font-weight:400}
.ys_t ul li.on b{opacity:0;visibility:hidden;-webkit-transform:translateX(100%) rotate(180deg);transform:translateX(100%) rotate(180deg)}
.ys_t ul li.on em{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.ys_t ul li:first-child:before{background:0 0}
.yous dl{position:relative;height:617px;background:#fff;margin-top:48px}
.yous dl dt{width:960px;height:617px;line-height:0;overflow:hidden;position:absolute;top:0;left:50%}
.yous dl dt img{width:960px;height:617px}
.yous dl dd{width:500px;float:left;padding:135px 0 0 55px}
.yous dl dd h5{height:90px;border-bottom:#d6d6d6 2px solid;width:500px;display:inline-block;font-size:30px;color:#333}
.yous dl dd em{width:46px;height:46px;display:block;float:left;line-height:0;margin:6px 15px 0 0}
.yous dl dd em img{width:46px;height:46px}
.yous dl dd span{display:block;float:left;line-height:32px}
.yous dl dd i{display:block;font-size:16px;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase}
.yous dl dd b{width:60px;height:50px;display:block;float:right;line-height:0}
.yous dl dd b img{width:60px;height:50px}
.yous dl dd p{font-size:16px;color:#333;padding:20px 0 0;line-height:30px}
.ban01{padding:88px 0 0}
.ban01_l{width:900px}
.ban01_l b{background:url(../images/ban_k.png) no-repeat;display:block;width:196px;height:57px;line-height:56px;overflow:hidden;font-size:20px;color:#3871c1;text-align:center;float:left;margin-top:25px}
.ban01_lm{padding:0 0 0 40px;width:660px;float:left}
.ban01_lm p{font-size:32px;color:#fff;font-weight:700;height:56px;line-height:56px}
.ban01_lm ul li{font-size:18px;color:#fff;float:left;line-height:36px;background:url(../images/ban_ico.png) no-repeat 0 13px;padding:0 40px 0 20px}
.ban01_tel{width:220px}
.ban01_tel span{display:block;text-align:center;height:75px}
.ban01_tel b{display:block;font-size:26px;color:#fff;height:40px;line-height:40px}
.ban01_tel em{width:22px;height:22px;display:block;line-height:0;margin:0 auto}
.ban01_tel em img{width:22px;height:22px}
.ban01_tel a{font-size:14px;color:#333;display:block;width:110px;text-align:center;height:34px;line-height:34px;overflow:hidden;background:#fff;border-radius:30px;margin:0 auto}
.ban01_tel a{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}
.ban01_tel a:hover{-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.case_bg{background:#f6f6f6;overflow:hidden;padding:85px 0 60px}
.case .cp_tit{background:url(../images/case_tline.png) no-repeat center 60px}
.case_nav{padding:40px 0 0;height:70px;border-bottom:#eaeaea 2px solid}
.case_nav ul li{float:left;height:70px;padding:0 41px;line-height:70px;position:relative}
.case_nav ul li:before{content:"";width:7px;height:1px;background:#bebebe;position:absolute;top:35px;left:0}
.case_nav li a{font-size:20px;color:#333;display:block;float:left;position:relative;vertical-align:middle;text-align:center;height:70px;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}
.case_nav li a:before{content:"";position:absolute;z-index:1;left:0;right:100%;bottom:-2px;background:#3871c1;height:2px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.case_nav li a:hover:before,.case_nav li.cur a:before{right:0}
.case_nav li a:hover,.case_nav li.cur a{font-weight:700}
.case_nav ul li:first-child:before{background:0 0}
.case_m{width:1200px;overflow:hidden;padding:40px 0 0}
.case_m dl{width:390px;float:left;padding:0 5px}
.case_m dl dt{width:390px;height:292px;line-height:0;overflow:hidden}
.case_m dl dt img{width:390px;height:292px}
.case_m dl dd{width:330px;height:110px;background:#fff;padding:10px 30px 0;position:relative}
.case_m dl dd h5{height:30px;line-height:30px;overflow:hidden}
.case_m dl dd h5 a{font-size:16px;color:#000;display:block;width:290px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case_m dl dd h5 a:hover{color:#3871c1}
.case_desc{font-size:14px;color:#666;line-height:24px;height:48px;overflow:hidden;width:275px;padding:5px 0 0}
.case_m dl dd span{width:30px;height:30px;display:block;line-height:0;position:absolute;top:40px;right:30px}
.case_m dl dd span img{width:30px;height:30px}
.case_m dl dd span a{-webkit-transition:transform .3s;transition:transform .3s;display:block;width:30px;height:30px;line-height:0;border-radius:50%}
.case_m dl dd span a:hover{-webkit-transform:translate(0,-3px);transform:translate(0,-3px);box-shadow:0 3px 5px 3px rgba(0,0,0,.1)}
.case_bot{padding:40px 0 0;display:flex;justify-content:center;align-content:flex-end}
.case_bot ul li{background:#f6f6f6;width:7px;height:7px;float:left;margin:0 10px;cursor:pointer;text-indent:-99999px;border-radius:50%;border:#cbcbcb 2px solid}
.case_bot ul li.on{border:#3871c1 2px solid}
.liuc{background:url(../images/liuc_bg.jpg) no-repeat center 0;height:455px;overflow:hidden}
.liuc h4{font-size:30px;color:#1a1a1a;height:90px;line-height:28px;position:relative;padding:0 0 0 20px}
.liuc h4 i{display:block;font-size:12px;text-transform:uppercase;font-weight:400;color:rgba(51,51,51,.3);font-family:Arial,Helvetica,sans-serif}
.liuc h4:before{content:"";width:6px;height:38px;background:#0445a7;position:absolute;top:5px;left:0}
.liuc ul li{font-size:16px;color:#333;float:left;position:relative;height:130px;padding:10px 0 0 30px;width:117px;line-height:26px}
.liuc ul li:before{content:"";width:1px;height:100%;background:#dfdfdf;position:absolute;top:0;left:0}
.liuc ul li:after{content:"";width:0;height:0;position:absolute;top:50%;left:0;margin-top:-8px;border-left:8px solid #dfdfdf;border-top:8px solid transparent;border-bottom:8px solid transparent}
.liuc ul li em{width:38px;height:36px;display:block;line-height:0;overflow:hidden;margin-bottom:10px}
.liuc ul li em img{width:38px;height:36px}
.liuc ul li i{display:block;font-size:12px;text-transform:uppercase;font-weight:400;color:rgba(51,51,51,.5);font-family:Arial,Helvetica,sans-serif}
.liuc ul li:hover{font-weight:700}
.liuc ul li.liuc_li02{width:140px}
.news{padding:60px 0 80px;margin-top:-140px}
.news .cp_tit{background:url(../images/news_tline.png) no-repeat center 27px;height:60px;line-height:60px}
.news_t{height:64px;line-height:64px;overflow:hidden;padding:30px 0 0;position:relative}
.news_t:before{content:"";width:100%;height:1px;background:#e6e6e6;position:absolute;bottom:0;left:0}
.news_t ul li{float:left;width:180px;height:64px}
.news_t ul li a{font-size:18px;color:#333;font-weight:700;display:block;width:180px;height:64px;text-align:center;line-height:64px;overflow:hidden}
.news_t ul li a:hover,.news_t ul li.on a{color:#fff}
.news_t span{float:right}
.news_t span a{font-size:18px;color:#333}
.news_t ul li a{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.news_t ul li a:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#3871c1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.news_t ul li a:hover:before,.news_t ul li.on a:before{-webkit-transform:scaleX(1);transform:scaleX(1)}
.news_m{padding:25px 0 0}
.news_l{width:850px}
.news_l dl{background:#f2f2f2;height:232px;overflow:hidden;margin-bottom:10px}
.news_l dl dt{width:413px;height:232px;line-height:0;overflow:hidden;float:left}
.news_l dl dt img{width:413px;height:232px}
.news_l dl dd{width:300px;float:left;padding:35px 0 0 60px}
.news_l dl dd h5{height:30px;line-height:30px;overflow:hidden}
.news_l dl dd h5 a{font-size:20px;color:#333;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news_l dl dd h5 a:hover,.news_l ul li a:hover{color:#3871c1}
.news_desc{font-size:14px;color:#666;line-height:24px;height:48px;overflow:hidden;padding:10px 0 0}
.news_time{font-size:14px;color:#333;font-weight:700;line-height:24px;padding:20px 0 0}
.news_time b{display:block;font-size:26px}
.news_l ul li{height:60px;line-height:60px;overflow:hidden;border-top:#dadada 1px solid}
.news_l ul li a{font-size:14px;color:#666;font-weight:700;display:block;float:left;width:670px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news_l ul li span{display:block;float:right;font-size:14px;color:#666;width:100px;text-align:right;font-weight:700}
.news_r{width:270px;margin-top:-25px;height:424px;overflow:hidden}
.news_r dl{height:125px;padding:30px 0 0;width:270px;border-top:#e6e6e6 1px solid}
.news_r dl dt a{display:block;font-size:14px;color:#333;font-weight:700;height:25px;line-height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}
.news_r dl dt a:hover{color:#3871c1}
.news_r dl dd{font-size:14px;color:#666;height:50px;line-height:25px;overflow:hidden;padding:5px 0 0}
.news_r dl dd a{display:block;color:#666}
.news_l ul li:first-child,.news_r dl:first-child{border-top:none}
.ab_bg{background:#f6f6f6;height:580px;overflow:hidden}
.about dl{position:relative;height:580px}
.about dl dt{width:960px;height:580px;line-height:0;overflow:hidden;position:absolute;top:0;left:50%}
.about dl dt img{width:960px;height:580px}
.about dl dd{width:520px;float:left;padding:80px 0 0}
.about dl dd h2{font-size:40px;color:#333;line-height:44px;height:110px;overflow:hidden;background:url(../images/ab_line02.gif) no-repeat 0 bottom}
.about dl dd h2 i{display:block;font-size:20px;font-weight:400;background:url(../images/ab_tline.png) no-repeat 135px 20px;color:#333}
.about dl dd h2 a{color:#333}
.about dl dd h2 a:hover{color:#3871c1}
.ab_desc{font-size:14px;color:#333;line-height:30px;height:180px;overflow:hidden;padding:20px 0 0}
.about dl dd span{display:block;padding:25px 0 0}
.about dl dd span a{display:block;font-size:14px;color:#fff;width:110px;height:45px;line-height:45px;background:#3871c1 url(../images/ab_ico.png) no-repeat 90px 15px;overflow:hidden;padding:0 0 0 20px}
.about dl dd span a{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}
.about dl dd span a:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}
.photo{padding:0 0 60px;margin-top:-100px}
.photo_l{height:100px;width:400px;margin:0 auto;background:#fff;position:relative;z-index:10;padding:0 18px}
.photo_l ul li{width:200px;height:50px;line-height:22px;float:left;padding:30px 0 0}
.photo_l li a{font-size:20px;color:#333;display:block;float:left;position:relative;vertical-align:middle;height:66px;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}
.photo_l li a:before{content:"";position:absolute;z-index:-1;left:84px;right:100%;top:22px;background:#3871c1;height:5px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.photo_l li a:hover:before,.photo_l li.on a:before{right:14%}
.photo_l ul li em{display:block;float:left;width:44px;height:42px;line-height:0;overflow:hidden;margin:4px 10px 0 30px}
.photo_l ul li em img{width:44px;height:42px}
.photo_l ul li span{display:block;float:left;padding:5px 0 0}
.photo_l ul li i{display:block;font-size:12px;text-transform:uppercase;color:rgba(51,51,51,.5);font-weight:400}
.photo_l ul li.on a{font-weight:700}
.photo_r{padding:40px 0 0;width:1200px;overflow:hidden}
.photo_r ul li{width: 260px;float:left;margin-right:30px;line-height:0;-webkit-transition:transform .3s;transition:transform .3s;padding-top:10px;}
.photo_r ul li em{width: 260px;height:195px;display:block;line-height:0;overflow:hidden;}
.photo_r ul li img{width: 260px;height:195px;}
.photo_r ul li span{display:block;width: 260px;text-align:center;font-size:14px;color:#666;height:30px;line-height:30px;overflow:hidden;padding-top:5px;}
.photo_r ul li:hover{-webkit-transform:translate(0,-5px);transform:translate(0,-5px)}
.f_link{background:url(../images/link_bg.jpg) no-repeat center 0;overflow:hidden;height:68px;line-height:68px;border-top:rgba(51,51,51,.8) 1px solid}
.f_link b{display:block;float:left;font-size:14px;color:#fff;width:110px}
.f_link p{font-size:14px;color:rgba(255,255,255,.5);float:left;width:1090px}
.f_link p a{font-size:14px;color:rgba(255,255,255,.5);padding:0 10px 0 0}
.f_link p a:hover{color:#fff}
@-webkit-keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}
75%{-webkit-transform:scale(.9);transform:scale(.9)}
}
@keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}
75%{-webkit-transform:scale(.9);transform:scale(.9)}
}
@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0)}
20%,60%{-webkit-transform:translate3d(-10px,0,0)}
40%,80%{-webkit-transform:translate3d(10px,0,0)}
}
@keyframes shake{from,to{transform:translate3d(0,0,0)}
20%,60%{transform:translate3d(-10px,0,0)}
40%,80%{transform:translate3d(10px,0,0)}
}
@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.s3{overflow:hidden;margin-top:40px}
.s3 li{float:left;width: 185px;margin: 0 18px 15px 0;position:relative;background: url(../images/pz_titbg.png)center no-repeat;background-size:100% 100%;}
.s3 li:hover {
	background-image: url(../images/pz_titbgh.png);
}
.s3 li:nth-child(6n){margin-right:0}
.s3 li a{display:block;text-align:center;line-height:35px;color:#fff;font-size:16px}
.s4{margin: 30px auto;overflow:hidden;}
.s4 li{float:left;width:285px;margin: 0 20px 30px 0;}
.s4 li:nth-child(4n){margin-right:0}
.s4 li a{display:block;background-color:#fff}
.s4 li .img-center{position:relative;height:240px;line-height:240px;overflow:hidden}
.s4 li .img-center:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));-webkit-transform:skewx(-25deg);transform:skewx(-25deg)}
.s4 li .img-center img{width:100%;height:100%}
.s4 li .text{border-top:1px solid #eee;padding:20px 60px 20px 20px;position:relative}
.s4 li .text:after{content:'';position:absolute;right:10px;top:50%;width:52px;height:55px;margin-top:-27px;background:url(../images/pz_more2.png) no-repeat center;-webkit-transition:all .5s;transition:all .5s}
.s4 li .text h4{margin:0;font-size:18px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s4 li .text p{font-size:16px;color:#8b8b8b;margin:10px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s4 li a:hover .img-center:after{left:100%;-webkit-transition:all .5s;transition:all .5s}
