@font-face {
	font-family: 'Trajan Pro';
	src: url('TrajanPro-Regular.eot');
	src: url('TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('TrajanPro-Regular.woff') format('woff'),
		url('TrajanPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'stxiheiregular';
    src: url('stxihei-webfont.woff2') format('woff2'),
         url('stxihei-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'stxiheiregular';
    src: url('_-webfont.woff2') format('woff2'),
         url('_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'TrajanPro-Bold';
	src: url('fonts/TrajanPro-Bold.eot');
	src: local('☺'), url('fonts/TrajanPro-Bold.woff') format('woff'), url('fonts/TrajanPro-Bold.ttf') format('truetype'), url('fonts/TrajanPro-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



body,h1,h2,h3,ul,li,p,form,input,textarea{ margin:0; padding:0; }
body, button, input, select, textarea { /*font-family:'Microsoft YaHei','Arial','Helvetica','sans-serif';*/ font-size:12px; color:#333; }
ul,ol{ list-style-type:none; }
/*strong,b { font-weight:normal; }*/
a{ text-decoration:none; font-size:12px; color:#333; }
em,i { font-style:normal; }
img{ border:0; }
input,textarea{ outline:none; }
.clear { clear: both; }
.clear:after { content:''; display:block; clear:both; }

/*body.l_2 { font-family:'stxiheiregular','Trajan Pro'}body.l_1 { font-family:'Trajan Pro'}*/
body{ font-family:'Trajan Pro'}

/* logo */
.logo-wrap { height:92px; padding-top:340px; }
.logo-wrap #logo { width:525px; height:92px; display:block; margin:0 auto; background:url(../images/logo.png) no-repeat; }

/* 按钮 */
.read-more { height:49px; padding-top:30px; }
.read-more a { display:block; width:142px; height:49px; line-height:49px; margin:0 auto; color:#fff; text-align:center; background:url(../images/read-more-btn.png) no-repeat; font-weight:bold; text-shadow: 0px 0px #000,2px 0px 0px #000; }
.read-more a:hover { color:#f1e85a; }

/* 尾部 */
.i-footer-wrap { width:100%; margin:0 auto; height:165px; background-color:#3db5e7; border-top:10px solid #0333a1;border-bottom:10px solid #0333a1;}
.i-ft-nav { width:100%; height:20px; text-align:center; padding-top:30px; }
.i-ft-nav a { color:#fff; margin:0 18px 0 0; }
.i-ft-nav span { color:#fff; margin-right:18px; }
.i-ft-nav a:hover { color:#f1e85a; }
.i-ft-share { width:100%; height:30px; text-align:center; padding-top:30px; }
.i-share1,.i-share2,.i-share3,.i-share4 { width:30px; height:30px; display:inline-block; margin:0 10px 0 0; }
.i-share1 { background:url(../images/i-ft-share.png) no-repeat; }
.i-share2 { background:url(../images/i-ft-share.png) no-repeat 0 -30px; }
.i-share3 { background:url(../images/i-ft-share.png) no-repeat 0 -60px; }
.i-share4 { background:url(../images/i-ft-share.png) no-repeat 0 -90px; }
.i-ft-copy { width:100%; height:30px; text-align:center; padding-top:18px; color:#797e81; }
.i-ft-share a:hover { filter:alpha(opacity=80); opacity:0.8; }

/* 我们的服务 */
.nav-wrap { width:1224px; height:40px; margin:0 auto; padding-top:35px; }
.nav-wrap #logo-pic { width:220px; height:40px; display:block; float:left; background:url(../images/logo-pic.gif) no-repeat; }
.nav-container { width:700px; height:20px; float:right; margin-top:15px; }
.nav-container ul li { float:left; height:20px; line-height:20px; }
.nav-container ul li a { margin:0 0 0  18px; font-size:14px; font-weight:bold; color:#6b6b6b; }
.nav-container ul li a:hover { color:#38b5e6; }
.nav-container ul li span { margin:0 0 0 25px; color:#83d1ef; font-weight:bold; }
.nav-container ul li.sort-ico a { float:left; width:14px; height:20px; _margin-left:10px; display:none; background:url(../images/ico1.gif) no-repeat; }

/* 轮播 */
.slider-wrap { width:1224px; height:480px; margin:0 auto; margin-top:18px; }
.slider-img { width:1224px; height:450px; position:relative; overflow: hidden; }
.slider-img ul li { position: absolute; }
.slider-img ul li a img { width:1224px; height:450px; }
.slider-img .detailed-container { width:300px; height:450px; background:url(../images/detailed-bg.png) repeat-x; position:absolute; top:0; right:0; z-index: 99999; }
.detailed-text { position: absolute; width:260px; height:90px; margin-top:340px; text-align:right; margin-left:25px; }
.detailed-text a { font-size:20px; color:#fff; font-family:TrajanPro-Bold;}
.detailed-text p { font-size:11px; color:#fff; text-align:right; font-family:stxiheiregular; }
.slider-btn { width:150px; height:30px; float:right; _margin-top:10px; }
.slider-btn ol li { width:8px; height:20px; display:block; margin-right:12px; background:url(../images/slider-btn.gif) no-repeat; float:left; cursor:pointer; }
.slider-btn ol li.active { background:url(../images/slider-btn.gif) no-repeat 0 -20px; }

/* 产品 */
.services-wrap { width:1224px; margin:0 auto; margin-top:45px; }
.services-container { height:307px; }
.services-box { width:612px; height:307px; overflow:hidden; float:left; }
.services-box img { filter:alpha(opacity=60); opacity: 0.6; cursor:pointer; background:#dadada; }
.services-box span {position:relative; top:-140px;width:100%; text-align:center; display:block}
.s-blueB { width:306px; height:307px; float:left; background:#38b5e6;  text-align:center; }
.s-blueB span { height:55px; padding-top:140px; display:inline-block; }
.s-blueB a { font-size:20px; color:#fff; }
.s-blueB a:hover { color:#006ce0; }
.s-picT { width:306px; height:307px; float:left; overflow:hidden; position:relative; }
.b-color { background:#71c3eb; }

.footer-wrap { width:100%; height:166px;  background-color:#3db5e7; border-top:10px solid #0333a1;border-bottom:10px solid #0333a1; margin:75px 0 0 0; }
.footer-container { width:1224px; height:166px; margin:0 auto; }
.c {text-align:center}

/* 电子新闻 */
.center-wrap { width:1200px; margin:0 auto; margin-top:30px; }
.center-container { width:1200px; float:right; }
.title-bar { font-size:25px; color:#38b5e6; font-weight:bold; }
.text-center { width:100%; margin:20px 0 0 0; }
.text-center p { font-size:14px; line-height:28px; }

/* 客户端 */
.client-text { width:715px; }
.client-text ul { width:290px; float:left; }
.client-text ul li { font-size:14px; height:20px; line-height:20px; background:url(../images/client-ico.gif) no-repeat left center; padding:0 0 0 20px; }

/* 联系我们 */
.contact-container {  }
.contactUs { border-bottom:1px solid #6ac8ec;  overflow:hidden;zoom:1;}
.contactUs-left {  margin:50px 0 0 0; }
.cU-title { margin:30px 0 0 0; color:#38b5e6; font-size:17px; font-weight:bold; }
.contactUs-left p { font-size:16px; line-height:33px; }
.send-right span { float: left; }
.form-load {  }
.form-success { color:green; }
.form-error { color:red; }

.contact-form { width:1200px; margin:45px 0 0 0; }
.contact-input { width:1200px; height:38px; border:1px solid #d1d1d1; margin:0 0 8px 0; }
.setUp-width { width:1200px; height:38px; line-height:38px; color:#393939; text-indent:4px; font-size:14px; background:none; border:0; }
.cont-mess { width:1200px; height:198px; border:1px solid #d1d1d1; }
.cont-mess textarea { width:1200px; height:198px; background:none; border:0; resize:none; overflow-y:hidden; text-indent:4px; font-size:14px; color:#393939; }
.contact-send { width:1200px; height:37px; margin:14px 0 0 0; }
.send-left { width:623px; float:left; height:37px; }
.send-right { width:77px; float:right; height:37px; background:#38b5e6; text-align:center; }
.send-right a { font-size:16px; line-height:37px; color:#fff; }
.send-right a:hover { color:#f9e67b; }

/* 产品 */
.production-print { width:1224px;  margin:0 auto; margin-top:100px; }
.pro-print-title { height:20px; text-align:center; }
.pro-print-title span { font-size:30px; color:#38b5e6; }
.pro-print-title p { font-size:28px; color:#3a3a3a; margin:20px 0 0 0; }
.pro-print-box { float: left; width:1224px; margin:80px 0 0 0; }
.container { width:1224px; margin:0 auto; position: relative; }
.hero-grid-item a,.hero-grid-item img { display: block }
.hero-grid-item,.hero-grid-item img { width:306px; } 
.hero-grid-text { width:306px; height:133px; background: #e5e5e5; }
.hero-link-_title { width:220px; height:95px; padding:38px 0 0 0; margin:0 0 0  50px; text-align:center; }
.hero-link-_title a { font-size:22px;  }
.hero-link-_title a:hover { color:#3965cd; }

#wall_fall {  }
#wall-error {
    background: black;
    border-radius: 16px;
    bottom: 0;
    color: white;
    display: block;
    left: 50%;
    margin-left: -50px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    width: auto;
    padding: 0 15px;
}
#wall-error span { color: white; height: 30px; line-height: 30px; }

.wall_loading {
    background: black;
    border-radius: 16px;
    bottom: 0;
    color: white;
    display: none;
    left: 50%;
    margin-left: -50px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    width: 100px;
}
.wall_loading span {
    background: transparent url("../images/loading_2.gif") no-repeat scroll 0 center;
    color: white;
    height: 30px;
    line-height: 30px;
    padding-left: 24px;
}

.pager { 
    clear: both;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    text-align: center;
    display: none;
}
.pager a {
    height: 30px;
    line-height: 30px;
    min-width: 20px;
}
.pager a:hover {
    background: #5e5c5c;
}
.pager a, .pager span {
    background: #505050;
    border-radius: 3px;
    color: white;
    display: inline-block;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0 1px;
    min-width: 12px;
    padding: 0 5px;
    text-align: center;
    white-space: nowrap;
}

/* 产品详情 */
.pro-details { width:1072px; height:753px; margin:0 auto; margin-top:22px; }
.details-pic { height:660px; position:relative; overflow:hidden; }
.details-pic ul li { position: absolute; display:none; }
.details-pic ul li img { width:1072px; height:660px; }
.details-small { overflow: hidden; height:83px; margin:10px 0 0 0; position:relative; }
.details-small ul { position:absolute; }
.details-small ul li { float:left; }
.details-small ul li img { width:134px; height:83px; }
.d-prev,.d-next { width:12px; height:21px; display:block; position:absolute; top:30px; }
.d-prev { left:10px; background:url(../images/details-btn.png) no-repeat; }
.d-next { right:10px; background:url(../images/details-btn.png) no-repeat 0 -21px; }

.catalogue-wrap { width:1072px; height:210px; margin:0 auto; margin-top:42px; }
.catalogue-left { width:756px; height:210px; float:left; }
.catalogue-right { width:250px; height:210px; float:right; }
.catalogue-left span { font-size:30px; color:#38b5e6; }
.catalogue-left p { margin:35px 0 0 0; font-size:14px; line-height:28px; }
.cata-text { height:60px; }
.cata-text span { font-size:16px; font-weight:bold; }
.cata-text p { font-size:14px; }

#ft {padding:20px 0; line-height:2}
#ft span {color:#0333a1;font-size:16px;}