@charset "utf-8";
*{margin:0px;padding:0px;font-family:"微软雅黑"; text-decoration:none;list-style-type:none;}
img{border:0px;}

/*广告图开始*/
#banner{width:100%;height:483px;overflow:hidden;}
#banner .bannerCon{width:1152px;height:483px;background:blue;margin:0px auto;position:relative;}
#banner .bannerCon .before{width:384px;height:483px;background:rgba(0,0,0,0.8);position:absolute;left:-384px;bottom:0px;z-index:333;}
#banner .bannerCon .before img{position:absolute;right:20px;top:200px;cursor:pointer;}
#banner .bannerCon .after{width:384px;height:483px;background:rgba(0,0,0,0.8);position:absolute;right:-384px;bottom:0px;z-index:333;}
#banner .bannerCon .after img{position:absolute;left:20px;top:200px;cursor:pointer;}
#banner .bannerCon .scroll{width:2000%;height:483px;position:relative;left:-384px;}
#banner .bannerCon .scroll img{width:384px;height:483px;float:left;}
.demo {
    margin: auto;
    margin-top: 50px;
    width: 1200px;
}
.demo .info {
    float: right;
    background: #f0f0f0;
    width: 280px;
}
.info .inName {
    height: 50px;
    line-height: 50px;
    color: #FFF;
    background: #b20204;
	font-size:16px;
	text-align:center;
}
.info .inDetail {
    margin: auto;
    text-align: left;
}
.inDetail dt {
    float: left;
    width: 80px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    background: #c2c2c2;
    color: #FFF;
    border-top: 1px #f0f0f0 dotted;
}
.inDetail dd {
    float: right;
    width: 200px;
    text-align: center;
    line-height: 60px;
	min-height:60px;
    border-top: 1px #9bafbb dotted;
	margin:0px;
}
.hr {
    clear: both;
    line-height: 1px;
    height: 1px;
}
.hlcase {
    margin: auto;
    width: 250px;
}
.vf {
    float: left;
    margin: auto;
    width: 900px;
}
.mod18 {
    width: 900px;
    height: 656px;
    /* margin: 5px auto; */
    position: relative;
    background: #FFF;
}
.mod18 .prev {
    left: 0;
    background: url(../images/lefta.png) no-repeat;
}
.mod18 .next {
    right: 0;
    background: url(../images/righta.png) no-repeat;
}
.mod18 .btn {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 276px;
    cursor: pointer;
    z-index: 99;
    font-size: 50px;
    font-weight: bold;
}
.mod18 #prevTop, .mod18 #nextTop {
    top: 213px;
    width: 46px;
    height: 48px;
}
.mod18 #prevTop {
    background: url(../im/prevBtnTop.png) 0 0 no-repeat;
}
.mod18 #nextTop {
    background: url(../im/prevBtnTop.png) 0 0 no-repeat;
}
.mod18 .picBox {
    height: 570px;
    position: relative;
    overflow: hidden;
}
.mod18 .picBox ul {
    height: 570px;
    position: absolute;
	padding:0px;
	margin:0px;
}
.mod18 .picBox li {
    width: 900px;
    height: 380px;
}
.mod18 .cf li {
    position: relative;
    color: #fff;
}
.mod18 li {
    float: left;
}
.mod18 .listBox {
    width: 900px;
    height: 86px;
    position: relative;
    padding: 6px 0 10px;
    overflow: hidden;
    background: #f0f0f0;
}
.mod18 .listBox ul {
    height: 100px;
    position: absolute;
}
.mod18 .listBox li {
    width: 129px;
    height: 70px;
    cursor: pointer;
    position: relative;
}
.mod18 .listBox .on img {
    width: 118px;
    height: 64px;
    border: 3px solid #76b300;
}
.mod18 .listBox li img {
    width: 124px;
    height: 70px;
}
.work {
    width: 1200px;
    margin: auto;
    margin-top: 50px;
}
.work .wtitle {
    height: 50px;
    width: 150px;
    line-height: 50px;
    color: #fff;
    background: #b20204;
    margin-bottom: 10px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
.work li {
    float: left;
    margin-left: 5px;
    width: 290px;
    background: #f0f0f0;
}
.work li span {
    display: block;
    line-height: 1.5;
    margin: 10px;
	text-align:center;
	font-size:14px;
}
sup {
    vertical-align: super;
    font-size: smaller;
}
.work li:hover{
	background:#b20204;
	color:#fff;
}
.hotcase {
    width: 1200px;
    margin: auto;
	padding-top:25px;
}
.hotcase .title {
    height: 50px;
    line-height: 50px;
    width: 150px;
    background: #b20204;
    color: #fff;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
.hotcase li {
    float: left;
    margin: 10px;
    text-align: center;
    width: 280px;
    background: #f0f0f0;
}
.hotcase li img {
    margin: 10px;
}
.hotcase li span {
    display: block;
    line-height: 1.5;
    margin: 10px;
    margin-top: 0;
}
.hotcase li:hover{
	background:#b20204;
	color:#fff;
}
.contain {
    width: 1200px;
    margin: auto;
    margin-top: 20px;
}
.view {
    width: 1000px;
    margin: auto;
    margin-top: 50px;
    text-align: left;
}
.view .pdetail {
    float: right;
    width: 570px;
    background: #FFF;
}
.pdetail ul {
    padding: 10px;
}
.pdetail li {
    border-top: 1px #FFF dashed;
    background: #f0f0f0;
}
.pdetail li .pid {
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #FFF;
    background: #9bafbb;
    float: left;
}
.hr {
    clear: both;
    line-height: 1px;
    height: 1px;
}
.view .pthumb {
    float: left;
    text-align: center;
}
.view .pthumb img {
    padding: 10px;
    border: 1px #solid #eee;
    background: #FFF;
}
.pdetail li .pinfo {
    display: block;
    float: left;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    line-height: 30px;
    width: 390px;
    background: #f0f0f0;
}
.arc {
    border-top: 1px #eee solid;
    background: #FFF;
}
.contain .menu {
    float: left;
    width: 250px;
	margin-top:23px;
}
.contain .menu dl, .contain .menu dt, .contain .menu dd {
    margin: 0;
    padding: 0;
}
.contain .menu dd {
    height: 50px;
    line-height: 50px;
    background: #f0f0f0;
    margin-bottom: 1px;
	text-align:center;
}
.hlli {
    margin: auto;
    width: 250px;
    height: 195px;
    background: url("../images/hotline_li_bg.png") no-repeat;
}
.contain .arclist {
    float: right;
    text-align: left;
    width: 940px;
    margin-bottom: 30px;
}
.contain .arcli li {
    clear: both;
    color: #a2a2a2;
    margin: 10px;
    width: 100%;
    border-bottom: 1px #ccc dashed;
}
.contain .arcli .arctitle {
    margin-top: 10px;
    font-size: 16px;
    margin-bottom: 0;
}
.contain .arcli .intro {
    margin: 0;
}
strong, b {
    font-weight: bold;
}
.hr {
    clear: both;
    line-height: 1px;
    height: 1px;
}
.contain .menu dd a {
    display: block;
    height: 50px;
    line-height: 50px;
	background:#e2e2e2;
}
.contain .menu dd:hover, .contain .menu dd a:hover{
	background:#b20204;
	color:#FFF;
}
.contain .arcli img {
float: left;
width: 240px;
height: 160px;
margin: 5px;
padding: 10px;
border: 1px #eee solid;
}
.contain .arcli .arctitle {
font-size: 16px;
}
.ft2{
	color:#a2a2a2;
	line-height:24px;
	font-size:14px;
	padding-top:8px;
	}
.info{
	line-height:30px;
	}
.espcms_page_botton {
text-align: center;
overflow: hidden;
padding-top: 10px;
}
.pagination {
font-family: '微软雅黑','Microsoft YaHei UI','Microsoft YaHei',arial, helvetica, sans-serif;
overflow: hidden;
padding: 10px 0px;
font-size: 12px;
margin: 0px;
}
.pagination span.disabled {
background-color: #a6c3dd;
}
.pagination span.current {
border: #c2e2e7 1px solid;
color: #fff;
overflow: hidden;
padding: 5px 5px;
margin: 0px 0px 0px 5px;
}
.arctitle{
	padding-top:15px;}
.arcli ul li a:hover{
	color:#b20204;
	}
#firsta{
	background:url(../images/wj9.jpg);
	color:#FFF;}
.ti {
text-align: center;
}
.contain .inf {
line-height: 50px;
padding-left:120px;
font-size:14px;
text-align:center;
}
.doc{
	width:920px;
	padding-left:20px;
	padding-top:20px;
	}
.espcms_book{
	width:920px;
	float:left;
	padding-left:20px;
	border-top:1px solid #e3e3e4;
	margin-top:20px;
	}
#fanye{
	width:50%;
	float:left;
	margin:15px 0px
	}
#fanye a:hover{
	color:#b20204;
	}
.arclist ul{ margin:0px;}

.espcms_page {
width: 1000px;
overflow: hidden;
margin: 0 auto;
margin-top: 0px;
}
.espcms_formwidth_c {
width: 98%;
}
.espcms_member_login_center {
padding: 0px;
border: 1px solid #dedede;
margin: 0px auto 5px auto;
height:250px;
}
.espcms_member_login_center .title {
height: 35px;
line-height: 30px;
padding-left: 10px;
font-size: 14px;
font-weight: bold;
color: #000000;
border-bottom: 1px solid;
overflow: hidden;
background: #e5e5e5;
border-color: #e5e5e5;
background: url('../images/message_bg.jpg') repeat-x;
}
.espcms_member_login_center .messageicon2 {
float: left;
width: 18px;
height: 18px;
background: url('../images/mess_icon.gif') no-repeat 0px -54px;
margin-top: 8px;
}
.infoInput{
	width:150px;
	}
.espcms_member_login_center .messtitle {
float: left;
width: 100px;
height: 35px;
line-height: 35px;
padding-left: 5px;
}




.espcms_member_login_center1 {
padding: 0px;
border: 1px solid #dedede;
margin: 0px auto 5px auto;
height:50px;
}
.espcms_member_login_center1 .title {
height: 35px;
line-height: 30px;
padding-left: 10px;
font-size: 14px;
font-weight: bold;
color: #000000;
border-bottom: 1px solid;
overflow: hidden;
background: #e5e5e5;
border-color: #e5e5e5;
background: url('../images/message_bg.jpg') repeat-x;
}
.espcms_member_login_center1 .messageicon2 {
float: left;
width: 18px;
height: 18px;
background: url('../images/mess_icon.gif') no-repeat 0px -54px;
margin-top: 8px;
}
.infoInput{
	width:150px;
	}
.espcms_member_login_center1 .messtitle {
float: left;
width: 100px;
height: 35px;
line-height: 35px;
padding-left: 5px;
}

.espcms_form_group {
width: 100%;
overflow: hidden;
padding-bottom: 15px;
}
.espcms_form_group {
width: 100%;
overflow: hidden;
padding-bottom: 15px;
}
.tc {
text-align: center;
}
.f14 {
font-size: 14px;
}
.espcms_form_groupa {
width: 22%;
overflow: hidden;
padding-bottom: 8px;
padding-left:20px;
margin-top:10px;
float:left;
}
.espcms_form_group {
width: 100%;
overflow: hidden;
padding-bottom: 15px;
}
.espcms_form_groupa label{
	font-size:14px;
	font-weight:bold;
	color:#b20204;
	height:20px;
	margin-bottom:5px;
	float:left;
	padding-right:15px;
	margin-top:5px;
	}
.control_required20{
	float:left;
	}
.button.blue2 {
color: #fff;
background: #b20204;
}
.button {
display: inline-block;
zoom: 1;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font-size: 14px;
line-height: 100%;
padding: .4em 1.5em .55em;
border: none;
border-radius: 2px;
color: #fff;
background: #A7A9AA;
}
.espcms_page_typename {
float: left;
width: 200px;
padding: 10px 0px 7px 5px;
color: #b20204;
font-size: 16px;
}
.espcms_page_location {
float: right;
width: 550px;
height: 35px;
line-height: 45px;
text-align: right;
}
.yyzx{
	display: inline-block;
width: 60px;
height: 60px;
line-height: 1.1;
letter-spacing: 2px;
font-size: 1pc;
padding: 9pt 11px 9pt 13px;
color: #fff;
background-color: #ee6216;
}

.mydiv {
background-color: #FFF;
z-index:99999;
width: 765px;
left:50%;
top:50%;
border-radius: 30px;
margin-left:-375px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/
margin-top:0px;
position:fixed!important;/* FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/

}

.bg,.popIframe {
background-color: #666; display:none;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=50);/*IE*/
opacity:0.5;/*FF*/
z-index:1;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/* www.codefans.net IE5 IE5.5*/
}
.popIframe {
filter:alpha(opacity=0);/*IE*/
opacity:0;/*FF*/
}
.mydiv .modal-header h4 {
    font-size: 30px;
    color: #fff;
    margin: 0;
    text-align: center;
    letter-spacing: 2px;
}
.mydiv .modal-header {
    height: 70px;
    line-height: 70px;
    background-color: #08a369;
	
}
.mydiv .modal-header .icon-cross {
    position: absolute;
    right: 25px;
    top: 23px;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}
#appointmentz {
    padding: 30px 63px 0;
}
#appointmentz .pure-u-1-2:first-child {
    margin-top: 0;
}
#appointmentz .bot {
    margin-bottom: 21px;
}
.modal .modal-content #appointmentz .pure-u-1-2 {
    float: left;
    height: 46px;
    line-height: 46px;
}
.pure-u-1-2, .pure-u-12-24 {
    width: 50%;
}
#appointmentz .pure-u-1-2 label {
    display: inline-block;
    float: left;
    width: 81px;
    vertical-align: middle;
    text-align: right;
    margin-right: 18px;
    font-size: 1pc;
}
#appointmentz .pure-u-1-2 label .icon {
    color: red;
    font-size: 24px;
    position: relative;
    top: 7px;
    left: -2px;
    margin-right: 3px;
}
#appointmentz .pure-u-1-2 input.uname {
    float: left;
    width: 204px;
}
#appointmentz .pure-u-1-2 input[type=text] {
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    padding: 0 9pt;
}
#appointmentz .pure-u-1-2 input.tel {
    float: left;
    width: 220px;
}
#appointmentz .pure-u-1-2 {
    float: left;
    height: 46px;
    line-height: 46px;
}
#appointmentz .pure-u-1-2 input.area, .modal .modal-content #appointmentz .pure-u-1-2 input.uname {
    float: left;
    width: 204px;
}
#appointmentz .pure-u-1-2 input.community, .modal .modal-content #appointmentz .pure-u-1-2 input.tel {
    float: left;
    width: 220px;
}
#appointmentz button {
    display: block;
    width: 200px;
    height: 45px;
    border-radius: 25px;
    margin-top: 30px;
    line-height: 45px;
    font-size: 20px;
    color: #fff;
    padding: 0;
    letter-spacing: 2px;
    background-color: #0057c2;
	float:left;
	margin-left:220px;
}

#index-index-new .versus {
height: 745px;
}
#index-index-new .versus .container h3 {
font-size: 2pc;
text-align: center;
margin: 0 0 88px;
}
#index-index-new .versus .container h3 .vs {
font-size: 3pc;
color: #ee6216;
font-weight: 700;
}