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

body,button,input,select,textarea {font:500 12px/1.5 arial,"Microsoft YaHei",Simsun,sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}

h1,h2,h3,h4,h5,h6 {font-family: arial,"Microsoft YaHei",Simsun,sans-serif;font-weight: 500;line-height: 1.5;}

html,body {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
em,i {font-style:normal;}
input,select,textarea {outline:none;color:#333;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a,a:visited {color:#333;text-decoration:none;outline:none;}
a:hover,a:active,a:focus {text-decoration:none;color:#333;background:none;}
.clearfix:after{display:block;clear:both;visibility:hidden;height:0;content:''}

.head {height:60px;width:100%;position:fixed;z-index:998;}
.head .headBg {background-color:#000;opacity:0.5;filter:alpha(opacity=50);width:100%;height:60px;}
.head .headCon {float:left;margin-top:-60px;width:100%;position:relative;z-index:2;}
.head .headCon .headInCon {width:100%;}
.head .headCon .headInCon .logo {float:left;margin:16px 0 0 100px;}
.head .headCon .headInCon .headRig {float:right;margin:18px 100px 0 0;}
.head .headCon .headInCon .headRig li {float:left;font-size:16px;color:#fff;line-height:25px;height:25px;margin-left:55px;}
.head .headCon .headInCon .headRig li a {color:#fff;display:inline-block;}
.head .headCon .headInCon .headRig li img {float:left;margin:3px 8px 0 0;}
.head .headCon .headInCon .headRig li.phone {color:#fff;}
.head .headCon .headInCon .headRig li.phone img {margin-top:0;}

.conBoxOne {width:100%;height:auto;position:relative;}
.conBoxOne img {display:block;}
.conBoxOne .oneConBox {color:#fff;position:absolute;left:0;top:0;width:100%;height:100%;}
.conBoxOne .oneConBox .conInBox {font-size:20px;line-height:40px;padding:15% 0 0 7%;}
.conBoxOne .oneConBox .conInBox h2 {font-size:40px;line-height:80px;margin-bottom:5px;}
.conBoxOne .oneConBox .conInBox .moreBut {padding-top:36px;}
.conBoxOne .oneConBox .conInBox .moreBut a {width:120px;height:40px;color:#fff;background-color:#00acee;font-size:16px;line-height:40px;text-align:center;display:inline-block;}

.conBoxTwo {width:100%;height:auto;position:relative;}
.conBoxTwo img {display:block;}
.conBoxTwo .twoConBox {color:#fff;position:absolute;left:0;top:0;width:100%;height:100%;}
.conBoxTwo .twoConBox .conInBox {font-size:18px;line-height:30px;padding-top:9%;}
.conBoxTwo .twoConBox .conInBox .conWidth {width:1300px;margin:0 auto;text-align:center;}
.conBoxTwo .twoConBox .conInBox .conWidth h2 {font-size:40px;line-height:80px;margin-bottom:120px;}
.twoConIco {width:100%;height:auto;}
.twoConIco li {float:left;}
.twoConIco li p span {display:block;font-size:28px;line-height:38px;margin-bottom:4px;}
.twoConIco li p:first-child {margin-bottom:25px;}
.twoConIco li img {margin:0 auto;}
.twoConIco li.w1 {width:19%;}
.twoConIco li.w2 {width:18%;}
.twoConIco li.w3 {width:17%;}
.twoConIco li.w4 {width:18%;}
.twoConIco li.w5 {width:28%;}
.conBoxTwo .twoConBox .conInBox .conWidth .moreBut {text-align:center;padding-top:110px;}
.conBoxTwo .twoConBox .conInBox .conWidth .moreBut a {width:120px;height:40px;color:#fff;background-color:#00acee;font-size:16px;line-height:40px;text-align:center;display:inline-block;margin:0 auto;}

.bottomBox {width:100%;height:400px;background-color:#303030;}
.bottomInBox {padding:0 150px;}
.bottomLink {padding-right:244px;margin-bottom:25px;}
.bottomLink .QrCodeRig {float:right;width:244px;margin:48px -244px 0 0;}
.bottomLink .QrCodeRig dd {float:left;width:103px;text-align:center;}
.bottomLink .QrCodeRig dd img {display:block;}
.bottomLink .QrCodeRig dd p {color:#999;font-size:12px;padding-top:8px;}
.bottomLink .QrCodeRig dd:first-child {margin-right:35px;}
.bottomLink .bLinkBox {width:100%;}
.bottomLink .bLinkBox ul {padding-top:32px;font-size:14px;}
.bottomLink .bLinkBox ul li {float:left;}
.bottomLink .bLinkBox ul li h2 {color:#999;line-height:44px;font-size:16px;}
.bottomLink .bLinkBox ul li a {color:#696969;}
.bottomLink .bLinkBox ul li a:hover {text-decoration:underline;}
.bottomLink .bLinkBox ul li p {line-height:30px;}
.bottomLink .bLinkBox ul li.w1 {width:21%;}
.bottomLink .bLinkBox ul li.w2 {width:25%;}
.bottomLink .bLinkBox ul li.w3 {width:21%;}
.bottomLink .bLinkBox ul li.w4 {width:15%;}
.bottomLink .bLinkBox ul li.w5 {width:18%;}
.copyrightBox {border-top:solid 1px #696969;padding-top:25px;width:100%;text-align:center;font-size:13px;line-height:24px;color:#696969;}


@media screen and (max-width:1300px) {
.head .headCon .headInCon .logo {margin-left:60px;}
.head .headCon .headInCon .headRig {margin-right:60px;}
}

@media screen and (max-width:1320px) {
.conBoxTwo .twoConBox .conInBox .conWidth {width:1200px;}
}


@media screen and (max-width:1200px) {
.head .headCon .headInCon .logo {margin-left:30px;}
.head .headCon .headInCon .headRig {margin-right:30px;}
}

@media screen and (max-width:1262px) {
.conBoxOne .oneConBox .conInBox {font-size:18px;line-height:36px;padding:14% 0 0 5%;}
.conBoxOne .oneConBox .conInBox h2 {font-size:36px;line-height:72px;}

.twoConIco li p span {font-size:26px;line-height:34px;}

.conBoxTwo .twoConBox .conInBox .conWidth h2 {font-size:36px;line-height:72px;}
.conBoxTwo .twoConBox .conInBox {font-size:16px;line-height:28px;}
	
}

@media screen and (max-width:1095px) {
.conBoxOne .oneConBox .conInBox {font-size:16px;line-height:32px;padding:14% 0 0 4%;}
.conBoxOne .oneConBox .conInBox h2 {font-size:32px;line-height:68px;}

.conBoxTwo .twoConBox .conInBox .conWidth h2 {font-size:32px;line-height:68px;}
.conBoxTwo .twoConBox .conInBox {font-size:15px;line-height:26px;}
}

@media screen and (max-width:1440px) {
.conBoxTwo .twoConBox .conInBox .conWidth h2 {margin-bottom:80px;}
.conBoxTwo .twoConBox .conInBox .conWidth .moreBut {padding-top:60px;}

.bottomInBox {padding:0 120px;}
}


@media screen and (max-width:1300px) {
.conBoxTwo .twoConBox .conInBox {padding-top:8%;}
.conBoxTwo .twoConBox .conInBox .conWidth h2 {margin-bottom:70px;}
.conBoxTwo .twoConBox .conInBox .conWidth .moreBut {padding-top:50px;}
}


@media screen and (max-width:1220px) {
.conBoxTwo .twoConBox .conInBox .conWidth {width:1100px;}
.twoConIco li img {width:92px;}

}


@media screen and (max-width:1120px) {
.conBoxTwo .twoConBox .conInBox {padding-top:7%;}
.conBoxTwo .twoConBox .conInBox .conWidth {width:1000px;}
.twoConIco li img {width:82px;}


.bottomInBox {padding:0 40px;}
.bottomLink .bLinkBox ul {font-size:13px;}
.bottomLink .bLinkBox ul li h2 {font-size:15px;}
}


@media screen and (max-width:1320px) {
.bottomInBox {padding:0 100px;}
}

@media screen and (max-width:1270px) {
.bottomInBox {padding:0 80px;}
}

@media screen and (max-width:1180px) {
.bottomLink {padding-right:224px;}
.bottomLink .QrCodeRig {width:224px;margin:48px -224px 0 0;}	
.bottomLink .QrCodeRig dd:first-child {margin-right:18px;}
	
.bottomInBox {padding:0 50px;}
}

@media screen and (max-width:1060px) {
.bottomInBox {padding:0 20px;}
.twoConIco li p span {font-size:22px;line-height:28px;}
}

@media screen and (max-height:820px) {

}