@charset "utf-8";
/* CSS Document */
/*reset*/
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video{ margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video{display:block;}
body{ font-size:100%; font-family:Helvetica,STHeiti,Droid Sans Fallback; color:#333; background:#fff; min-width:1300px;}
textarea{resize:none;}
iframe,img{border:0;}
ul,ol{list-style:none;}
input,select,textarea{outline:0;-webkit-user-modify:read-write-plaintext-only;}
input{-webkit-appearance:none;}
a{text-decoration:none; color:#333333;}
h1,h2,h3,h4{font-weight:100;}
img{ display:block;}
i,em { font-style:normal;}
a { color:#555;}
a:hover { color:#ff5f50;}
.wrapbox { margin:0px auto; width:100%; height:720px;background:url(../images/bg.jpg) no-repeat center center #fff;background-size: cover;}
.cbox { margin:0px auto; width:100%; height:300px;background:url(../images/bg3.jpg) no-repeat center center #fff;background-size: cover;}
.ebox { margin:0px auto; width:100%; height:720px;background:url(../images/bg4.jpg) no-repeat center center #fff;background-size: cover;}
.wrapx { width:1200px; margin:0px auto; position:relative;}
/*top*/
.headbox { width:100%; height:70px; background:rgba(0,0,0,0.3);}
.head { height:70px; margin:0px auto; width:1200px;}
.logo { float:left; height:48px; width:300px; margin:10px auto; line-height:48px; font-size:19px; font-weight:bold; color:#fff;}
.logo i {background:url(../images/logo.png) no-repeat 0 0; width:128px; height:40px; float:left; margin:8px 10px 0 0;}
.nav { float:right;}
.nav a { float:left; margin:0 0 0 60px; height: 70px; line-height: 70px; color:#bbb; padding: 0px 5px; font-size:16px;}
.nav a.current { color:#fff; height: 68px; border-bottom: 2px solid #fff;}
.main_img { margin:200px auto; width:100%;}
.main_img img { margin:0px auto;}
.main_btn { margin:30px auto 20px auto; width:200px; height:50px; border-radius:4px; background:#fc9b1e; text-align:center; line-height:50px; font-size:22px;}
.main_btn a { color:#fff; display:block;}
.main_btn:hover { background:#f59213;}
.wrapx h2 { text-align:center; margin:120px auto 20px auto; color:#fff; font-size:46px; font-weight:bold;}
.wrapx p { text-align:center; color:#fff; font-size:16px;}
.wrapx h3 { text-align:center; margin:20px auto; width:80%; color:#fff; font-size:18px; line-height:40px; letter-spacing:17px; text-transform:uppercase; text-indent:10px;}
.box { padding:110px 0; position:relative; width:100%; height: 467px; margin:0px auto;display:block; background:url(../images/bg2.jpg) no-repeat center center #fff;background-size: cover;}
.box h2 {text-align:center; margin-bottom:0px;height:60px; font-size:36px; line-height:36px;}
.box h3 { text-align:center; margin:-10px auto 10px auto; font-size:20px; font-weight:normal; letter-spacing:2px; color: #333;}
.plist { margin:50px auto; width:1225px; padding-left:25px; display: flex; flex-wrap: wrap;}
.boxlist { margin:50px auto; width:1225px; padding-left:25px; display: flex; flex-wrap: wrap; justify-content:center;}
.boxlist li {  height:360px; width:320px; background:#f3f3f3;margin:0 100px 15px 20px; text-align: center; border-radius:5px;}
.boxlist li:last-child { margin-right:0px;}
.boxlist li i {width:100%; height:132px; text-align:center; margin:40px 0 30px 0; display:block;}
.boxlist li i img { margin:0px auto; display:block; width: 132px;}
.boxlist li h3 { font-size:36px; font-weight: bold; color:#fff; line-height:30px; margin:10px 0px; text-align:center; padding:0px; float:left; width:100%;}
.boxlist li h5 { font-size:16px; font-weight:normal; margin:15px auto; color:#333; letter-spacing:2px; line-height: 25px;}
.boxlist li p { width:78%; text-align:center; color:#fff; font-size:13px; margin:0px auto; line-height:22px; text-transform:uppercase;}
.boxlist h4 { font-size:24px; margin:0px 0 20px 0; color:#333333; font-weight:500;}
.boxlist li p.more { float:left; margin:-2px auto; width:100%; height:10px;}
.boxlist li p.more em { border-radius:5px; width:6px; height:6px; margin:0px 5px; background:#fff; display:inline-block;}
#clist li { width: 520px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.footer { text-align:center; padding:25px 0; color:#fff; line-height:30px; background:#000; float:left; width:100%; min-width:1200px; font-size: 12px;}
.footer a { color:#fff;}
.footer_info p { margin:10px auto;}
.tbox { margin: -165px auto 165px auto; width: 1200px;}
.tbox span { width:280px; height: 100px; background: #3B76E1; color: #fff; display: block; font-size: 36px; line-height: 100px; text-align: center; border-radius: 6px;}