@charset "utf-8";
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,blockquote{margin:0; padding:0; font-family:'微软雅黑', 'Microsoft YaHei', Arial, Helvetica, sans-serif; font-size:14px; color:#2a2a2a;}
body{font-family:'微软雅黑', 'Microsoft YaHei', Arial, Helvetica, sans-serif; font-size:14px; color:#2a2a2a; background:#fff;}
a{color:#2a2a2a; cursor:pointer; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:hover,
a:focus{color:#004a9d; text-decoration:none;}
.blank30{height:30px; overflow:hidden;}
.red{color:#f00;}
li{list-style:none;}
input::-webkit-input-placeholder{color:#ccc; font-weight:normal;}
input:-moz-placeholder{color:#ccc; font-weight:normal;}
input::-moz-placeholder{color:#ccc; font-weight:normal;}
input:-ms-input-placeholder{color:#ccc; font-weight:normal;}
textarea::-webkit-input-placeholder{color:#ccc; font-weight:normal;}
textarea:-moz-placeholder{color:#ccc; font-weight:normal;}
textarea::-moz-placeholder{color:#ccc; font-weight:normal;}
textarea:-ms-input-placeholder{color:#ccc; font-weight:normal;}
.form-submit{display:inline-block; background:#004a9d; padding:0 20px; overflow:hidden; font-size:16px; color:#fff; line-height:40px; border:0; cursor:pointer; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; outline:none;}
.form-submit-over{background:#195da9;}
.float-left{float:left;}
.float-right{float:right;}
.col-sm-3td{position:relative; min-height:1px; padding-right:15px; padding-left:15px;}
@media (min-width: 768px){
.col-sm-3td{float:left;}
.col-sm-3td{width:20%;}
}

.form-control:focus{border-color:#fb5145; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(251, 81, 69, .6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(251, 81, 69, .6);}
.input-md{height:40px; padding:10px 16px; font-size:14px; line-height:1.3333333; border-radius:5px;}
select.input-md{height:40px; line-height:40px;}
textarea.input-md,
select[multiple].input-md{height:auto;}
/*.form-group{margin-bottom:20px;}*/
.btn-submit{width:100%; font-size:16px; color:#fff; background-color:#004a9d; border-color:#004a9d; outline:none;}
.btn-submit:focus,
.btn-submit.focus,
.btn-submit:hover{color:#fff; background-color:#07853f; border-color:#07853f; outline:none;}
.form-group-left{float:left; width:62%;}
.form-group-right{float:right; width:35%;}
.btn-send{display:inline-block; width:100%; padding:6px 6px; font-size:14px; color:#333; background:#eee; border:1px solid #eee; border-radius:0; outline:none;}
.btn-link-code{display:inline-block; width:100%; text-align:center; padding:7px 7px; font-size:14px; color:#333; background:#eee; outline:none;}

.table > tbody > tr > th{vertical-align:middle; font-weight:normal; text-align:center;}
.table > tbody > tr > td{vertical-align:middle;}

@media (max-width: 767px){
.content{width:100%; margin:50px auto 30px; overflow:hidden;}
.container{width:96%; margin:0 auto; padding:0 0 0 0;}

header{display:block; position:fixed; top:0; z-index:100; width:100%; background:rgba(255,255,255,1);}
header .logo{float:left; display:inline-block; width:100%; height:30px; overflow:hidden; margin:10px 0;}
header .logo img{display:block; max-width:100%; height:30px;}
	
header .menu-bar{position:absolute; top:30%; right:3%; display:block; cursor:pointer; color:#2a2a2a;}
header .search-bar{position:absolute; top:30%; right:10%; display:block; cursor:pointer; color:#2a2a2a;}
header .search-box{display:none; position:absolute; top:100%; right:0; width:180px;}
header .search-box .search-keyword{display:block; width:calc(100% - 2px); padding:0 15px; line-height:23px; background:#fff; border:1px solid #ccc; border-radius:15px; outline:none;}
header .search-box .search-submit{position:absolute; right:10px; top:1px; display:block; background:none; border:none;}
	
.mdui-drawer{padding-bottom:40px;}
.mdui-drawer dl.menubar{width:100%;}
.mdui-drawer dl.menubar dt{width:100%; color:#666; line-height:40px; text-align:center; cursor:pointer; position:relative; border-bottom:1px solid #f2f2f2;}
.mdui-drawer dl.menubar dt.phone{padding:15px 0; font-size:14px; color:#333; font-weight:normal; text-transform:uppercase; padding-left:10px;}
.mdui-drawer dl.menubar dt.phone a{display:inline-block; font-size:16px; font-weight:bold; color:#333; text-transform:uppercase;}
.mdui-drawer dl.menubar dt.phone i{transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); margin-right:5px;}
.mdui-drawer dl.menubar dt a{display:block; width:100%; font-size:14px; font-weight:bold; color:#333; text-align:left; padding-left:10px;}
.mdui-drawer dl.menubar dt span{position:absolute; top:0; right:10px; font-weight:normal; cursor:pointer;}
.mdui-drawer dl.menubar dd{width:100%; padding:10px; display:none;}
.mdui-drawer dl.menubar dd li{width:100%; line-height:200%;}
.mdui-drawer dl.menubar dd li a{display:block; padding-left:10px; font-size:14px; font-weight:bold; color:#333; background:url(../images/second.png) no-repeat left 10px;}
.mdui-drawer dl.menubar dd li ul li a{display:block; padding-left:20px; font-size:14px; font-weight:normal; color:#666; background:url(../images/three.png) no-repeat 10px 12px;}
}

@media (min-width: 768px){
.content{width:100%; margin:50px auto 30px; overflow:hidden;}
.container{width:96%; margin:0 auto; padding:0 0 0 0;}

header{display:block; position:fixed; top:0; z-index:100; width:100%; background:rgba(255,255,255,1);}	
header .logo{float:left; display:inline-block; width:100%; height:30px; overflow:hidden; margin:10px 0;}
header .logo img{display:block; max-width:100%; height:30px;}
	
header .menu-bar{position:absolute; top:30%; right:3%; display:block; cursor:pointer; color:#2a2a2a;}
header .search-bar{position:absolute; top:30%; right:7%; display:block; cursor:pointer; color:#2a2a2a;}
header .search-box{display:none; position:absolute; top:100%; right:0; width:180px;}
header .search-box .search-keyword{display:block; width:calc(100% - 2px); padding:0 15px; line-height:23px; background:#fff; border:1px solid #ccc; border-radius:15px; outline:none;}
header .search-box .search-submit{position:absolute; right:10px; top:1px; display:block; background:none; border:none;}
	
.mdui-drawer{padding-bottom:40px;}
.mdui-drawer dl.menubar{width:100%;}
.mdui-drawer dl.menubar dt{width:100%; color:#666; line-height:40px; text-align:center; cursor:pointer; position:relative; border-bottom:1px solid #f2f2f2;}
.mdui-drawer dl.menubar dt.subject{font-size:16px; color:#333; text-transform:uppercase;}
.mdui-drawer dl.menubar dt a{display:block; width:100%; font-size:14px; font-weight:bold; color:#333; text-align:left; padding-left:10px;}
.mdui-drawer dl.menubar dt span{position:absolute; top:0; right:10px; font-weight:normal; cursor:pointer;}
.mdui-drawer dl.menubar dd{width:100%; padding:10px; display:none;}
.mdui-drawer dl.menubar dd li{width:100%; line-height:200%;}
.mdui-drawer dl.menubar dd li a{display:block; padding-left:10px; font-size:14px; font-weight:bold; color:#333; background:url(../images/second.png) no-repeat left 10px;}
.mdui-drawer dl.menubar dd li ul li a{display:block; padding-left:20px; font-size:14px; font-weight:normal; color:#666; background:url(../images/three.png) no-repeat 10px 12px;}
}

@media (min-width: 992px){
.content{width:100%; margin:117px auto 30px; overflow:hidden;}
.container{width:96%; margin:0 auto; padding:0 0 0 0;}

header{display:block; position:fixed; top:0; z-index:100; width:100%; background:rgba(255,255,255,1);}
header .logo{float:left; display:inline-block; width:245px; height:80px; overflow:hidden; margin:18.5px 0;}
header .logo img{display:block; max-width:100%; height:80px;}
	
header .top{float:right; margin-top:15px; margin-right:0;}
header .phone{float:right; line-height:25px;}
header .phone i{transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); margin-right:5px;}
header .phone a{font-size:16px; font-weight:bold;}
header .language{float:right; margin:0 25px; color:#888;}
header .language a{display:inline-block; color:#888; line-height:25px; margin:0 5px;}
header .search{float:right; width:180px; position:relative;}
header .search .search-keyword{display:block; width:calc(100% - 2px); padding:0 15px; line-height:23px; background:#fff; border:1px solid #cacaca; border-radius:15px; outline:none;}
header .search .search-submit{position:absolute; right:10px; top:1px; display:block; background:none; border:none;}

header .nav-bar{margin:35px 0 0 0;}
header .nav-bar > li{float:left; position:relative;}
header .nav-bar > li a.tag{display:block; padding:0 45px; font-size:16px; color:#2f2f2f; cursor:pointer; line-height:42px;}
header .nav-bar > li a.tag:after{position:absolute; top:0; right:0; content:'/'; color:#e8e8e8;}
header .nav-bar > li:last-child a.tag:after{content:'';}
header .nav-bar > li a.tag:hover,
header .nav-bar > li a.tag:focus,
header .nav-bar > li a.active{color:#fff; background:#004a9d; transform:skew(-20deg); -webkit-transform:skew(-20deg); -moz-transform:skew(-20deg); -o-transform:skew(-20deg); -ms-transform:skew(-20deg);}
header .nav-bar > li a.active span{display:block; transform:skew(20deg); -webkit-transform:skew(20deg); -moz-transform:skew(20deg); -o-transform:skew(20deg); -ms-transform:skew(20deg);}
header .nav-bar > li a.tag:hover:after,
header .nav-bar > li a.tag:focus:after,
header .nav-bar > li a.active:after{content:'';}
	
.dropdown{display:none; position:absolute; top:42px; left:-8px; z-index:300; width:164px; padding:0 0; background:rgba(255,255,255,.9); box-shadow:0 0 5px rgba(0,0,0,0.2);}
.dropdown ul{width:100%;}
.dropdown li a{display:block; text-align:center; font-size:14px; padding:10px 0; line-height:150%;}
.dropdown li a:hover{color:#fff; background:#004a9d;}
}

@media (min-width: 1148px){
.content{width:100%; margin:117px auto 30px; overflow:hidden;}
.container{width:100%; max-width:1148px; margin:0 auto; padding:0 0 0 0;}

header{display:block; position:fixed; top:0; z-index:100; width:100%; background:rgba(255,255,255,1);}
header .logo{float:left; display:inline-block; width:245px; height:80px; overflow:hidden; margin:18.5px 0;}
header .logo img{display:block; max-width:100%; height:80px;}
	
header .top{float:right; margin-top:15px; margin-right:0;}
header .phone{float:right; line-height:25px;}
header .phone i{transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); margin-right:5px;}
header .phone a{font-size:16px; font-weight:bold;}
header .language{float:right; margin:0 25px; color:#888;}
header .language a{display:inline-block; color:#888; line-height:25px; margin:0 5px;}
header .search{float:right; width:180px; position:relative;}
header .search .search-keyword{display:block; width:calc(100% - 2px); padding:0 15px; line-height:23px; background:#fff; border:1px solid #cacaca; border-radius:15px; outline:none;}
header .search .search-submit{position:absolute; right:10px; top:1px; display:block; background:none; border:none;}

header .nav-bar{margin:35px 0 0 0;}
header .nav-bar > li{float:left; position:relative;}
header .nav-bar > li a.tag{display:block; padding:0 45px; font-size:16px; color:#2f2f2f; cursor:pointer; line-height:42px;}
header .nav-bar > li a.tag:after{position:absolute; top:0; right:0; content:'/'; color:#e8e8e8;}
header .nav-bar > li:last-child a.tag:after{content:'';}
header .nav-bar > li a.tag:hover,
header .nav-bar > li a.tag:focus,
header .nav-bar > li a.active{color:#fff; background:#004a9d; transform:skew(-20deg); -webkit-transform:skew(-20deg); -moz-transform:skew(-20deg); -o-transform:skew(-20deg); -ms-transform:skew(-20deg);}
header .nav-bar > li a.active span{display:block; transform:skew(20deg); -webkit-transform:skew(20deg); -moz-transform:skew(20deg); -o-transform:skew(20deg); -ms-transform:skew(20deg);}
header .nav-bar > li a.tag:hover:after,
header .nav-bar > li a.tag:focus:after,
header .nav-bar > li a.active:after{content:'';}
	
.dropdown{display:none; position:absolute; top:42px; left:-8px; z-index:300; width:164px; padding:0 0; background:rgba(255,255,255,.9); box-shadow:0 0 5px rgba(0,0,0,0.2);}
.dropdown ul{width:100%;}
.dropdown li a{display:block; text-align:center; font-size:14px; padding:10px 0; line-height:150%;}
.dropdown li a:hover{color:#fff; background:#004a9d;}
}

@media (max-width: 767px){
footer{display:block; width:100%; padding:20px 0 0 0; overflow:hidden; background:#272727;}
footer a{color:#999;}
footer a:hover{color:#999; text-decoration:underline;}

footer .footer-item{float:left; width:100%; margin-bottom:20px;}
footer .footer-item dt{margin-bottom:10px; font-size:16px; font-weight:normal; text-transform:uppercase; color:#fff;}
footer .footer-item dd{float:left; width:33.33%; text-transform:uppercase; color:#fff; line-height:200%;}

footer .footer-products{width:100%;}
footer .footer-products dd{float:none; width:100%;}
footer .footer-products li{float:left; width:33.33%;}
footer .footer-products li a{display:block; color:#999; line-height:200%;}
	
footer .footer-contact{float:left; width:100%; margin-top:0;}
footer .footer-contact dt{margin-bottom:10px; font-size:16px; text-transform:uppercase; color:#fff;}
footer .footer-contact dt i{transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); margin-right:5px;}
footer .footer-contact dd{color:#999; line-height:200%;}

footer .bottom{width:100%; margin-top:20px; padding:10px 0; background:#1b1b1b;}
footer .bottom .copyright{float:none; color:#999; line-height:30px;}
footer .bottom .copyright a{display:inline-block; color:#999;}
footer .bottom .share{float:none; color:#999;}
footer .bottom .share a{display:inline-block; width:30px; height:30px; text-align:center; line-height:30px; border:1px solid #999; border-radius:3px;}
}

@media (min-width: 768px){
footer{display:block; width:100%; padding:20px 0 0 0; overflow:hidden; background:#272727;}
footer a{color:#999;}
footer a:hover{color:#999; text-decoration:underline;}

footer .footer-item{float:left; width:17.5%; margin-bottom:0;}
footer .footer-item dt{margin-bottom:10px; font-size:16px; font-weight:normal; text-transform:uppercase; color:#fff;}
footer .footer-item dd{float:left; width:100%; text-transform:uppercase; color:#fff; line-height:200%;}

footer .footer-products{width:30%;}
/*footer .footer-products dt{padding-left:23%;}*/
footer .footer-products li{float:left; width:45%;}
footer .footer-products li a{display:block; color:#999; line-height:200%;}
	
footer .footer-contact{float:left; width:17.5%; margin-top:0;}
footer .footer-contact dt{margin-bottom:10px; font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; color:#fff;}
footer .footer-contact dt i{transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); margin-right:5px;}
footer .footer-contact dd{color:#999; line-height:200%;}

footer .bottom{width:100%; margin-top:20px; padding:10px 0; background:#1b1b1b;}
footer .bottom .copyright{float:left; color:#999; line-height:30px;}
footer .bottom .copyright a{display:inline-block; color:#999;}
footer .bottom .share{float:right; color:#999;}
footer .bottom .share a{display:inline-block; width:30px; height:30px; text-align:center; line-height:30px; border:1px solid #999; border-radius:3px;}
}

/*index*/
h4.theme{width:100%; font-size:30px; margin:50px auto 30px auto; font-weight:bold; color:#333; text-align:center;}
.introduction{width:100%; font-size:18px; text-align:center; line-height:200%;}
@media (max-width: 767px){
h4.theme{font-size:20px; margin:30px auto 10px auto;}
.introduction{width:100%; font-size:16px; text-align:center; line-height:180%;}
}
.space{width:100%; margin-top:30px; text-align:center; overflow:hidden;}
a.more{display:inline-block; color:#333; padding:0 60px; line-height:40px; background:#e6e6e6;}
a.more:focus,
a.more:hover{display:inline-block; color:#333; background:#eee;}

.products{width:100%; margin-top:50px; padding:20px 0; background:#f4f4f4;}
.products h4.theme{margin:10px auto;}
.item li{margin-top:20px;}
@media (max-width: 767px){
.item{padding:0 10px;}
.item li{margin-top:10px; padding:0 5px;}
}
figure{display:block; width:100%;}
figure .pic{display:block; border:1px solid #e5e5e5; background:#fff; position:relative;}
figure .pic img{display:block; width:100%;}
figure .pic:hover{border:1px solid #004a9d;}
figure figcaption{display:block; width:100%; height:30px; overflow:hidden; padding:0 0; margin:10px 0;}
figure figcaption a.name{display:block; text-align:center; line-height:30px;}

.news-pic{float:none; width:100%;}
.news-pic a{display:block; position:relative; width:100%;}
.news-pic a img{display:inline-block; width:100%;}
.news-pic a:after{content:''; width:0; height:100%; display:inline-block; vertical-align:middle;}
.news-pic a span{position:absolute; left:0; bottom:0; display:block; width:100%; height:40px; line-height:40px; overflow:hidden; font-size:16px; color:#fff; text-align:center; background:rgba(0,0,0,.6);}
.news-more{float:none; width:100%;}
.news-more li{padding:20px 0; border-bottom:1px solid #e5e5e5;}
.news-more li:first-child{padding:20px 0 20px 0;}
.news-more .news-more-pic{float:left; width:100px; height:75px; margin-right:20px;}
.news-more .news-more-pic a img{display:inline-block; width:100%; border-radius:5px;}
.news-more .news-more-pic a:after{content:''; width:0; height:100%; display:inline-block; vertical-align:middle;}
.news-more dl{float:right; width:calc(100% - 120px);}
.news-more dt a{display:inline-block; float:left; font-weight:bold; line-height:200%;}
.news-more dt span{display:inline-block; float:right; color:#666; font-weight:normal; line-height:200%;}
.news-more dd{color:#666; line-height:150%;}

@media (min-width: 992px){
.news-pic{float:left; width:440px;}
.news-pic a{display:block; position:relative; width:100%;}
.news-pic a img{display:inline-block; width:100%;}
.news-pic a:after{content:''; width:0; height:100%; display:inline-block; vertical-align:middle;}
.news-pic a span{position:absolute; left:0; bottom:0; display:block; width:100%; height:40px; line-height:40px; overflow:hidden; font-size:16px; color:#fff; text-align:center; background:rgba(0,0,0,.6);}
.news-more{float:right; width:calc(100% - 470px);}
.news-more li{padding:20px 0; border-bottom:1px solid #e5e5e5;}
.news-more li:first-child{padding:0 0 20px 0;}
.news-more .news-more-pic{float:left; width:100px; height:75px; margin-right:20px;}
.news-more .news-more-pic a img{display:inline-block; width:100%; border-radius:5px;}
.news-more .news-more-pic a:after{content:''; width:0; height:100%; display:inline-block; vertical-align:middle;}
.news-more dl{float:right; width:calc(100% - 120px);}
.news-more dt a{display:inline-block; float:left; font-weight:bold; line-height:200%;}
.news-more dt span{display:inline-block; float:right; color:#666; font-weight:normal; line-height:200%;}
.news-more dd{color:#666; line-height:150%;}
}

/*products*/
.inbanner{width:100%; padding-top:15%; min-height:150px; overflow:hidden;}

.position{position:relative; width:100%; margin:30px auto 10px auto; line-height:72px; background:#f6f6f6; border-bottom:1px solid #e1e1e1;}
.position dnf{display:block; margin-left:30px; color:#333; font-size:28px;}
.position dnf samp{color:#cfcfcf; font-size:24px; text-transform:uppercase;}
.position ul{position:absolute; top:0; right:0;}
.position ul li{float:left; margin-right:10px;}
.position ul li a{display:block; padding:0 20px;}
.position ul li a.active,
.position ul li a:hover{display:block; color:#004a9d; text-decoration:none; line-height:73px; background:#fff; border-top:3px solid #004a9d;}

.position ul li.open a{display:block; color:#004a9d; text-decoration:none; line-height:71px; background:#fff; border-top:3px solid #004a9d;}
.position ul li.open .dropdown-menu{top:71px; left:auto; padding:0; border-radius:0; border:0;}
.position ul li.open .dropdown-menu > li{float:none; margin-right:0; margin-bottom:0; margin-top:1px;}
.position ul li.open .dropdown-menu > li > a{color:#333; padding:8px 10px; border-radius:0; line-height:150%; background:#fff; border-top:none;}
.position ul li.open .dropdown-menu > li > a.active,
.position ul li.open .dropdown-menu > li > a:hover,
.position ul li.open .dropdown-menu > li > a:focus{color:#fff; text-decoration:none; line-height:150%; background-color:#004a9d;}

/*goods*/
.goods{width:600px; margin:20px auto; border:1px solid #eee;}
@media (max-width: 767px){
.goods{width:100%;}
}

.nav{margin-top:30px;}
.nav-tabs > li > a:hover{color:#2a2a2a;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{color:#2a2a2a; cursor:default; background-color:#fff; border: 1px solid #ddd; border-bottom-color: transparent;}
.tab-pane{padding:10px 0 0 0; line-height:200%;}

/*article*/
article{display:block; width:100%; padding:20px 0; border-bottom:1px solid #e5e5e5;}
article .pic{float:left; width:230px; overflow:hidden;}
article .pic img{display:block; width:100%;}
article .describe{float:left; width:calc(100% - 250px); margin:0 0 0 20px;}
article .describe dt{margin-bottom:5px;}
article .describe dt a{font-size:16px; font-weight:bold;}
article .describe dd.date{margin-bottom:5px; color:#999;}
@media (max-width: 767px){
article{display:block; width:100%; padding:20px 0 0 0; border-bottom:none;}
article .pic{float:none; width:100%; overflow:hidden;}
article .pic img{display:block; width:100%;}
article .describe{float:none; width:100%; margin:0 0 0 0; background:#f6f6f6; padding:10px 5px;}
article .describe dt{margin-bottom:5px;}
article .describe dt a{font-size:16px; font-weight:bold;}
article .describe dd.date{margin-bottom:5px; color:#999;}
}

/*article view*/
dl.article-view{width:100%;}
dl.article-view dt{width:100%; text-align:center; font-weight:bold; font-size:16px; line-height:200%;}
dl.article-view dd.subtitle{width:100%; text-align:center; color:#8d8d8d; padding-bottom:5px; border-bottom:1px dashed #c6c6c6;}
dl.article-view dd{width:100%; padding-top:10px; line-height:200%; font-size:14px; color:#333; word-break:break-all; word-wrap:break-word;}
dl.article-view dd.minheight{width:100%; min-height:300px;}
dl.article-view dd img{display:block; max-width:100%;}
@media (max-width: 767px){
dl.article-view dd img{display:block; width:100%; max-width:none;}
}

#share{width:320px; margin:30px auto 0;}
#share .shareText{float:left; font-size:14px; margin-top:12px;}
#share a{width:26px; height:26px; padding:0; margin:8px;}
#share a.bds_more{ background:url(../images/more.png);}
#share a.bds_tsina{ background:url(../images/tsina.png);}
#share a.bds_sqq{ background:url(../images/sqq.png);}
#share a.bds_weixin{ background:url(../images/wx.png);}
#share a.bds_qzone{ background:url(../images/qzone.png);}
#share a.bds_douban{ background:url(../images/douban.png);}

.prev-next{width:100%; margin:30px 0;}
.prev-next li{font-size:14px; font-weight:normal; color:#999; line-height:200%; background:none;}
.prev-next li span{display:inline-block; width:50px; text-align:right;}
.prev-next li a{display:inline-block; margin-left:5px; font-size:14px; font-weight:normal; color:#333;}

/*company*/
.info{width:100%; font-size:14px; line-height:200%;}

/*Contact Us*/
.contact{margin-top:30px; margin-bottom:30px;}
.contact li{padding:2% 0; background:#fff; text-align:center; position:relative;}
.contact li:nth-child(even){background:#fbfbfb;}
.contact li i{width:50px; height:50px; line-height:50px; overflow:hidden; color:#004a9d;}
.contact li span{display:block; margin-top:10px; text-align:center; font-weight:bold; line-height:150%;}
.contact li span em{display:block; width:100%; height:20px; overflow:hidden; font-style:normal; font-weight:normal;}
.service{display:inline-block; width:50px; height:50px; background:url("../images/service.png") no-repeat center;}
@media (max-width: 767px){
.contact li i{float:left; width:50px; height:50px; line-height:50px; overflow:hidden; color:#004a9d;}
.contact li span{float:left; display:block; margin-top:0; margin-left:20px; text-align:left; font-weight:bold; line-height:150%;}
.contact li span em{display:block; width:100%; height:20px; overflow:hidden; font-style:normal; font-weight:normal;}
}

.corner:before,
.corner:after,
.box:before,
.box:after{content:""; width:4px; height:4px; display:block; position:absolute; border:1px solid; border-color:inherit; z-index:2;}
.corner:before{top:0; border-bottom:none; left:0; border-right:none; color:#004a9d;}
.corner:after{top:0; border-bottom:none; right:0; border-left:none; color:#004a9d;}
.box:before{bottom:0; border-top:none; left:0; border-right:none; color:#004a9d;}
.box:after{bottom:0; border-top:none; right:0; border-left:none; color:#004a9d;}

.enquiry{width:100%; margin:0 auto;}
@media (min-width: 768px){
.enquiry{width:800px; margin:0 auto;}
}
.field{width:100%;}
.form-input{width:100%; line-height:36px; background:none; border:1px solid #a9a9a9; padding:0 10px 0 10px; outline:none;}
.form-textarea{width:100%; height:80px; line-height:36px; background:none; border:1px solid #a9a9a9; padding:0 10px 0 10px; outline:none;}
.form-textbox{width:100%; line-height:36px; background:none; border:1px solid #ccc; padding:0 10px 0 10px; outline:none;}

.field label.error{display:block; font-weight:normal; color:#f00; text-align:left;}
.field.error input,.field.error select,.field.error textarea{border-color:#f00;}

/*page*/
.pagebar{width:100%; padding:0; margin:20px 0; text-align:center;}
.pagebar a{display:inline-table; margin:0 3px; padding:5px 14px; font-size:13px; color:#555; text-decoration:none; border:1px solid #e7e7e7;}
.pagebar a:hover{color:#fff; text-decoration:none; padding:5px 14px; background:#000; border:1px solid #000;;}
.pagebar .page-now{display:inline-table; margin:0 5px; font-weight:bold; padding:5px 14px; font-size:13px; border:1px solid #000; background:#000; color:#fff;}

/*404*/
@media (max-width: 767px){
.nofound{width:100%; min-height:200px; background-image:url(../images/404.gif); background-repeat:no-repeat; background-position:left 30px; background-size:25%; margin:0 auto; padding:30px 0 0 0;}
.nofound h4{font-size:16px; font-weight:bold; color:#007c35; line-height:200%; border-bottom:1px solid #ddd; margin-left:90px;}
.nofound ul{margin-top:10px; margin-left:90px;}
.nofound li{list-style:upper-latin; margin-left:20px; line-height:200%; color:#999;}
.nofound li a{font-size:13px; color:#999;}
}
@media (min-width: 768px){
.nofound{width:100%; min-height:300px; background:url(../images/404.gif) no-repeat 30px 30px; margin:0 auto; padding:50px 0 0 200px;}
.nofound h4{font-size:20px; font-weight:bold; color:#007c35; line-height:200%; border-bottom:1px solid #ddd;}
.nofound ul{margin-top:10px;}
.nofound li{list-style:upper-latin; margin-left:20px; line-height:200%; color:#999;}
.nofound li a{font-size:13px; color:#999;}
}