@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:#333;}
body{font-family:'Microsoft YaHei', '微软雅黑', Arial, Helvetica, sans-serif; font-size:14px; color:#333; background:#fff;}
a{color:#333; cursor:pointer; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:hover,
a:focus{color:#036eb8; text-decoration:none;}
.blank30{height:30px; overflow:hidden;}
.red{color:#fc401c;}
.container{width:100%; padding:0; margin:0;}
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:#036eb8; 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:#027cd0;}
a.facebook{display:inline-block; width:29px; height:24px; text-indent:-9999px; overflow:hidden; background:url(../images/fb.png) no-repeat left center;}
a.twitter{display:inline-block; margin:0 15px 0 0; width:29px; height:24px; text-indent:-9999px; overflow:hidden; background:url(../images/tw.png) no-repeat left center;}
a.linkedin{display:inline-block; width:29px; height:24px; text-indent:-9999px; overflow:hidden; background:url(../images/in.png) no-repeat left center;}
.textleft{text-align:left;}
.textcenter{text-align:center;}
.textright{text-align:right;}

@media (min-width: 768px){
.center{width:1200px; margin:0 auto;}

header{display:block; position:fixed; top:0; z-index:100; width:100%; line-height:100px; font-size:18px; color:#333; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.15);}
header .logo{float:left; margin:20px 40px 20px 0;}
header .logo img{display:block; width:100%;}

header nav{float:left; display:block; height:100px; line-height:100px; text-align:center;}
header nav ul{position:relative;}
header nav li{display:inline-block; padding:0 25px; text-align:center;}
header nav li a{display:block; font-size:18px; color:#333; height:100px; line-height:100px;}
header nav li a:hover{}
header .caret{margin-left:5px;}
header .dropdown-menu{top:70%; min-width:200px; left:50%; transform:translateX(-50%); border:none;}
header .dropdown-menu > li{display:block; padding:3px 10px; text-align:center;}
header .dropdown-menu > li > a{padding:8px 20px; height:auto; line-height:150%; font-size:14px; color:#000; text-transform:capitalize;}
header .dropdown-menu > li > a:hover,
header .dropdown-menu > li > a:focus{color:#000; text-decoration:none; background-color:#f5f5f5;}

.search{float:right; width:180px; margin-top:30px;}
.search .search-input{float:left; width:140px; height:35px; line-height:35px; font-size:18px; color:#999; padding:0 5px; border:none; border-bottom:1px solid #e0e0e0; outline:none;}
.search p{float:right; width:40px; height:35px; overflow:hidden; padding:0; margin:0;}
.search p .search-submit{display:block; background:url(../images/search.png) no-repeat center; width:40px; height:35px; overflow:hidden; margin:0; border:0; cursor:pointer; outline:none;}
}

@media (max-width: 767px){
.center{width:98%; margin:0 auto;}

header{display:block; position:fixed; top:0; z-index:100; width:100%; line-height:50px; font-size:18px; color:#333; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.15);}
header .logo{float:left; margin:10px 0;}
header .logo img{display:block; width:50%;}

header .menu{float:right; background:url(../images/menu.png) no-repeat center center; background-size:100%; width:20px; height:18px; margin-top:15px; margin-left:3%; cursor:pointer;}

header .search{float:right; position:relative;}
header .search .search-input{position:absolute; right:-5px; top:14px; width:0; z-index:10; border:0; background:#f3f3f3; font-size:14px; height:22px; line-height:22px; text-indent:10px; outline:none;}
header .search a{display:block; margin:14px 0 0 0; width:17px; height:20px; background:url(../images/search.png) no-repeat center center; background-size:100%; cursor:pointer;}
header .search a.no{}
header .search a.yes{position:absolute; top:0; right:15px; z-index:11; display:inline; background-size:80%;}
header .search a.cancel{position:absolute; top:0; right:-4px; z-index:11; display:inline; background:url(../images/x.png) no-repeat center center; background-size:12px 12px; cursor:pointer;}

/*menu*/
.corner-deco{background-image:url(../images/corner-deco.png); background-size:16px 8px; background-repeat:no-repeat; position:absolute; width:16px; height:8px; position:absolute; right:6px; top:-10px;}
.navigation{display:none; background:#fff; border:3px solid #036eb8; border-width:3px 0; position:absolute; left:0; top:50px; width:100%; z-index:100;}
.navigation-wrapper{}
.navigation ul{}
.navigation ul > li{line-height:40px; border-bottom:1px solid #e4e4e4;}
.navigation ul > li a{display:block; padding:0 10px; text-align:left; font-weight:bold;}
.navigation ul > li a:hover{background-color:rgba(0,0,0,0.05);}

.navigation ul > li ol{display:none;}
.navigation ul > li ol li{border-top:1px solid #fff;}
.navigation ul > li ol li a{display:block; padding:0 10px; text-align:left; font-weight:normal;}
}

@media (min-width: 768px){
.banner{width:100%; margin-top:100px;}
.banner img{display:block; width:100%;}
}

@media (max-width: 767px){
.banner{width:100%; margin-top:50px;}
.banner img{display:block; width:100%;}
}

h5.title{margin:3% auto; width:100%; font-size:30px; color:#555; text-align:center;}

.category li{margin-bottom:2.5%;}
.classify{width:100%; position:relative;}
.classify img{display:block; max-width:100%;}
.classify h3{position:absolute; left:0; bottom:0; display:block; width:100%; font-size:18px; text-align:center; color:#fff; background:rgba(3,110,184,0.8); line-height:46px; overflow:hidden;}
.classify h3.over{background:rgba(3,110,184,1);}

@media (min-width: 768px){
.why-choose-us{width:100%; height:760px; padding:50px 0 30px 0; overflow:hidden; background:url(../images/service.jpg) no-repeat center;}
.why-choose-us .center{width:1200px; margin:0 auto; position:relative;}

.clients{position:absolute; top:100px; right:0; z-index:1; width:180px; background:#036eb8;}
.clients li{margin:35px 0; color:#fff; font-size:42px; text-align:center; font-family:"Times New Roman", Times, serif; font-weight:bold;}
.clients li span{display:block; width:100px; margin:0 auto; font-size:16px; font-family:'Microsoft YaHei', '微软雅黑', Arial, Helvetica, sans-serif; font-weight:normal;}

.choose{position:absolute; top:50px; right:180px; z-index:2; width:390px; height:570px; padding:30px 40px; background:#8bc216; color:#fff; box-shadow:3px 3px 5px rgba(102,102,102,0.75);}
.choose h6{width:100%; font-size:30px; font-weight:normal; color:#fff; text-transform:uppercase;}
.choose p{padding:20px 0 10px 0; font-size:16px; color:#fff; line-height:150%;}
.choose li{background:url(../images/right.png) no-repeat left center; padding-left:40px; color:#fff; line-height:40px;}
.choose .choose-button{margin-top:20px; width:240px; height:55px; line-height:55px; text-align:center; color:#fff; font-size:16px; border:none; padding:0; background:#036eb8; border-radius:5px; outline:none;}
.choose .choose-button-over{color:#333; background:#fff;}
}

@media (max-width: 767px){
.why-choose-us{width:100%; padding:50px 0 30px 0; overflow:hidden; background:url(../images/service.jpg) no-repeat center;}
.why-choose-us .center{width:92%; margin:0 auto;}

.clients{width:100%; background:#036eb8; padding:10px 0;}
.clients li{color:#fff; font-size:42px; text-align:center; font-family:"Times New Roman", Times, serif; font-weight:bold;}
.clients li span{display:block; font-size:16px; font-family:'Microsoft YaHei', '微软雅黑', Arial, Helvetica, sans-serif; font-weight:normal;}	

.choose{padding:30px 40px; background:#8bc216; color:#fff;}
.choose h6{width:100%; font-size:30px; font-weight:normal; color:#fff; text-transform:uppercase;}
.choose p{padding:20px 0 10px 0; font-size:16px; color:#fff; line-height:150%;}
.choose li{background:url(../images/right.png) no-repeat left center; padding-left:40px; color:#fff; line-height:40px;}
.choose .choose-button{margin-top:20px; width:240px; height:55px; line-height:55px; text-align:center; color:#fff; font-size:16px; border:none; padding:0; background:#036eb8; border-radius:5px; outline:none;}
.choose .choose-button-over{color:#333; background:#fff;}
}

@media (min-width: 768px){
.news{width:100%;}
.news h3 a{font-size:16px;}
.news .calendar{background:url(../images/calendar.png) no-repeat left center; color:#999; padding-left:25px; line-height:30px;}
.news .pic img{display:block; max-width:100%;}
.news p{width:100%; margin:15px 0;}
.news a.more{display:inline-block; padding:0 10px; line-height:32px; background:#fff; border:1px solid #036eb8; color:#036eb8; font-size:14px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.news a.more:hover{background:#036eb8; border:1px solid #036eb8; color:#fff;}
}

@media (max-width: 767px){
.article li{margin-bottom:30px;}
.news{width:100%;}
.news h3 a{font-size:16px;}
.news .calendar{background:url(../images/calendar.png) no-repeat left center; color:#999; padding-left:25px; line-height:30px;}
.news .pic img{display:block; max-width:100%;}
.news p{width:100%; margin:15px 0;}
.news a.more{display:inline-block; padding:0 10px; line-height:32px; background:#fff; border:1px solid #036eb8; color:#036eb8; font-size:14px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.news a.more:hover{background:#036eb8; border:1px solid #036eb8; color:#fff;}
}

@media (min-width: 768px){
footer{display:block; width:100%; margin-top:3%; overflow:hidden; background:#036eb8;}
footer .bottom{width:1200px; margin:30px auto 15px auto; font-size:14px;}
footer dl{float:left; width:390px; margin-right:10px;}
footer dl.nomargin{margin-right:0;}
footer dl dt{font-size:16px; font-weight:bold; text-transform:uppercase; padding-bottom:10px; color:#fff;}
footer dl dd{line-height:200%; color:#fff;}
footer dl dd a{font-size:14px; color:#fff;}
footer dl dd a:hover{color:#fff; text-decoration:underline;}
.share{margin-top:10px;}
.share a.facebook{display:inline-block; width:29px; height:24px; text-indent:-9999px; overflow:hidden; background:url(../images/facebook.png) no-repeat left center;}
.share a.twitter{display:inline-block; margin:0 15px 0 0; width:29px; height:24px; text-indent:-9999px; overflow:hidden; background:url(../images/twitter.png) no-repeat left center;}
.share a.linkedin{display:inline-block; width:29px; height:24px; text-indent:-9999px; overflow:hidden; background:url(../images/linkedin.png) no-repeat left center;}
footer .copyright{width:1200px; margin:0 auto; padding:10px 0; line-height:250%; color:#fff; text-align:center; background:url(../images/line.png) repeat-x left top;}
footer .copyright a{margin:0 10px; color:#fff;}
}

@media (max-width: 767px){
footer{display:block; width:100%; margin-top:3%; overflow:hidden; background:#036eb8;}
footer .bottom{width:98%; margin:30px auto 15px auto; font-size:14px;}
footer dl{width:100%; margin-bottom:30px;}
footer dl dt{font-size:16px; font-weight:bold; text-transform:uppercase; padding-bottom:10px; color:#fff;}
footer dl dd{line-height:200%; color:#fff;}
footer dl dd a{font-size:14px; color:#fff;}
footer dl dd a:hover{color:#fff; text-decoration:underline;}
.share{margin-top:10px;}
.share a.facebook{display:inline-block; width:29px; height:24px; text-indent:-9999px; overflow:hidden; background:url(../images/facebook.png) no-repeat left center;}
.share a.twitter{display:inline-block; margin:0 15px 0 0; width:29px; height:24px; text-indent:-9999px; overflow:hidden; background:url(../images/twitter.png) no-repeat left center;}
.share a.linkedin{display:inline-block; width:29px; height:24px; text-indent:-9999px; overflow:hidden; background:url(../images/linkedin.png) no-repeat left center;}
footer .copyright{width:100%; margin:0 auto; padding:10px 0; line-height:250%; color:#fff; text-align:center; background:url(../images/line.png) repeat-x left top;}
footer .copyright a{margin:0 10px; color:#fff;}	
}

/*products*/
@media (min-width: 768px){
.position{width:100%; margin:15px auto 30px auto; font-weight:normal; color:#999; text-align:left;}
.position a{display:inline-block; margin:0 5px; color:#999; font-weight:normal;}
.position a.home{margin-left:0;}
}

@media (max-width: 767px){
.position{width:100%; margin:15px auto 30px auto; font-weight:normal; color:#999; text-align:left;}
.position a{display:inline-block; margin:0 5px; color:#999; font-weight:normal;}
.position a.home{margin-left:0;}	
}

.category{width:100%;}
.category a{display:inline-block; position:relative; width:100%; line-height:120%; background:#e0e0e0; color:#333; padding:0 0; text-align:center;}
.category a.selected,
.category a:hover{background:#036eb8; color:#fff; text-decoration:none;}

.introduce{width:100%; line-height:180%; padding:0 15px; margin-bottom:30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.list{width:100%; display:flex; flex-flow:column;}
.list .left{width:100%; margin-right:0; display:none;}
.list .right{width:100%;}
@media (min-width: 768px){
.list{width:100%; display:flex; flex-flow:row;}
.list .left{width:300px; margin-right:20px; display:block;}
.list .right{width:calc(100% - 320px);}
}

.toggler{margin-bottom:15px; margin-left:15px; display: block; width:30px; height:30px; line-height:30px; background-image:url("../images/category_menu.png"); background-repeat:no-repeat;}

/*screen*/
.overlay{position:fixed; top:0; left:0; bottom:0; right:0; z-index:999; opacity:0; background:rgba(0, 0, 0, 0.3); -webkit-transition:opacity 0.5s; transition:opacity 0.5s;}
.overlay.show{opacity:1;}

.attr-screen{width:320px; background:#fff; z-index:0; position:fixed; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-direction:row; left:0; top:0; bottom:0;}
@media (max-width: 375px){
.attr-screen{width:85%; overflow-y:scroll;}
}
@media (max-width: 414px){
.attr-screen{width:75%; overflow-y:scroll;}
}
@media (max-width: 1200px){
.attr-screen.open{left:0; opacity:1;}
.attr-screen{z-index:1000; box-shadow:0 5px 5px -3px rgb(0 0 0 / 15%); left:-80%; top:0; bottom:0; opacity:0; -webkit-transition:left 0.2s; transition:left 0.2s; position:fixed !important;}
}

.sidebar{width:100%; padding:15px; background:#f7f7f7;}
.sidebar dt{width:100%; margin-bottom:10px; padding:10px; background:#036eb8; font-weight:normal; font-size:15px; color:#fff; border-radius:0 0 0 0;}
.sidebar dt a{display:block; font-size:15px; color:#fff;}
.sidebar dd{width:100%; padding:10px;}
.sidebar dd li{padding:8px 0;}
.sidebar dd a{display:flex; align-items:center;}
.sidebar dd a i{display:block; font-style:normal; width:4px; height:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background-color:#999; margin-right:8px;}
.sidebar dd a strong{display:block; width: calc(100% - 12px); font-size:14px; font-weight:normal; color:#333; line-height:120%; cursor:pointer; font-weight:normal; cursor:pointer;}
.sidebar dd a.selected i,
.sidebar dd a:hover i{background-color:#036eb8;}
.sidebar dd a.selected strong,
.sidebar dd a:hover strong{font-weight:normal; color:#036eb8; text-decoration:none;}

.products{width:100%;}
.products li{margin-bottom:30px;}
.goods{width:100%; overflow:hidden; position:relative; z-index:1;}
.goods a{display:block; width:100%; min-height:260px; overflow:hidden; border:1px solid #eee; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
.goods img{display:block; max-width:100%;}
.goods h2{position:absolute; left:0; bottom:0; z-index:2; width:100%; height:37px; overflow:hidden; line-height:37px; color:#fff; text-align:center; font-weight:normal; background:rgba(3,110,184,0.8);}
.goods h2.over{background:rgba(3,110,184,1);}

/*goods*/
.goodsinfo{margin:25px auto;}

.goods-pic{width:500px; height:500px; border:1px solid #eee; margin:0 auto; overflow:hidden;}
.goods-name{width:100%; margin:0 auto; font-size:18px; font-weight:bold; text-align:center; line-height:250%;}
.switch{width:500px; margin:0 auto; padding:10px 0;}

.icon1{display:inline;width:10px;float:left;padding-top:40px;text-indent:-9999px;}
.icon1 a{display:block;width:10px;height:20px;background:url(../images/left.jpg) no-repeat left top;}
.icon1 a:hover{background:url(../images/left_hover.jpg) no-repeat left top;}
.icon2{float:right;width:10px;padding-top:35px;text-indent:-9999px;}
.icon2 a{display:block;width:10px;height:20px;background:url(../images/right.jpg) no-repeat left top;}
.icon2 a:hover{background:url(../images/right_hover.jpg) no-repeat left top;}

.switch-center{float:left; width:460px; height:105px; margin-left:10px; overflow:hidden;}
.switch-center ul{}
.switch-center li{display:inline; float:left; width:105px; height:105px; margin-right:10px; padding-top:0;}
.switch-center li a{display:block; width:103px; height:103px; text-align:center; border:1px solid #eee; overflow:hidden;}
.switch-center li a img{display:block; width:103px; height:103px; overflow:hidden;}
.switch-center li a.on{border:1px solid #093c95;}
.switch-center li a:hover{border:1px solid #093c95;}

.loading{width:600px;height:450px;line-height:450px;background:url(../images/loading.gif) no-repeat center center;}

.goods-swiper-container{margin:0 auto; position:relative; overflow:hidden; z-index:1;}

.tab{width:100%; border-bottom:2px solid #036eb8;}
.tab h6{display:inline-block; padding:0 10px; height:35px; line-height:35px; background:#036eb8; color:#fff; text-transform:uppercase;}
.desc{display:block; width:100%; padding:10px 0; margin-bottom:20px; line-height:200%; word-break:break-all; word-wrap:break-word; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.desc img{display:block; width:100%; max-width:100%;}

@media (min-width: 768px){
.field{width:100%; margin:15px 0; text-align:center;}
.form-username{width:50%; line-height:40px; background:url(../images/user.png) no-repeat left center; border:none; border-bottom:1px solid #c9c9c9; text-indent:30px; outline:none;}
.form-email{width:50%; line-height:40px; background:url(../images/email.png) no-repeat left center; border:none; border-bottom:1px solid #c9c9c9; text-indent:30px; outline:none;}
.form-message{width:50%; line-height:40px; background:url(../images/message.png) no-repeat left 10px; border:none; border-bottom:1px solid #c9c9c9; text-indent:30px; outline:none;}
.form-vericode{width:480px; line-height:40px; background:url(../images/vericode.png) no-repeat left 10px; border:none; border-bottom:1px solid #c9c9c9; text-indent:30px; outline:none;}
}

@media (max-width: 767px){
.field{width:100%; margin:15px 0; text-align:center;}
.form-username{width:100%; line-height:40px; background:url(../images/user.png) no-repeat left center; border:none; border-bottom:1px solid #c9c9c9; text-indent:30px; outline:none;}
.form-email{width:100%; line-height:40px; background:url(../images/email.png) no-repeat left center; border:none; border-bottom:1px solid #c9c9c9; text-indent:30px; outline:none;}
.form-message{width:100%; line-height:40px; background:url(../images/message.png) no-repeat left 10px; border:none; border-bottom:1px solid #c9c9c9; text-indent:30px; outline:none;}
.form-vericode{width:calc(100% - 120px); line-height:40px; background:url(../images/vericode.png) no-repeat left 10px; border:none; border-bottom:1px solid #c9c9c9; text-indent:30px; outline:none;}	
}

@media (min-width: 768px){
article{display:block; width:100%; margin:10px 0 20px 0;}
article .pic{display:block; float:left; width:280px; height:210px; overflow:hidden;}
article .pic img{display:block; max-width:100%;}
article .abstract{float:right; width:calc(100% - 300px);}
article .abstract a{display:block; font-size:16px; color:#333; line-height:200%;}
article .abstract p{margin:0 0 60px 0; padding:0; font-size:14px; color:#999; line-height:200%;}
article .abstract a.more{display:inline-block; float:left; padding:0 10px; line-height:32px; background:#fff; border:1px solid #036eb8; color:#036eb8; font-size:14px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
article .abstract a.more:hover{background:#036eb8; border:1px solid #036eb8; color:#fff;}
article .abstract span.date{display:inline-block; float:right; line-height:32px; background:url(../images/date.png) no-repeat left center; padding-left:20px; color:#999;}
}

@media (max-width: 767px){
article{display:block; width:100%; margin:20px 0 30px 0; padding-bottom:30px; border-bottom:1px dashed #ddd;}
article .pic{display:block; width:100%; overflow:hidden;}
article .pic img{display:block; max-width:100%;}
article .abstract{width:100%;}
article .abstract a{display:block; font-size:16px; color:#333; line-height:200%;}
article .abstract p{margin:0 0 20px 0; padding:0; font-size:14px; color:#999; line-height:200%;}
article .abstract a.more{display:inline-block; float:left; padding:0 10px; line-height:32px; background:#fff; border:1px solid #036eb8; color:#036eb8; font-size:14px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
article .abstract a.more:hover{background:#036eb8; border:1px solid #036eb8; color:#fff;}
article .abstract span.date{display:inline-block; float:right; line-height:32px; background:url(../images/date.png) no-repeat left center; padding-left:20px; color:#999;}
}

/*article view*/
dl.article-view{width:100%;}
dl.article-view dt{width:100%; text-align:center; padding-bottom:10px; line-height:200%;}
dl.article-view dt h1{color:#1d2c61; font-weight:bold; font-size:16px;}
dl.article-view dd .subtitle{width:100%; height:1px; background:#ddd; text-align:center; position:relative; z-index:1;}
dl.article-view dd .subtitle div{position:absolute; z-index:2; display:block; top:-12px; left:0; right:0; margin:0 auto;}
dl.article-view dd .subtitle div span{padding:0 15px; font-size:14px; color:#999; background:#fff;}
dl.article-view dd{width:100%; padding-top:20px; line-height:200%; font-size:14px; color:#333; word-break:break-all; word-wrap:break-word;}

.prev-next{width:100%; margin:50px 0;}
.prev-next li{float:left; width:33.33%; font-size:14px; font-weight:normal; color:#999; line-height:200%; background:none;}
.prev-next li a.button{display:inline-block; font-size:14px; font-weight:normal; color:#333; line-height:34px; background:#e0e0e0; padding:0 20px; text-align:center; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.prev-next li a.button:hover{background:#505050; color:#fff; text-decoration:none;}

/*about us*/
.aboutus{width:100%; line-height:200%; color:#666;}
h6.subtitle{margin:1% auto; width:100%; font-size:30px; color:#036eb8; text-align:left; text-transform:uppercase;}

.subhead{width:100%; margin:3% 0 1% 0; text-transform:uppercase; font-size:30px; color:#036eb8; line-height:200%; text-align:center; background:url(../images/subtitle.png) no-repeat center;}

.about-subject{width:100%; margin:7% 0 3% 0; text-transform:uppercase; font-size:30px; color:#036eb8; line-height:200%; text-align:center;}
@media (min-width: 768px){
.certificate{width:100%;}
.certificate li{float:left; width:23%; margin-left:1%; margin-right:1%; margin-bottom:25px; background:url(../images/certificate.jpg) no-repeat center top; padding:10px; text-align:center;}
.certificate li img{display:inline-block; height:310px;}
}

@media (max-width: 767px){
.certificate{width:100%;}
.certificate li{float:left; width:48%; margin-left:1%; margin-right:1%; margin-bottom:25px; background:url(../images/certificate.jpg) no-repeat center top; padding:10px; text-align:center;}
.certificate li img{display:inline-block; max-width:100%; max-height:100%;}	
}
.business{width:100%; line-height:200%; color:#333;}
.business img{display:block; width:100%;}

/*contact us*/
.contactus{width:100%; background:url(../images/map.jpg) no-repeat left top;}

@media (min-width: 768px){
.contact{width:100%;}
.contact li{width:20%; float:left; text-align:center; line-height:200%;}
.contact li strong{display:block; color:#036eb8;}
.contact img{display:inline-block; max-width:100%;}
}

@media (max-width: 767px){
.contact{width:100%;}
.contact li{width:50%; float:left; margin-bottom:20px; text-align:center; line-height:200%;}
.contact li strong{display:block; color:#036eb8;}
.contact img{display:inline-block; max-width:100%;}
}

h5.subject{width:100%; margin:3% 0 1% 0; font-size:30px; text-align:center;}

.edge{width:0; height:100%; display:inline-block; vertical-align:middle;}

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

.swiper-factory{width:100%; position:relative; overflow:hidden;}
.swiper-factory .factory{width:100%; position:relative; z-index:1; padding:10px; transition:box-shadow .5s; background-color:#f9fafb;}
.swiper-factory .factory:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
.swiper-factory .factory .pic{max-height:300px; overflow:hidden;}
.swiper-factory .factory .pic img{display:block; max-width:100%; height:auto; max-height:100%; -webkit-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.swiper-factory .factory .pic:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.swiper-factory .name{width:100%; padding:5px 0; font-weight:bold; font-size:18px; line-height:200%;}
.swiper-factory .desc{width:100%; padding:0 0; min-height:52px; font-size:14px; color:#999; line-height:200%;}