@charset "UTF-8";
/* CSS Document */

/*------------------- reset -------------------*/
body {padding: 0; margin: 0; color: #333; font: 12px/160% Arial, Helvetica, sans-serif, "Microsoft Yahei";}
ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,input,i,textarea,td,th {padding: 0; margin: 0; font-size: 12px; font-weight: normal;}
ul,ol {list-style: none;}
img {border: 0; vertical-align: top;}
em,i {font-style: normal;}
table {border-collapse: collapse; border-spacing: 0;}

/*------------------- clearfix -------------------*/
.clearfix:after {content: ""; display: block; height: 0; clear: both;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}

/*------------------- link -------------------*/
a {text-decoration: none;}
a:hover {text-decoration: underline;}

.fl{float:left}
.fr{float:right}

/*------------------- text -------------------*/
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.fb {font-weight: bold;}

.block-size {position: relative; width: 1200px; margin: 0 auto;}
.gray-box {background: #f4f4f4;}
#topbar {position: absolute; top: 0; left: 0; width: 100%; height: 60px; background: rgba(211,55,55,0.8);}
.logo {color: #fff; font-size: 24px; font-weight: bold; line-height: 60px;}
.navlist {position: absolute; top: 30px; right: 0; overflow: hidden; zoom: 1;}
.navlist li {float: left; padding: 0 15px; font-size: 16px; line-height: 24px;}
.navlist li a {color: #fff;}
.navlist li a:hover {color: #b3c7e0; text-decoration: none;}
.main-img {height: 625px; text-indent: -9999px; background: url(../img/img_main.jpg) no-repeat center top;}

.business {padding: 70px 0;}
.listy-type01 {width: 860px; padding-top: 40px; margin: 0 auto; overflow: hidden;}
.listy-type01 li {float: left; display: inline; width: 380px; margin-right: 100px; line-height: 24px; text-align: center;}
.listy-type01 li:last-child {margin-right: 0;}
.listy-type01 li img {width: 380px; height: 240px;}
.listy-type01 h3 {margin: 18px 0 8px; font-size: 20px; font-weight: bold;}
.listy-type01 p {color: #555; font-size: 16px;}

.about-us {padding: 70px 0;}
.title {padding-bottom: 20px; margin-bottom: 50px; font-size: 32px; font-weight: bold; line-height: 35px; text-align: center; border-bottom: 1px solid #ddd;}
.ch-title {display: block; margin-bottom: 5px; color: #d33737;}
.en-title {display: block; color: #bbb; font-size: 26px; text-transform: uppercase; font-family: vani, "Times New Roman";}
.pic-view {float: right; width: 460px;}
.pic-view img {width: 460px; height: 300px;}
.brief {float: left; width: 700px;}
.brief h2 {margin: 10px 0 25px; font-size: 24px; font-weight: bold; line-height: 34px;}
.describe p {margin-bottom: 15px; color: #555; font-size: 16px; line-height: 26px;}
.describe p:last-child {margin-bottom: 0;}
.contact {padding: 70px 0;}

#topban {height: 120px; background: url(../img/topban.jpg) no-repeat center 0 #308aa1}
.pTitle {margin-bottom: 40px; padding: 40px 0 16px; border-bottom: 1px solid #e2e2e2; font: bold 20px "Microsoft Yahei";}
.mainBox {min-height: 300px; margin-bottom: 50px; line-height: 30px;}

#footer {padding: 30px 0; background: #333;}
.foot-copy {padding: 8px 0; color: #aaa; font-size: 14px; line-height: 24px; text-align: center;}
#footer a {color: #aaa;}
#footer a:hover {color: #eee; text-decoration: none;}