@charset "utf-8";
.clr{display:block;height:0;font-size:0;line-height:0;clear:both;overflow:hidden;}.clearfix{zoom:1}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.fl{float:left;}.fr{float:right;}.dis{display:none;}.mt15{ margin-top:15px;}.mt20{ margin-top:20px;}a {background: transparent;text-decoration: none;color: #666;}
a:active{}
a:hover {
    outline: 0;
    text-decoration: none;
    color: #00adef;
    transition: color 0.3s ease 0s;
    -webkit-transition: color .3s ease 0s;
    -moz-transition: color .3s ease 0s;
    -ms-transition: color .3s ease 0s;
    -o-transition: color .3s ease 0s;
    transition: color .3s ease 0s;
}
html,body{ height:100%;}

.wrap{ width:1218px; margin:0 auto;}
#top{ width:100%; height:100px; background:#fff; position:relative; z-index:100;}
.topBox{ width:1218px; height:100px; margin:0 auto;}
.topBox .logoBox{ width:250px; height:100px; float:left;}
.topBox .navBox{ height:32px; float:right; padding-top:34px;}
.topBox .navBox a{display:inline-block; float:left; padding:0 20px; height:32px; line-height:32px; color:#fa8a28;}
.topBox .navBox a.point , .topBox .navBox a:hover{ background:#fa8a28; color:#fff;}

.topBanner{ width:100%; height:400px; background:url(../images/topbanner.jpg) no-repeat center top;}

.infoBox{ height:550px; padding-left:630px; position:relative; overflow:hidden;}
.infoBox .infoBG{ width:610px; height:550px; background:url(../images/infoBG.jpg) no-repeat center top; position:absolute; top:0; left:0;}
.infoBox .title{ padding:60px 0;}
.infoBox .title i{ display: inline-block; width:31px; height:31px; border-radius:5px; background:#fa8a28; overflow:hidden; position:relative; top:5px;}
.infoBox .title h3{ font-size:30px; color:#fa8a28; display:inline-block; padding-left:20px;}
.infoBox .textBox{}
.infoBox .textBox p{ text-indent:2em; padding-bottom:20px; line-height:25px; font-size:14px;}

.adbanner{ width:1218px; height:160px; background:url(../images/contactBanner.jpg) no-repeat center top; position:relative;}
.adbanner .inner{ position:absolute; top:15px; left:500px;}
.adbanner p{ font-size:16px; font-weight:400; color:#252525; line-height:30px;}
.adbanner strong{ display:block; padding-bottom:10px; font-size:30px; font-weight:600; color:#b71d5b;}

.cooperationBox{ width:100%; background:#f4f5f5;}
.cooperationBox .title{ height:70px; width:100%; background:url(../images/CooperationTitle.jpg) repeat-x;}
.cooperationBox .title h3{ width:1218px; margin:0 auto; text-indent:15px; line-height:70px; font-size:18px; color:#fff;}
.cooperationUl{ padding:35px 20px 5px 20px; width:1178px; margin:0 auto; overflow:hidden;}
.cooperationUl .inner{ width:1284px;}
.cooperationUl .list{ display:inline-block; width:245px; height:100px; padding:0 66px 30px 0;float:left;}
.cooperationUl .list img{ display:block; width:245px; height:100px;}

.zizhiBox{ width:100%; padding:90px 0;}
.zizhiBox img{ display:block;}

.contactUs{ width:100%; height:700px; overflow:hidden; background:url(../images/contactBG.jpg) no-repeat center top; position:relative;}
.contactUsBox{ width:676px; height:395px; border-radius:5px; background:#fff; overflow:hidden; box-shadow:0px 3px 15px rgba(0,0,0,0.3); position:absolute; top:109px; left:272px;}
.contactUsBox .inner{ padding:65px;}
.contactUsBox p{ font-size:18px; line-height:50px; color:#262626;}
.contactUsBox strong{ font-size:24px; font-weight:800; color:#515151;}

#bottom{ height:90px; background:#fff; padding-top:70px;}
.bottomBox{ width:1218px; height:32px; margin:0 auto; line-height:32px; background:url(../images/bottomBG.jpg) no-repeat left top;}
.bottomBox a{display:inline-block; float:right; padding:0 20px; height:32px; line-height:32px; color:#454545;}
.bottomBox a:hover {
    outline: 0;
    text-decoration: none;
    color: #00adef;
    transition: color 0.3s ease 0s;
    -webkit-transition: color .3s ease 0s;
    -moz-transition: color .3s ease 0s;
    -ms-transition: color .3s ease 0s;
    -o-transition: color .3s ease 0s;
    transition: color .3s ease 0s;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url(../images/up-arrow.png) no-repeat 8.8px 12px #ffbb42;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}

.flxedNav{ width:100%; height:50px; background:#fff; border-bottom:1px solid #ccc; position: fixed; top:0; left:0; z-index:99;}
.flxedNav .inner{ width:1218px; margin:0 auto; height:50px;}
.flxedNav .logoBox{ width:161px; height:50px; float:left;}
.flxedNav .navBox{ height:32px; padding:9px 0; float:right;}
.flxedNav .navBox li{display:inline-block; float:left;}
.flxedNav .navBox a{display:inline-block; padding:0 20px; height:32px; line-height:32px; color:#fa8a28;}
.flxedNav .navBox li.point a , .flxedNav .navBox li:hover a{ background:#fa8a28; color:#fff;}

.qqicon{ display:inline-block; width:78px; height:24px; position:relative; left:18px; top:5px; background:url(../images/QQicon.png) no-repeat;}