html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family:'microsoft yahei',simsun,tahoma,arial;
font-size:12px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a{text-decoration:none;outline:none;
transition:all 0.7s linear;
-webkit-transition:all 0.7s linear;
-moz-transition:all 0.7s linear;
-ms-transition:all 0.7s linear;
}
img{vertical-align:middle;}
input:text{outline:none;outline-style:none;-webkit-appearance: none;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
s{text-decoration:none;}
::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2}
::-webkit-scrollbar{width:5px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background-color:#0752a4;}
::-webkit-scrollbar-thumb:hover{background:#0752a4}
::selection {
background:#0752a4;
color: #fff;
}
.clear{clear:both;}
@font-face {
font-family: 'futura_bk_btbook';
src: url('../fonts/futura-webfont.eot');
src: url('../fonts/futura-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/futura-webfont.woff2') format('woff2'),
url('../fonts/futura-webfont.woff') format('woff'),
url('../fonts/futura-webfont.ttf') format('truetype'),
url('../fonts/futura-webfont.svg#futura_bk_btbook') format('svg');
font-weight: normal;
font-style: normal;
}
html,body{
background:#fff;
}
.clearfix:before,.clearfix:after{
display:table;
content: "";
}
.header{
position:fixed;
background:#fff;
top:0;left:0;width:100%;
height:80px;min-width:1170px;
-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);
box-shadow:0 5px 10px rgba(0,0,0,.2);
z-index:99999;
}
.header .header-bg{
position:absolute;
top:75px;left:0;width:100%;height:0px;
background:url(../img/header_bg.jpg) no-repeat;
opacity:0.8;
filter:alpha(opacity-80);
-moz-opacity:0.8;
background-size:100% 100%;
}
.header .header-container{
position:relative;
width:1170px;
margin:0 auto;
padding:0;
}
.header .header-container .logo{
position:absolute;
top:8px;
left:0;
}
.header .header-container .logo a{
display:block;
width:162px;
height:67px;
background:url(../img/logo.jpg);
overflow:hidden;
text-indent:-1000px;
}
.header .header-container .nav{
margin-left:200px;
height:80px;
}
.header .header-container .nav>ul>li{
float:left;
position:relative;
width:120px;
line-height:80px;
text-align:center;
}
.header .header-container .nav>ul>li>a{
color:#013051;
font-size:15px;
}
.header .header-container .nav>ul>li>a>span{
display:block;
line-height:20px;
margin-top:-30px;
text-transform:uppercase;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
font-size:12px;
transition:all 0.3s linear;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
}
.header .header-container .nav>ul>li>a:hover span{
opacity:1;
transition:all 0.3s linear;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
}
.header .header-container .nav .sub-nav{
position:absolute;
top:67px;
left:0;
z-index:99999;
background:none;
margin-top:8px;
border:1px solid #ccc;
width:100%;
height:0;
display:none;
}
.header .header-container .nav>ul>li:hover .sub-nav{
background:#0e75e6;
}
.header .header-container .nav .sub-nav li{
line-height:25px;opacity:0;
}
.header .header-container .nav .sub-nav li.top{
padding-top:30px;
}
.header .header-container .nav .sub-nav li>a{
font-size:12px;
color:#fff;
}
.header .header-container .nav .gupiao{
display:block;
width:100px;
background:url(../img/gupiao.png) no-repeat left center;
background-size:20px 20px;
font-size:15px;
text-align:center;
}
.header .header-container .language{
position:absolute;
top:25px;right:15px;
width:112px;
height:32px;
zoom:1;overflow:hidden;
}
.header .header-container .language ul li{
float:left;
}
.header .header-container .language .lnk-en{
display:block;
width:30px;height:26px;
background:url(../img/lnk-en.jpg) no-repeat;
overflow:hidden;text-indent:-1000px;
transition:none;
}
.header .header-container .language .lnk-en:hover{
background:url(../img/lnk-en1.jpg) no-repeat;
}
.header .header-container .language .lnk-cn{
display:block;
width:30px;height:26px;
background:url(../img/lnk-cn.jpg) no-repeat;
overflow:hidden;text-indent:-1000px;
transition:none;
}
.header .header-container .language .lnk-cn:hover{
background:url(../img/lnk-cn1.jpg) no-repeat;
}
.footer{
position:relative;
padding-top:40px;
padding-bottom:10px;
background:url(../img/footerbg.jpg) no-repeat;
background-size:cover;
z-index:99999;
width:100%;
min-width:1170px;
}
.footer .footer-container{
margin:0 auto;
width:1170px;
height:278px;
}
.footer .footer-container .footer-top{
position:relative;
margin-bottom:30px;
height:180px;
clear:all;
}
.footer .footer-container .footer-top .footer-topleft{
position:relative;
}
.footer .footer-container .footer-top .footer-topleft .footer-menu{
float:left;
margin-right:40px;
min-width:140px;
}
.footer .footer-container .footer-top .footer-topleft .footer-menu li a{
color:#b3b3b3;
margin-bottom:10px;
display:block;
text-transform:capitalize;
font-size:12px;
}
.footer .footer-container .footer-top .footer-topleft .footer-menu li a span{
display:none;
}
.footer .footer-container .footer-top .footer-topleft .footer-menu .first{
color:#fff;
font-size:14px;
text-transform:uppercase;
}
.footer .footer-container .footer-top .footer-topleft .footer-menu .first a{
color:#fff;
}
.footer .footer-container .footer-top .footer-topright{
float:right;
}
.footer .footer-container .footer-top .footer-topright .form{
position:relative;
}
.footer .footer-container .footer-top .footer-topright .form p{
color:#fff;font-size:14px;
text-transform:uppercase;
font-family:'futura_bk_btbook','microsoft yahei',simhei,arial;
margin-bottom:20px;
}
.footer .footer-container .footer-top .footer-topright .form .input_email{
height:30px;
padding:7px 5px;
color:#a3a3a3;
border:1px solid #bbb;
outline:none;width:200px;
}
.footer .footer-container .footer-top .footer-topright .form .button_email{
position:absolute;right:-50px;bottom:0;
width:50px;height:30px;line-height:30px;
background:#0752a4;color:#fff;
display:block;
border:none;outline:none;
text-align:center;
}
.footer .footer-container .footer-top .footer-topright .follow{
margin-top:25px;
font-family:'futura_bk_btbook','microsoft yahei',simhei,arial;
}
.footer .footer-container .footer-top .footer-topright .follow p{
color:#fff;
font-size:14px;
text-transform:uppercase;
margin-bottom:10px;
}
.footer .footer-container .footer-top .footer-topright .follow ul li{
float:left;
margin-right:10px;
position:relative;
}
.footer .footer-container .footer-top .footer-topright .follow ul li a{
display:block;
width:25px;height:20px;
}
.footer .footer-container .footer-top .footer-topright .follow ul li .weibo{
background:url(../img/weibo.png) no-repeat;
background-size:cover;
}
.footer .footer-container .footer-top .footer-topright .follow ul li .weixin{
background:url(../img/weixin.png) no-repeat;
background-size:cover;
}
.footer .footer-container .footer-top .footer-topright .follow ul li .weixin-qrcode{
position:absolute;
width:90px;height:90px;
top:50px;left:0;opacity:0;
filter:alpha(opacity=0);-moz-opacity:0;
transition:all 0.3s linear;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
z-index:99999;
}
.footer .footer-container .footer-top .footer-topright .follow ul li:hover .weixin-qrcode{
top:30px;opacity:1;
transition:all 0.3s linear;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
}
.footer .footer-container .footer-top .footer-topright .follow ul li .weixin-qrcode img{
width:100%;height:100%;
}
.footer .footer-container .footer-bottom{
border-top:1px solid #333;
padding-top:10px;
line-height:20px;
height:45px;
color:#ccc;
}
.footer .footer-container .footer-bottom .copyright{
font-family:'futura_bk_btbook','microsoft yahei',simhei;
}
.footer .footer-container .footer-bottom .beian{
padding-left:15px;
}
.footer .footer-container .footer-bottom .links{
line-height:30px;
color:#ccc;
}
.footer .footer-container .footer-bottom .links a{
color:#ccc;
}
.container{
max-width:1920px;min-width:1170px;
margin:0 auto;
}
.container .section{
position:relative;
padding:20px 0;
}
.container .section .section-container{
width:1170px;margin:0 auto;
}
.section-header .section-title{
color:#1f2a44;text-transform:uppercase;
font-family:'futura_bk_btbook';
font-size:36px;letter-spacing: .25px;
text-align:center;padding:20px 0;
}
.section-header .section-subtitle{
position:relative;
font-size:16px;margin-top:10px;padding-bottom:20px;
text-align:center;
}
.section-header .section-subtitle:after{
content:'';background:#0752a4;
position:absolute;width:50px;height:2px;
left:50%;margin-left:-25px;bottom:0;
}
.section-content{
position:relative;
padding:0 15px;
}
.banner{
padding-top:80px;
height:300px;
text-align:center;
overflow:hidden;
}
/* about */
.about-content{padding:30px 0;zoom:1;overflow:hidden;}
.about-content .movie{
float:left;width:50%;
height:400px;
}
.about-content .about{
float:left;width:50%;
margin:0 auto;
}
.about-content .about p{
font-size:14px;line-height:24px;color:#666;
margin-bottom:20px;
}
.about-content .about .more a{
display:block;
width:130px;height:45px;line-height:45px;
background:#0752a4;color:#fff;
text-transform:capitalize;margin:0 auto;
text-align:center;
}
.about-content .about .more a:hover{
box-shadow:0 -100px 0 0 #000 inset;
color:#fff;
}
.concept-section{
padding-bottom:0px !important;
}
.concept-section .concept-items{
zoom:1;overflow:hidden;
}
.concept-section .concept-items .concept-item{
position:relative;
float:left;
width:50%;padding-right:10px;
height:450px;
}
.concept-section .concept-items .concept-item .img{
position:absolute;top:0;left:5px;right:5px;bottom:0;
overflow:hidden;text-align:center;line-height:440px;
}
.concept-section .concept-items .concept-item .img img{
width:100%;height:100%;
}
.concept-section .concept-items .concept-item .item-content{
position:absolute;top:0;left:5px;right:5px;bottom:0;
background:rgba(0,0,0,.3);
transition:all 0.7s linear;
-webkit-transition:all 0.7s linear;
-moz-transition:all 0.7s linear;
-ms-transition:all 0.7s linear;
}
.concept-section .concept-items .concept-item:hover .item-content{
background:url(0,0,0,0);
transition:all 0.7s linear;
-webkit-transition:all 0.7s linear;
-moz-transition:all 0.7s linear;
-ms-transition:all 0.7s linear;
}
.concept-section .concept-items .concept-item .item-content .item-title{
position:relative;
padding-top:18%;
text-align:center;font-size:28px;color:#fff;
letter-spacing:3px;padding-bottom:20px;
}
.concept-section .concept-items .concept-item .item-content .item-title:after{
position:absolute;left:50%;width:50px;margin-left:-25px;
height:5px;background:#0752a4;bottom:0;content:'';
}
.concept-section .concept-items .concept-item .item-summary{
font-size:15px;color:#fff;
width:70%;margin:0 auto;line-height:22px;letter-spacing:2px;
margin-top:20px;
}
.speech-section{
padding-top:0 !important;
background:url(../img/bg_team.jpg) no-repeat;
background-size:cover;
}
.speech-section .section-header{
padding-top:30px;
}
.speech-section .speech-items{
zoom:1;overflow:hidden;
}
.speech-section .speech-items .speech-item{
float:left;width:50%;
}
.speech-section .speech-items .speech-item .gy-img{
width:230px;height:230px;
border-radius:50%;overflow:hidden;
margin-left:10%;
}
.speech-section .speech-items .speech-item .gy-text{
margin-top:10px;
}
.speech-section .speech-items .speech-item .gy-text .gy-text-title{
position:relative;
font-size:20px;line-height:35px;color:#333;
margin:0 0 8px 0;font-weight:normal;
}
.speech-section .speech-items .speech-item .gy-text .gy-text-title:after{
position:absolute;width:75px;height:1px;
background:#666;left:0;bottom:-15px;
content:'';
}
.speech-section .speech-items .speech-item .gy-text .gy-content{
margin-top:30px;font-size:14px;line-height:25px;color:#666;
width:90%;
}
.speech-section .speech-items .speech-item .gy-text .gy-qm{
margin-top:10px;
}
.speech-section .speech-items .speech-item.right .img{
width:90%;
padding-top:200px;
}
.honor-section .btns{
margin-top:40px;text-align:center;
}
.honor-section .btns .btn{
display:inline-block;
width:150px;height:45px;line-height:45px;
text-align:center;background:#e5e5e5;color:#333;
}
.honor-section .btns .btn.on{
background:#0752a4;
color:#fff;
}
.honor-section .honor-items{
position:relative;margin-top:20px;
zoom:1;overflow:hidden;
}
.honor-section .honor-items .honor-item{
float:left;position:relative;
width:360px;height:280px;
margin:10px;
}
.honor-section .honor-items .honor-item .img{
height:210px;
text-align:center;
}
.honor-section .honor-items .honor-item .img img{
box-shadow:0 5px 5px rgba(0,0,0,0.2);
-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 5px 5px rgba(0,0,0,0.2);
}
.honor-section .honor-items .honor-item .item-title{
text-align:center;margin-top:10px;
padding:0 37px;
}
.history-section{
background:url(../img/h01.jpg) no-repeat;
background-size:cover;
height:800px;
}
.history-section .section-title{
color:#fff !important;
}
.history-section .section-subtitle{
color:#fff !important;
}
.brand-section{
padding-top:100px !important;padding-bottom:20px !important;
}
.brand-section .section-container{
position:relative;
zoom:1;overflow:hidden;
}
.brand-section .section-container .brand-left{
width:50%;float:left;
}
.brand-section .section-container .brand-left .img{
border:5px solid transparent;
transition:all 0.7s linear;
-webkit-transition:all 0.7s linear;
-moz-transition:all 0.7s linear;
-ms-transition:all 0.7s linear;
}
.brand-section .section-container .brand-left .img:hover{
border-color:#0752a4;
transition:all 0.7s linear;
-webkit-transition:all 0.7s linear;
-moz-transition:all 0.7s linear;
-ms-transition:all 0.7s linear;
}
.brand-section .section-container .brand-right{
width:50%;float:left;
padding-left:30px;
}
.brand-section .section-container .brand-right .section-header .section-title,
.brand-section .section-container .brand-right .section-header .section-subtitle{
text-align:left !important;
}
.brand-section .section-container .brand-right .section-header .section-subtitle:after{
left:0 !important;
margin-left:0;
}
.brand-section .section-container .brand-right .brand-content{
margin-top:20px;
}
.brand-section .section-container .brand-right .brand-content p{
font-size:14px;line-height:26px;
}
/**contact*/
.section-contact1 .map-row{
margin-bottom:80px;
height:auto;
zoom:1;overflow:hidden;
}
.section-contact1 .map-row .map1{
float:left;
width:41.6667%;
position:relative;margin-top:40px;height:auto;
/*opacity:0;-moz-opacity:0;-khtml-opacity:0;
filter:alpha(opacity=0);*/
}
.section-contact1 .map-row .map1 .map-title{
width:65%;height:auto;padding:10px 0;
background:url(../img/mapmd_nm1.png) right center no-repeat;
color:#fff;font-size:15px;padding-left:20px;
letter-spacing:2px;margin-left:0;margin-top:20px;
}
.section-contact1 .map-row .map1 .map-content .company-main{
height:30px;line-height:30px;
background:#e5e5e5;color:#333;text-align:center;
margin-top:5px;border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
}
.section-contact1 .map-row .map1 .map-content .company-feng{
height:auto;
}
.section-contact1 .map-row .map1 .map-content .company-feng .feng-item{
float:left;width:48%;height:30px;line-height:30px;
background:#e5e5e5;color:#333;text-align:center;
margin-top:5px;border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
}
.section-contact1 .map-row .map1 .map-content .company-feng .feng-item.odd{
margin-right:4%;
}
.section-contact1 .map-row .map2{
float:left;
position:relative;
height:auto;width:58.33333%;
/*opacity:0;-moz-opacity:0;-khtml-opacity:0;
filter:alpha(opacity=0);*/
}
.section-contact1 .map-row .map2 .maps{
position:relative;
height:530px;
}
.section-contact1 .map-row .map2 .maps .map-dian{
position:absolute;width:20px;height:20px;
}
.section-contact2 .content1{
margin-top:30px;margin-bottom:20px;
font-size:12px;color:#666;line-height:24px;
background:#f2f2f2;padding:30px;
}
.section-contact2 .content1 p{
letter-spacing:2px;
}
.section-contact2 .content2{
position:relative;
margin-top:30px;
zoom:1;overflow:hidden;
}
.section-contact2 .content2 .contact-item-wrapper{
float:left;width:25%;
padding:0 15px;
}
.section-contact2 .content2 .contact-item-wrapper.first{
padding-left:0;
padding-right:10px;
}
.section-contact2 .content2 .contact-item-wrapper.last{
position:absolute;right:0;
padding-right:0;
}
.section-contact2 .content2 .contact-item-wrapper .contact-item{
position:relative;
background:#f3f3f3;
padding:20px 20px;
text-align:center;
height:238px;
}
.section-contact2 .content2 .contact-item-wrapper .contact-item .contact-img{
font-size:18px;color:#666;
border-bottom:1px solid #bbb;
padding-bottom:20px;margin-bottom:30px;
text-transform:uppercase;
}
.section-contact2 .content2 .contact-item-wrapper .contact-item .contact-img span{
width:30px;display:block;margin:0 auto;
}
.section-contact2 .content2 .contact-item-wrapper .contact-item .contact-title{
font-size:18px;font-weight:600;
color:#0752a4;margin-bottom:10px;line-height:24px;
text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
}
.section-contact2 .content2 .contact-item-wrapper .contact-item .contact-attr{
font-size:12px;color:#666;line-height:24px;
}
.section-contact2 .content3{
position:relative;
margin-top:30px;
margin-bottom:30px;
overflow:hidden;zoom:1;
background:#f3f3f3;
height:440px;
padding:10px 0;
}
.section-contact2 .content3 .form{
position:absolute;
left:0;width:50%;
}
.section-contact2 .content3 .form .title{
font-size: 16px;
line-height: 22px;
color: #333;
padding-left:15px;
font-weight:300;
}
.section-contact2 .content3 .form .form-item{
margin:0 15px;
margin-bottom:8px;
height:30px;line-height:30px;
zoom:1;overflow:hidden;
font-size:14px;color:#333;
}
.section-contact2 .content3 .form .form-item dt{
float:left;width:100px;
}
.section-contact2 .content3 .form .form-item dd{
padding-left:100px;
}
.section-contact2 .content3 .form .form-item .input{
border:1px solid #ccc;
width:80%;height:28px;line-height:28px;
}
.section-contact2 .content3 .form .form-item .select{
border:1px solid #ccc;
height:28px;line-height:28px;
}
.section-contact2 .content3 .form .form-item button{
border:none;outline:none;
background:#4d4d4d;
color:#fff;padding:8px 25px;
}
.section-job1{
background:#f4f4f4;
}
.section-job1 .job-wrapper{
position:relative;
zoom:1;overflow:hidden;
margin-top:50px;
}
.section-job1 .job-wrapper .job-item{
float:left;width:50%;
padding:0 15px;
}
.section-job1 .job-wrapper .job-item .text p{
line-height:25px;letter-spacing:1px;
}
.section-job1 .job-wrapper .job-item .text .conceptline{
border-left:2px solid #e5e5e5;
height:80px;
}
.section-job1 .job-wrapper .job-item .text .conceptline .line{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;font-size:20px;
color:#333;margin-top:50px;margin-bottom:0px;margin-left:50px;
}
.section-job1 .job-wrapper .job-item .text .conceptline .line2{
font-size:16px;color:#808080;
margin-top:10px;margin-left:50px;
}
.section-job2 .job-lists{
position:relative;zoom:1;overflow:hidden;
}
.section-job2 .job-lists .job-item{
position:relative;float:left;
width:360px;margin:30px 10px 0 10px;
height:400px;
}
.section-job2 .job-lists .job-item .img{
width:60px;
margin:0 auto;
}
.section-job2 .job-lists .job-item .img img{
width:100%;height:100%;
}
.section-job2 .job-lists .job-item .item-content{
margin-top:20px;
}
.section-job2 .job-lists .job-item .item-content .item-title{
position:relative;
font-size:16px;text-align:center;text-transform:uppercase;
padding-bottom:15px;
}
.section-job2 .job-lists .job-item .item-content .item-title:after{
position:absolute;bottom:0;left:50%;width:50px;height:2px;
background:#0752a4;margin-left:-25px;content:'';
}
.section-job2 .job-lists .job-item .item-content .item-attr{
text-align:center;margin-top:20px;
color:#666;line-height:22px;
}
.section-job2 .job-lists .job-item .item-content .more{
margin-top:20px;text-align:center;
}
.section-job2 .job-lists .job-item .item-content .more a{
color:#0752a4;text-transform:capitalize;
}
.section-service1 .service-content{
position:relative;zoom:1;overflow:hidden;
}
.section-service1 .service-content-wrapper{
float:left;width:25%;padding:0 15px;
}
.section-service1 .service-content-wrapper .service-item{
position:relative;margin-bottom:80px;
}
.section-service1 .service-content-wrapper .service-item .img{
width:50%;
text-align:center;
display:block;margin:0 auto;
}
.section-service1 .service-content-wrapper .service-item .img img{
width:100%;
}
.section-service1 .service-content-wrapper .service-item .item-title{
font-size:22px;line-height:36px;
padding-top:20px;margin-bottom:20px;text-align:center;
}
.section-service1 .service-content-wrapper .service-item .item-text{
font-size:12px;color:#666;line-height:22px;
height:65px;overflow:hidden;
}
.section-service2{
background:url(../img/ser04_bg.png) no-repeat;
background-size:cover;padding-bottom:80px;
}
.section-service2 .service-content{
position:relative;
zoom:1;overflow:hidden;
padding-top:30px;
}
.section-service2 .service-content .design-item{
position:relative;float:left;
width:50%;height:230px;overflow:hidden;
background:#fff;
}
.section-service2 .service-content .design-item .item-title{
font-size:16px;line-height:32px;
width:50%;margin-left:50px;
white-space:nowrap;overflow:hidden;
text-overflow:ellipsis;padding-top:25px;
color:#0752a4;font-weight:600;
}
.section-service2 .service-content .design-item .summary{
font-size:13px;line-height:32px;width:75%;white-space:nowrap;
text-overflow:ellipsis;padding-bottom:10px;margin-left:50px;
}
.section-service2 .service-content .design-item .item-content{
width:90%;line-height:20px;color:#666;
overflow:hidden;margin-left:50px;
}
.section-service3 .service-content{
position:relative;zoom:1;overflow:hidden;
padding-top:30px;
}
.section-service3 .service-content .price-item{
float:left;width:50%;
}
.section-service3 .service-content .price-item p{
line-height:25px;margin-top:25px;
padding:0 10px;
}
.section-service4{
background:#fafafa;
}
.section-service4 .service-content{
position:relative;zoom:1;overflow:hidden;
padding-top:30px;
}
.section-service4 .service-content .wz-item{
float:left;width:50%;height:250px;
overflow:hidden;
}
.section-service4 .service-content .wz-item p{
padding:0 15px;color:#333;
line-height:24px;margin-bottom:10px;
}
.section-service5{
background:#f2f2f2;
border-bottom:1px solid #fff;
padding-top:80px !important;padding-bottom:20px !important;
}
.section-service5 .service-content{
position:relative;zoom:1;overflow:hidden;
padding-top:30px;
}
.section-service5 .service-content .left-content{
float:left;width:58%;padding:0 15px;
}
.section-service5 .service-content .left-content .service-item{
width:90%;margin:0 auto;
}
.section-service5 .service-content .left-content .service-item .item-title{
position:relative;
font-size:16px;font-weight:600;
}
.section-service5 .service-content .left-content .service-item .item-title:after{
position:absolute;width:30px;height:2px;
background:#0752a4;bottom:-20px;left:0;content:'';
}
.section-service5 .service-content .left-content .service-item .item-content{
line-height:22px;color:#666;
margin-top:40px;margin-bottom:10px;
}
.section-service5 .service-content .right-content{
float:left;width:42%;padding:0 15px;
}
.section-service5 .service-content .right-content .service-form{
margin-top:10px;
}
.section-service5 .service-content .right-content .service-form .form-title{
font-size:18px;line-height:22px;color:#333;
}
.section-service5 .service-content .right-content .service-form .form-item{
margin-top:10px;
}
.section-service5 .service-content .right-content .service-form .form-item .input{
border:1px solid transparent;background:#ccc;padding:2px;
box-shadow:none;outline:none;width:370px;height:50px;padding-left:15px;
letter-spacing:1px;
}
.section-service5 .service-content .right-content .service-form .form-item .input:focus{
background:#4d4d4d;border-bottom:2px solid #0752a4;
color:rgb(153,153,153);
}
.section-service5 .service-content .right-content .service-form .form-item .textarea{
height:100px !important;line-height:20px;padding-top:10px;
}
.section-service5 .service-content .right-content .service-form .form-item button{
width:150px;height:50px;line-height:50px;
background:#4d4d4d;border:1px solid transparent;
color:#fff;letter-spacing:1px;outline:none;
border-bottom:2px solid #0752a4;
transition:color .6s,border-color .6s, background-color .6s,padding .6s;
}
.section-news .news-list{
position:relative;zoom:1;overflow:hidden;
padding:30px 0;
}
.section-news .news-list .news-item{
position:relative;float:left;
width:360px;height:344px;
padding-left:15px;margin-left:15px;margin-bottom:50px;
background: url(../img/border-vertical.gif) repeat-y left top transparent;
}
.section-news .news-list .news-item .img{
position:relative;
width:345px;height:181px;
}
.section-news .news-list .news-item .img img{
width:100%;height:100%;
}
.section-news .news-list .news-item .item-title{
margin-top:20px;
font-size:15px;
}
.section-news .news-list .news-item .summary{
color:#666;margin-top:15px;line-height:22px;
height:40px;overflow:hidden;
}
.section-news .news-list .news-item .more{
margin-top:20px;
}
.section-news .news-list .news-item .more a{
color:#666;padding-left:15px;line-height:20px;
display:block;background:url(../img/icon01.png) no-repeat left center;
}
.section-case{
padding:20px 0;
}
.section-case .case-navs{
margin:20px 0;
}
.section-case .case-navs .case-nav-items{
text-align:center;
}
.section-case .case-navs .case-nav-items .case-nav-item{
display:inline-block;
position:relative;margin-right:30px;
}
.section-case .case-navs .case-nav-items .case-nav-item a{
color:#333;padding-left:60px;text-transform:uppercase;
font-size:18px;
}
.section-case .case-navs .case-nav-items .case-nav-item a:after{
position:absolute;left:15px;top:12px;height:1px;background:#000;
display:block;width:40px;
content:'';zoom:1;
transform-origin:50% 50%;
-webkit-transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
transition-property:transform,background;
-webkit-transition-property:-webkit-transform,background;
-moz-transition-property:-moz-transform,background;
-ms-transition-property:-ms-transform,background;
transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-ms-transition-duration:0.5s;
transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);
-webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);
-moz-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);
-ms-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);
}
.section-case .case-navs .case-nav-items .case-nav-item a:hover:after{
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
filter:progid:DXImageTransform.Microsoft.Matrix( M11=$m11, M12=$m12, M21=$m21, M22=$m22, sizingMethod='auto expand');
zoom:1;
background:#0752a4;
}
.section-case .case-navs .case-nav-items .case-nav-item.on a{
color:#0752a4;
}
.section-case .case-navs .case-nav-items .case-nav-item.on a:after{
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
filter:progid:DXImageTransform.Microsoft.Matrix( M11=$m11, M12=$m12, M21=$m21, M22=$m22, sizingMethod='auto expand');
zoom:1;
background:#0752a4;
}
.section-case .content-more{
text-align:center;
}
.section-case .content-more a{
display:block;width:150px;height:40px;line-height:40px;
background:#0752a4;color:#fff;text-align:center;
margin:0 auto;
}
.section-case .case-slider{
padding:20px 0;
height:300px;overflow:hidden;
}
.section-case .case-slider .slider .case-item{
width:460px;height:280px;
}
.section-case .case-slider .slider .case-item .img{
position:relative;
width:380px;height:210px;
margin:0 auto;
overflow:hidden;
}
.section-case .case-slider .slider .case-item .img img{
width:100%;height:100%;
}
.section-case .case-slider .slider .case-item:hover .img img{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
}
.section-case .case-slider .slider .case-item .img .item-desc{
position:absolute;top:0;left:0;right:0;bottom:0;
background:rgba(0,0,0,.5);
opacity:0;
-moz-opacity:0;-khtml-opacity:0;filter:alpha(opacity=0);
transition:all 0.4s linear;
-webkit-transition:all 0.4s linear;
-moz-transition:all 0.4s linear;
-ms-transition:all 0.4s linear;
}
.section-case .case-slider .slider .case-item:hover .img .item-desc{
transition:all 0.4 linear;
-webkit-transition:all 0.4 linear;
-moz-transition:all 0.4 linear;
-ms-transition:all 0.4 linear;
opacity:1;
}
.section-case .case-slider .slider .case-item .img .item-desc p{
color:#fff;
padding:20px;letter-spacing:1px;line-height:20px;
}
.section-case .case-slider .slider .case-item .item-title{
padding:10px 0;background:#fff;
color:#0752a4;font-size:16px;
letter-spacing:1px;text-align:center;
}
.section-case .case-wrapper{
position:relative;
zoom:1;overflow:hidden;
}
.section-case .case-wrapper .case-submenu{
float:left;
width:195px;padding:0 15px;
}
.section-case .case-wrapper .case-submenu .sub-item a{
color:#337ab7;line-height:25px;height:25px;
}
.section-case .case-wrapper .case-submenu .sub-item a.on{
color:#000;font-size:16px;
}
.section-case .case-list{
float:left;width:945px;padding:0 10px;
position:relative;zoom:1;overflow:hidden;
}
.section-case .case-list .case-item-wrapper{
float:left;width:33%;padding:15px;
}
.section-case .case-list .case-item-wrapper .case-item{
text-align:center;height:40px;line-height:40px;font-size:12px;
display:table;width:100%;margin-bottom:30px;
/*position:relative;top:100px;
opacity:0;-moz-opacity:0;-khtml-opacity:0;*/
}
.section-case .case-list .case-item-wrapper .case-item a{
display:table-cell;width:100%;height:40px;
background-color:#ccc;line-height:15px;
vertical-align:middle;text-align:center;
color:#666;border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
transition:all .4s linear;
-webkit-transition:all .4s linear;
-moz-transition:all .4s linear;
-ms-transition:all .4s linear;
}
.section-case .case-list .case-item-wrapper .case-item a:hover{
background:#0752a4;color:#fff;
box-shadow:0 5px 10px rgba(0,0,0,0.2);
-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
}
.section-news .section-content .news-title{
font-size:22px;line-height:30px;color:#000;
letter-spacing:1px;text-align:center;margin-top:20px;
}
.section-news .section-content .news-attr{
line-height:30px;text-align:center;padding-top:10px;font-size:12px;
color:#4c4c4c;margin:0 auto;
}
.section-news .section-content .news-content{
padding-top:25px;font-size:12px;color:#4c4c4c;
margin-bottom:40px;zoom:1;overflow:hidden;
line-height:30px;
}
.section-news .section-content .news-content p{
text-align:justify;
}
.section-news .section-content .news-content img{
max-width:100%;
}
.section-news .section-content .back{
margin-top:40px;
}
.section-news .section-content .back a{
display:block;width:130px;height:40px;line-height:40px;
background:#0752a4;color:#fff;text-align:center;
margin:0 auto;text-transform:uppercase;
}
.job-detail{
padding-top:80px !important;
}
.job-detail .section-content{
padding:50px 0;
}
.job-detail .section-content .job-title{
height:35px;line-height:35px;color:#333;font-size:14px;font-weight:bold;
text-align:left;border-bottom:1px dashed #ddd;
}
.designcase-detail .case-list{
position:relative;zoom:1;overflow:hidden;
padding:25px 10px;margin-bottom:120px;
}
.designcase-detail .case-list .case-item{
float:left;width:19.9%;margin-left:0.05%;margin-right:0.05%;
}
.designcase-detail .case-list .case-item .img img{
width:100%;height:100%;
}
.designcase-detail .case-list .case-item .item-title{
font-size:17px;color:#727171;height:30px;line-height:30px;
text-align:center;margin:15px 0;
}
.designcase-detail .case-list .case-item .summary{
color:rgb(7, 82, 164);font-size:13px;font-weight:600;
padding-right:8px;overflow:hidden;
padding-left:10%;height:25px;line-height:25px;
}
.designcase-detail .case-list .case-item .item-content{
font-size:13px;color:rgb(148, 149, 149);
line-height:25px;padding-left:10%;width:80%;
display:none;
}
.news-detail{
padding-top:120px !important;
}
.news-detail .news-title{
text-align: center;
font-size: 22px;
color: #333;
line-height: 35px;
margin-bottom: 20px;
}
.news-detail .news-content{
line-height:22px;
}
.news-detail .news-content p{
margin:15px auto;
}
.zpxxnrbody{ width:auto;border-bottom:1px #ddd dashed; padding-top:20px; padding-bottom:20px; padding-left:12px; padding-right:10px;}
.zpxxnrbodynr{ width:200px; height:50px; float:left; margin-right:30px;}
.zpxxnrbodynrs{ width:auto; height:auto;}
.zpxxnrbodynrsz{ width:100px; height:25px; line-height:25px;font-size:12px; float:left;color:#666; text-transform:capitalize;}
.zpxxnrbodynrsy{ width:100px; float:right; height:25px; line-height:25px;font-size:12px;text-transform:capitalize;}
.zxzpnr{ line-height:25px;padding-top:30px;}
#timeline{width:1120px;height:400px;overflow:hidden;margin:40px auto 0 auto;position:relative;background:url(../img/licbg.png) left 340px repeat-x;}
#dates{width:1120px;overflow:hidden;margin-top:20px;}
#dates li{float:left;width:94px;height:90px;font-size:16px;text-align:center;}
#dates a{color:#fff;width:94px;height:90px;line-height:130px;display:block;}
#dates .selected{font-size:18px;font-weight:bold;background:url(../img/licbgt.png) no-repeat center top;}
#issues{width:1120px;height:218px;overflow:hidden;}
#issues li{width:1120px;height:218px;list-style:none;float:left;}
#issues li img{text-align:center;display:block;margin:0 auto;}
#next,#prev{position:absolute;font-size:100px;font-family:"宋体";top:90px;width:100px;height:100px;text-align:center;line-height:100px;overflow:hidden;color:#fff;}
#next{right:0;}
#prev{left:0;}
#next.disabled,#prev.disabled{opacity:0.2;}
.lishi_div{
width:1000px;
height:218px;
margin:auto;
}
.ls_xian{
width:90px;
height:218px;
float:left;
background:url(../img/ls_xian.png) top center no-repeat;
}
.ls_nr{
width:900px;
height:218px;
float:right;
}
.ls_name{
height:30px;
line-height:30px;
font-size:22px;
color:#fff;
font-weight:bold;
margin-top:20px;
text-align:center;
}
.ls_dx{
width:40px;
height:2px;
background:#fff;
margin-left:0;
margin:0 auto;
margin-top:10px;
}
.ls_wzjs{
height:auto;
margin-top:10px;
}
.ls_wzjs p{
line-height:25px;
font-size:12px;
color:#fff;
}
.ls_nr1{
width:610px;
height:218px;
float:left;
padding-left:20px;
}
.ls_nr2{
width:270px;
height:218px;
float:right;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
color: #23527c;
background-color: #eee;
border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pager {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eee;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #777;
cursor: not-allowed;
background-color: #fff;
}
.page{
margin-top: 40px;
text-align:center;
}
.page a{
display:inline-block;
padding:8px;
background:#ddd;
color:#fff;
}
.page a:hover{
background:#333;
color:#fff;
}
.page a.selected{
background-color: #000;
}
.fixednav{ position:fixed; width:121px;top:20%; right:5px; z-index:9999; display:none;}
.fixednav .service-top{position:relative;width:121px;height:154px;background:url(../img/service_top.png) no-repeat;}
.fixednav .service-top .phone{position:absolute;left:0;right:0;bottom:5px;text-align:center;color:#fff;font-size:14px;line-height:22px;}
.fixednav .content{padding:8px;background:#0b70b8;}
.fixednav .content a{font:13px/30px 'microsoft yahei',simsun; display:block;margin:0 auto;margin-bottom:8px;border-radius:5px;width:95px;height:30px;line-height:30px;padding-left:25px; font-weight:bold; color:#ffffff;background:#91bfdf url(../img/qq_service_ico.png) no-repeat 5px center;}
.fixednav .service-bottom{width:121px;height:61px;background:url(../img/service_bottom.png) no-repeat;}