﻿/* CSS reset */
/*-功能：公共样式加首页样式的合集-*/
/*-作者：吴晓露-*/
/*-时间：2016/3/2/1/36/22-*/
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;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
capation,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;}

body{font-size:16px; color:#666666; font-family:"微软雅黑";}
body a{color:#666666; text-decoration:none;}
body p{line-height: 1.8em;}
a:focus,select:focus,input:focus,textarea:focus{outline:none; -moz-outline:none; -webkit-outline:none;}
/* 文字排版 */ 
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.t2{text-indent:2em;}
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}

/* 定位 */
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline;}  /* 可修复IE6中双倍边距bug */
.fr{float:right;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block;}
* html .clearfix{height:1%}
. clearfix{display:block;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute;right:0;}
.zoom{zoom:1}
.hidden{visibility:hidden;}
.none{display:none;}
/*-head-*/
.headbigbox{width:100%; position: relative;}
.slideBox3{ width:100%; height:738px; overflow:hidden; text-align:center; position:relative; z-index:0;}
.slideBox3 .hd{position:absolute; left:0; bottom:19px; z-index:99999; width:100%; text-align:center;}
.slideBox3 .hd ul li{ display:inline-block; zoom:1; *display:inline; width:10px; height:10px; line-height:10px; background:#a19d9c; border-radius:19px; -webkit-border-radius:19px; -moz-border-radius:19px; cursor:pointer; margin:0 4px; color:#fff;}
.slideBox3 .hd ul li.on{background:#ffffff;}
.slideBox3 .bd{float:left; position:relative; left:50%;}
.slideBox3 .bd div.bdcenter{ position:relative; float:left; right:50%;}
.slideBox3 .bd li{height:738px; position: relative;}
.slideBox3 .bd li div.divone{width:100%; position: absolute; left:0; top:202px; text-align: center; color:#fff;}
.slideBox3 .bd li div.divone img{margin-bottom:22px;}
.slideBox3 .bd li div.divone p{line-height: 1.6em;}
.slideBox3 .bd li div.divone .p1{font-size:48px;}
.slideBox3 .bd li div.divone .p2{font-size:36px;}
.slideBox3 .bd li div.divtwo{width:100%; margin-top:95px;}
.slideBox3 .bd li div.divtwo span{display:inline-block; width:138px; height:47px; text-align: center; line-height:47px; border:1px solid #fff; font-size:24px; margin:0 14px; cursor: pointer; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.slideBox3 .bd li div.divtwo span:hover{background: #f7af43; color:#fff; border:1px solid #f7af43; transition:all .3s ease-in .1s; -webkit-transition:all .3s ease-in .1s; -moz-transition:all .3s ease-in .1s;}
.navbox{width:1200px;  overflow: hidden; position:  absolute; left:50%; top:0; margin-left:-600px; z-index:100;}
.navbox h1{float: left;}
.navbox ul{float:left; margin-left:20px; margin-top:58px;}
.navbox ul li{float: left; margin-left:44px; font-size:16px;}
.navbox ul li a{color:#fff; }
.navbox ul li a:hover{color:#f39c12; transition:color .6s ease-in .1s; -webkit-transition:color .6s ease-in .1s; -moz-transition:color .6s ease-in .1s;}
.navbox .rt_phone{float: right; margin-top:54px; font-size:22px; color:#fff; }
.navbox .rt_phone span{background: url(../images/tophmicon_03.png) no-repeat left center; padding-left:38px;}

.navboxone{position:relative;}
.navboxone ul li a{color:#666;}
.navbox .rt_phone2{color:#318dc5;}
.navbox .rt_phone2 span{background:url(../images/ipicon.png) no-repeat left center; padding-left:38px;}
/*-尾部-*/
.footbox{width:100%; background: #33495e; padding:36px 0 10px 0;}
.footercontent{width:1200px; margin:0 auto;}
.link{width:100%; color:#84909c; margin-bottom:40px;}
.link a{color:#84909c;}
.link a:hover{color:#f39c12; transition:color .6s ease-in .1s; -webkit-transition:color .6s ease-in .1s; -moz-transition:color .6s ease-in .1s;}
.link strong{font-size:18px;}
.footerbottombox{width:100%; min-height:250px; overflow: hidden;}
.footerbottombox dl{width:140px; float: left; margin-right:52px;}
.footerbottombox dl.coanctus{width:340px;}
.footerbottombox dt{color:#fff; font-size:18px; margin-bottom:30px;}
.footerbottombox dd{color:#84909c; margin-bottom:6px; font-size:14px;}
.footerbottombox dd a{color:#84909c;}
.footerbottombox dd a:hover{color:#f39c12; transition:color .6s ease-in .1s; -webkit-transition:color .6s ease-in .1s; -moz-transition:color .6s ease-in .1s;}
.ftrt{width:350px; float: right; overflow: hidden;}
.ftrt strong{font-size:18px; color:#fff; display: block; margin-bottom:20px;}
.ftrt div{width: 100%; overflow:hidden;}
.ftrt div span{ float: left; margin-right:38px; text-align: center; color:#84909c; font-size:14px;}
.ftrt div span img{display: block; margin-bottom:5px;}

/*-中间-*/
.mainbox{width:1200px; margin:0 auto 30px; min-height: 500px;}

/*-尾部弹出框-*/
.ftdcbigbox,.ftdcbigboxxz{width:100%; height:100%; position: fixed; left:0; top:0; background:rgba(0,0,0,0.5); z-index:200; display:none;}
.ftdcbigboxxz1{width:100%; height:100%; position: fixed; left:0; top:0; background:rgba(0,0,0,0.5); z-index:200; display:none;}
.applicationbox{ width:580px; position:absolute; left:50%; top:50%; margin-left:-290px; margin-top:-331px; background: #fff; box-shadow:0 0 5px #555; -webkit-box-shadow:0 0 5px #555; -moz-box-shadow:0 0 5px #555; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; cursor: pointer; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0);}
.applicationbox.on{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
.copyright{color:#fff;}
.copyright a{color:#fff;}
.applicationbox .txt{width:303px; height:36px; line-height: 38px; padding:0 5px; display: block; margin:14px auto 2px; font-size:14px; border:1px solid #d8d8d8;}
.applicationbox .txt,.applicationbox .yzm input,.applicationbox .yzm #vcBtn,.applicationbox .sbmit{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; color:#666;}
.applicationbox .yzm{width:315px; margin:16px auto 4px; overflow: hidden;}
.applicationbox .yzm input{width:158px; height:36px; line-height: 38px; padding:0 5px; border:1px solid #d8d8d8; float: left;}
.applicationbox .yzm #vcBtn{width:124px; height:38px; line-height: 38px; text-align: center; background: #318dc5; font-size:14px; color:#fff; float: right; cursor: pointer;}
.applicationbox .sbmit{width:315px; height:38px; text-align: center; line-height: 38px; color:#fff; font-size:14px; background: #318dc5; border:none; margin:14px auto 3px; display: block; font-family:"微软雅黑"; cursor: pointer;letter-spacing:5px;}
.applicationbox .title{width:100%; display: block; text-align: center; font-size:24px; color:#318dc5; font-weight: bold; line-height: 78px; line-height: 78px; margin-bottom:44px; border-bottom:1px solid #ebebeb;}
.applicationbox .closebtn{width:68px; height:80px; background:url(../images/closebtn.png) no-repeat center; display: block; position: absolute; right:0; top:0; cursor: pointer; z-index: 1;}
.explationbox{width:456px; margin:0 auto; padding-top:52px; overflow: hidden;}
.explationbox .lft{width:120px; float:left;}
.explationbox .rft{width:310px; float: right; font-size:14px;}
.explationbox .rft p{line-height: 1.5em; color:#444444;}
.explationbox .rft span{font-size:16px; color:#318dc5; display: block; margin-bottom:8px;}

.applicationboxone{width:658px; height:486px; background: #fff; position: absolute; left:50%; top:50%; margin-left:-329px; margin-top:-243px; box-shadow:0 0 5px #555; -webkit-box-shadow:0 0 5px #555; -moz-box-shadow:0 0 5px #555; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; cursor: pointer; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); }
.applicationboxone.on{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; transition:all 1s ease-in-out;}
.applicationboxone .bigtitle{width:634px; height:60px; line-height: 60px; padding-left:24px; border-bottom:1px solid #ebebeb; font-size:20px; color:#318dc5; font-weight: bold;  margin-bottom:32px;}
.applicationboxone h3{font-size:30px; color:#318dc5; text-align: center; margin-bottom:52px;}
.applicationboxone .xzcontentbox{width:522px; margin:0 auto; overflow: hidden;}
.applicationboxone .xzcontentbox .lft{width:170px; float: left; padding-top:20px;}
.applicationboxone .xzcontentbox .rft{width:266px; float: right;}
.applicationboxone .xzcontentbox .rft span{display: block; margin-bottom:30px; cursor: pointer;}
.applicationboxone .xzcontentbox .rft img{display: block;}
.applicationboxone .xzcontentbox .lft{font-size:18px; text-align: center;}
.applicationboxone .closebtn{width:68px; height:60px; background:url(../images/closebtn.png) no-repeat center; display: block; position: absolute; right:0; top:0; cursor: pointer; z-index: 1;}