/*公共样式*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 \5b8b\4f53,arial,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
html,body{width:100%;height:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
small{font-size:12px;}
ul,ol{list-style:none;}
ul,li{list-style:none;}
a{text-decoration:none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
fieldset,img{border:0;}
i{font-style:normal}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align:top;}
html{overflow-y:scroll;}
body{-webkit-user-select:none;-webkit-text-size-adjust:none;}
header, section,footer{display:block;margin:0;padding:0}
.hidden{display:none;}
.invisible{visibility:hidden;}
.clear{display:block;height:0;overflow:hidden;clear:both;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.clearfix{zoom:1;}
.ar{ text-align:right}
.fl{float:left !important;}
.fr{float:right !important;}
.pc_overflow{overflow:hidden;zoom:1;}
body{background:#fafafa;color:#7d7d7d;margin:0 auto;font:1.4em "microsoft yahei"; }
a{color:#837c8f;}
a:hover{text-decoration:none;}
.wrap{position:relative;margin:0 auto;}
.header,.container,.footer{margin:0 auto;}
.mt10{margin-top:10px;}

.index{width:100%}
.index .main {position:relative;width:100%;margin:0 auto;overflow:hidden;z-index:0; height:auto}
.index .main img{width:100%;height:560px;}
.index .main .area {position:absolute;text-align:center;width:23%;height:28px;}
.index .main .area h3{font-weight:normal;font-size:14px;color:#fff;font-family:"microsoft yahei"}
.index .main .area-briefing{left:0%;top:55.8%; }
.index .main .area-strength{left:0%;top:66.6%; }
.index .main .area-news{left:0%;top:77%;}
.index .main .area-contact{left:75%;top:55.8%;}
.index .main .area-product{left:75%;top:66.6%;}
.index .main .area-lease{left:75%;top:77%;}
/*底部*/
.divcon{width:auto;height:45px;background:#fafafa;}
.footer{position:fixed;bottom:0;width:100%;background:#e4e6e7; height:45px;overflow:hidden;}
.mainav{width:100%;height:45px;margin-top:5px;position:relative;}
.mainav li{width:25%;height:45px;position:relative;z-index:1;float:left;}
.mainav  ul li a{color:#959595;font-size:10pt;text-align:center;display:block;padding-top:22px;background-position:center top;background-repeat:no-repeat;background-size:22px 22px;-webkit-background-size:22px 22px}
.mainav ul li.li11 a {background-image:url(../img/tbb1.png)}
.mainav ul li.li11 a:hover,.mainav ul li.li11 a.on {background-image:url(../img/tbb11.png);color:#e46000}
.mainav ul li.li21 a {background-image:url(../img/tbb2.png)}
.mainav ul li.li21 a:hover,.mainav ul li.li21 a.on { background-image:url(../img/tbb22.png);color:#e46000}
.mainav ul li.li31 a{background-image:url(../img/tbb3.png)}
.mainav ul li.li31 a:hover,.mainav ul li.li31 a.on {background-image:url(../img/tbb33.png);color:#e46000}
.mainav ul li.li41 a {background-image:url(../img/tbb4.png)}
.mainav ul li.li41 a:hover,.mainav ul li.li41 a.on { background-image:url(../img/tbb44.png);color:#e46000}
/*弹出框*/
.img-replace {display: inline-block;overflow: hidden;text-indent: 100%;color:transparent;white-space: nowrap;}
@media only screen and (min-width: 1170px) {.cd-popup-trigger { margin: 0em auto;}}
.cd-popup {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color:#474747;opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index:999}
.cd-popup.is-visible {opacity: 1;visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container{position: relative;z-index:999;width:70%;max-width:560px;margin:25% auto;}
.cd-popup-container p {padding: 3em 1em;}
.cd-popup-container .cd-popup-close {position: absolute;top: 20px;right: 8px;width: 30px;height: 30px;}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after { content: '';position: absolute;top: 12px;width: 14px;height: 3px;background-color: #fff;}
.cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);left: 8px;}
.cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);right: 8px;}
.is-visible .cd-popup-container {-webkit-transform: translateY(0);-moz-transform: translateY(0);
-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
@media only screen and (min-width: 1170px) {.cd-popup-container { margin: 8em auto;}}

.sub{width:100%;height:65px;background:#9e631f url(../img/ic.png) 40px center no-repeat;color:#f9efef;font-size:24px; font-weight:bold;border:none;border-radius:5px;margin-top:15%;font-family:"microsoft yahei";}
.sub1{width:100%; height:65px; background:#9e631f url(../img/ic1.png) 40px center no-repeat;color:#f9efef;font-size:24px;font-weight:bold;border:none;border-radius:5px;margin-top:25%;font-family:"microsoft yahei"}


.cd-popup-container1{background-color:#474747;width:100%;}
.denglu{position:relative;z-index:999;width:80%;margin:45% auto;}
.su{width:100%;height:65px;background:#9e631f url(../img/ic.png) 40px center no-repeat;color:#f9efef;font-size:24px; font-weight:bold; border:none; border-radius:5px; margin-top:10%;font-family:"microsoft yahei";line-height:65px; text-align:center;display:block;cursor:pointer; word-spacing:50px;}
.su1{background:#9e631f url(../img/ic1.png) 40px center no-repeat;margin-top:40%}
.su a:hover{color:#f9efef;}