html{-webkit-text-size-adjust:none; /*解决chromeæµè§ˆå™¨ä¸‹å—体ä¸èƒ½å°äºŽ12px*/}
body{ color:#333;}
.banner1{display:none;}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;}
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0; font-family:'微软雅黑';} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{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:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UIæ¥æ¸²æŸ“按钮*/} em,i{ font-style:normal;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */
.strong{ font-weight:normal;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5å³å°†åŽŸç”Ÿæ”¯æŒopacity属性，所以本æ¡å±žæ€§åªåœ¨Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}
.tal{ text-align:left} .tar{ text-align:right;}
/*æ–‡å—两侧对é½*/
.justify {text-align:justify;text-justify:distribute-all-lines;/*ie6-8*/text-align-last:justify;/* ie9*/-moz-text-align-last:justify;
/*ff*/-webkit-text-align-last:justify;/*chrome 20+*/}
.thumb{ overflow:hidden;}
.thumb img{webkit-transform:translateZ(0);-webkit-transition:.2s;-moz-transform:translateZ(0);-moz-transition:.2s;-ms-transform:translateZ(0);-ms-transition:.2s;-webkit-transform-style:preserve-3d;}
.thumb img:hover{text-decoration:none;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
.toe{/*超出çœç•¥å·*/word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
img {max-width: 100%;height:auto;}
strong{ font-weight:normal;}
/*select{
-webkit-appearance:none;-moz-appearance:none;appearanearance: none;}*/
/**
+------------------------------------------------------------------------------
* 网站整布局命å规范
+------------------------------------------------------------------------------
* @codex idå’Œclass命å采用该版å—的英文å•è¯æˆ–组åˆå‘½å 如:newRelease
+------------------------------------------------------------------------------
*/
a{ color:#333; -webkit-transition: color .2s ease-in-out;-moz-transition: color .2s ease-in-out;-ms-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out; text-decoration: none;}
a:hover{ color:#e64041; text-decoration:none;}
a:hover {text-decoration: none; color:#e64041;}
body{font-family:'微软雅黑'; line-height:1.5; font-size:14px; color:#333;}
.lft,.fl{ float:left;}
.rgt,.fr{ float:right;}
.wrapper{
width:1200px; margin:0 auto;
}
::-webkit-input-placeholder {color:#bebebe; text-overflow:ellipsis;}
:-moz-placeholder {color:#bebebe; text-overflow:ellipsis;}
::-moz-placeholder {color:#bebebe; text-overflow:ellipsis;} /* for the future */
:-ms-input-placeholder {color:#bebebe; text-overflow:ellipsis;}
/*liu*/
.header{background: #1e222e;height: 180px;position: fixed;width: 100%;z-index: 100;}
.header .wrapper{padding:70px 40px 0 40px;}
.header .logo img{width: 180px;height: auto;/* margin-top: 20px; */}
.header .nav ul{padding: 10px 20px 0;display: inline-block;*display: inline-block;zoom: 1;}
.header .nav ul li{padding: 0 15px;font-size: 28px;line-height: 100px;display: inline-block;*display: inline-block;zoom: 1;font-weight: 600;}
.header .nav ul li a{color: #FFFFFF;}
.header .nav ul li:hover a{color: #f8f400;}
.header .nav ul li.on a{color: #f8f400;}
.header .tel{display: inline-block;*display: inline-block;zoom: 1;}
.header .tel h5{font-size: 41px;line-height: 95px;padding-left: 70px;color: #329fd7;font-weight: 600;background: url(../images/tel.png) no-repeat left center;background-size:67px 57px;}
.banner{background: url(../images/banner.jpg) no-repeat center;background-size:cover;padding-top: 100px;}
.banner .wrapper{padding-left: 115px;padding-top: 70px;box-sizing: border-box;}
.banner .left{width: 58%;position: relative;}
.banner .left img{width: 100%;height: auto;}
.banner .right{width: 39%;}
.banner .right .box h3{font-size: 30px;line-height: 70px;background: #d9d9d9;text-align: center;color: #000;font-weight: 500;}
.banner .right .box ul{padding: 0 25px;background: #fff;color: #fff;font-size: 17px;color: #000;padding-bottom: 70px;}
.banner .right .box ul li{padding-top: 45px;}
.banner .right .box ul li h5{line-height: 45px;}
.banner .right .box ul li h5 span{color: red;}
.banner .right .box ul li input{width: 100%;box-sizing: border-box;border: 1px solid #e5e5e5;height: 50px;padding: 0 15px;font-size: 20px;}
.banner .right .box ul li button{font-size: 18px;color: #fff;background: #329fd7;text-align: center;line-height: 50px;width: 100%;border: none;cursor: pointer;border-radius:5px ;}
.banner .right .box ul li button:hover{background: #1e222e;}
.economy{background: url(../images/back.jpg) no-repeat center;background-size:cover;text-align: center;padding:7% 0;}
.economy .box{display: inline-block;*display: inline-block;zoom: 1;padding: 0 50px;background: url(../images/back2.png) no-repeat ;background-size:100% 100%;padding:60px;}
.economy .box .left{font-size: 38px;line-height: 50px;}
.economy .box .right{text-align: center;font-size: 40px;line-height: 40px;width: 80%;}
.economy .box .right ul li{color: #999999;}
.economy .box .right ul li.a{font-size: 23px;line-height: 50px;}
.economy .box .right ul li span{color: #329fd7;font-size: 50px;font-weight: 600;}
.economy .box .right ul li.s span{font-size: 98px;position: relative;top: 15px;}
.make {background: url(../images/back3.jpg) no-repeat center;background-size:cover ;}
.make .heads ul{padding: 7% 0;}
.make .heads ul li{width: 31.3333%;margin: 0 1%;background: #329fd7;padding: 20px 10px 0;box-sizing: border-box;box-shadow: 0px 6px 4px #999999;height: 210px;color: #fff;float: left;}
.make .heads ul li.b{background: #64c813;}
.make .heads ul li.c{background: #e57ae9;}
.make .heads img{width: 131px;height: 117px;position: relative;top: 20px;}
.make .heads h3{display: inline-block;*display: inline-block;zoom: 1;font-size: 44px;line-height: 60px;padding-left: 10px;}
.make .heads ul li.b h3{padding-left: 25px;}
.make .bodys{color: #FFFFFF;}
.make .bodys h6{font-size: 30px;line-height: 50px;padding-bottom: 20px;}
.make .bodys{color: #FFFFFF;text-align: center;background:url(../images/back4.png) no-repeat;background-size:100% 100%;padding-top: 60px;}
.make .bodys .box{width: 990px;margin: 0 auto;}
.title h3{font-size: 55px;line-height: 110px;font-weight: 600;}
.title img{width: 80%;}
.title h6{font-size: 30px;line-height: 70px;margin-left: 0.5%;}
.make .bodys .conter ul{padding: 0 10px 30px;text-align: center;}
.make .bodys .conter ul li{width: 232px;background: url(../images/tix.png) no-repeat;background-size:100% 100%;text-align: center;height: 202px;padding-top:38px;font-size: 23px;line-height: 35px;color: #4c4c4c;box-sizing: border-box;margin: 0 3px;display: inline-block;*display: inline-block;zoom: 1;box-sizing: border-box;vertical-align: top;}
.make .bodys .conter ul li:hover{width: 232px;background: url(../images/tixf.png) no-repeat;background-size:100% 100%;}
.make .bodys .conter ul li.a{padding-top: 70px;}
.make .bodys .conter ul li.b{padding-top: 50px;}
.make .foots{padding: 40px 0;text-align: center;}
.make .foots ul{display: inline-block;*display: inline-block;zoom: 1;width: 610px;}
.make .foots ul li{display: inline-block;*display: inline-block;zoom: 1;margin-bottom: 25px;}
.make .foots label{width: 550px;height: 60px;display: block;border: 1px solid #329fd7;line-height: 60px;background: #f9f9f9;text-align: left;border-radius:10px ;}
.make .foots label h4{color: #ff0000;font-size: 31px;width: 110px;display: inline-block;*display: inline-block;zoom: 1;text-indent: 15px;}
.make .foots label input{width: 330px;line-height: 60px;border: none;background: no-repeat;font-size: 26px;}
.make .foots ul li button{width: 330px;height: 65px;text-align: center;line-height: 65px;color: #fff;font-size:35px ;border-radius:50px ;background: #329fd7;color: #fff;border: none;cursor: pointer;}
.make .foots ul li button:hover{background: #1e222e;}
.make .foots ul li p{font-size: 26px;line-height: 26px;padding-top: 20px;}
.js{width:90%; margin:10px auto 0 auto; }
.js p{ padding:5px 0; font-weight:bold; overflow:hidden; }
.js p span{ float:right; }
.js p span a{ color:#f00; text-decoration:underline; }
.js textarea{ height:150px; width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa; border-left:2px solid #aaa; }
/* 本例åcss */
.tabBox{background: url(../images/back6.jpg) no-repeat center;background-size:cover ;padding-bottom: 20px;}
.txMovie{position:relative;height:auto;overflow: hidden;}
.focus_pic{height:auto;overflow:hidden;box-sizing: border-box;border: 18px solid #FFFFFF;border-radius:10px ;}
.focus_pic li{vertical-align:top}
.focus_pic img{width:100%;height:auto;display:inline-block;vertical-align:top;display: block;}
.focus_nav{position:absolute;right:18px;bottom:45px;background-color:rgba(0, 0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000',endColorstr='#7F000000');width:640px;*zoom:1; padding:0 45px;box-sizing: border-box;}
:root .focus_nav{-ms-filter:none}
.focus_nav ul{position:relative;*zoom:1; padding-top:10px !important; }
.focus_nav li{position:relative;*zoom:1;float:left;display:inline;margin-right:4px; cursor:pointer;width:110px!important;}
.focus_nav .navPrev,.focus_nav .navNext{background-color:rgba(0, 0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000',endColorstr='#7F000000');display:inline-block;*zoom:1;width:36px;height:36px;line-height:100;overflow:hidden;opacity:.6;filter:Alpha(Opacity=60);position:absolute;top:20px}
.focus_nav .navPrev{background:url(../images/left.png) no-repeat center;left:6px;border-right-color:transparent;background-size:20px 23px;right: 40px;}
.focus_nav .navNext{background:url(../images/right.png) no-repeat center;right:6px;background-size:20px 23px;}
.focus_nav .navPrev:hover, .focus_nav .navNext:hover{opacity:1;filter:Alpha(Opacity=100);border-right-color:#fff}
.focus_nav img{width:88px;height:55px;}
.txMovie .focus_nav li .cover{position:absolute;top:0;left:0;width:130px;height:55px;line-height:999px;overflow:hidden;font-size:0;background:#040303;filter:alpha(opacity=50);opacity:.5}
.txMovie .focus_nav li.on .cover{display:none}
.txMovie .focus_nav li b{display:none}
.txMovie .focus_nav li.on b{position:absolute;display:inline-block;top:-6px;left:29px;border-left:6px dashed transparent;border-right:6px dashed transparent;border-top:0;border-bottom:6px solid;color:#fff;font-size:0;width:0;height:0;line-height:0}
.tabBox .tab-hd{padding: 120px 0 15px 0;}
.tabBox .tab-hd ul li{width: 23%;margin: 0 1%;box-sizing: border-box;line-height: 95px;font-size: 37px;text-align: center;border-radius:8px;float: left;}
.tabBox .tab-hd ul li a{display: block;color: #000;border: 2px solid #ab8756;border-radius:10px ;}
.tabBox .tab-hd ul li a:hover{border: 2px solid #329fd7;color: #329fd7;}
.tabBox .tab-hd ul li.on a{border: 2px solid #329fd7;color: #329fd7;}
#focus_smaillPic_list{width: 650px;height: 70px;}
/*liu end*/
.fangan{background: url(../images/fanganbg.png) no-repeat center;background-size:100% 100%;padding: 70px 0;}
.fanganbox{margin-top: 100px;}
.fangan1{background: url(../images/dingzhibg.png) no-repeat center;background-size:100% 100%;padding:60px 0;}
.fangan1 p{font-size: 40px;color: #fff;text-align: center;}
.fanganbox ul li{float: left;background-color: #329fd7;color: #fff;text-align: center;border-radius: 35px;position: relative;height: 140px;width: 222px;margin-left:104px;padding-top: 40px;box-sizing: border-box;}
.fanganbox ul li p{font-size: 24px;}
.fanganbox ul li:before{content: "";width: 74px;height: 40px;background: url(../images/arrow.png) no-repeat center;background-size:100% 100%;position: absolute;left: -87px;top:54px;}
.fanganbox ul li:first-child{margin-left: 0;}
.fanganbox ul li:first-child:before{display: none;}
.fanganbox ul li span{display: block;width: 74px;height: 74px;border-radius: 50%;text-align: center;line-height: 74px;color: #000000;font-size: 48px;background-color: #f3c000;position: absolute;left: 50%;margin-left: -37px;top:-37px;}
.fanganbox .more,.fangan1 .more{background: #f3c000;font-size:40px;color: #9d1e2c;width: 289px;height: 65px;text-align: center;line-height: 65px; border-radius:35px;display: block;margin: 90px auto 0;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}
.fanganbox .more:hover,.fangan1 .more:hover{background: #329fd7;color: #fff;}
.ljiaju,.rjiaju{width:55%;float: left;box-sizing: border-box;}
.jiaju{background: url(../images/jiajubg.png) no-repeat center;background-size:100% 100%;padding: 60px 0 114px;}
.jiajubox{box-sizing: border-box;margin-top: 80px;padding: 0 10%;}
.ljiaju .more{
background: #dadada;
font-size: 22px;
color: #000000;
padding: 5px 15px;
float: left;
border-radius: 5px;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
display: none;
}
.ljiaju,.rjiaju{width:55%;float: left;box-sizing: border-box;}
.rjiaju{width: 40%;float: right;}
.ljiaju .more:hover{background: #329fd7;color: #fff;}
.ljiaju ul li{list-style: disc;color: #329fd7;margin-bottom: 20px;}
.ljiaju ul li h1{color: #329fd7;font-size: 27px;font-weight: 600;}
.ljiaju ul li p{font-size: 15px;color: #a8abad;}
.jiaju .rjiaju .box h3{font-size: 30px;line-height: 70px;background: #329fd7;text-align: center;color: #000;font-weight: 500;}
.jiaju .rjiaju .box ul{padding: 0 25px;background: #fff;color: #fff;font-size: 17px;color: #000;padding-bottom: 70px;}
.jiaju .rjiaju .box ul li{padding-top: 45px;}
.jiaju .rjiaju .box ul li h5{line-height: 45px;}
.jiaju .rjiaju .box ul li h5 span{color: red;}
.jiaju .rjiaju .box ul li input{width: 100%;box-sizing: border-box;border: 1px solid #e5e5e5;height: 50px;}
.jiaju .rjiaju .box ul li button{font-size: 18px;color: #fff;background: #329fd7;text-align: center;line-height: 50px;width: 100%;border: none;cursor: pointer;}
.jiaju .rjiaju .box ul li button:hover{background: #329fd7;}
.companybox{margin:60px 0 70px;}
.companybox ul li{width:16.6%;float: left;border-left: 1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;box-sizing: border-box;text-align: center;overflow: hidden;}
.companybox ul li:nth-child(6n+1){border-left: none;}
.conmmonTit h1{font-size: 50px;color: #000000;font-weight: 600;text-align: center;position: relative;line-height: 145px;border-bottom: 2px solid #000;width: 80%;margin: 0 10%;}
.conmmonTit h1:after{position: absolute;width: 90%;content: "";width: 26px;height: 26px;border-radius:50%;background-color: #000;bottom: -13px;left: 50%;margin-left: -13px;}
.conmmonTit1 h1{color:#fff;border-bottom: 2px solid #fff;}
.conmmonTit1 h1:after{background-color: #fff;}
.map .mapbox{text-align: center;margin: 60px 0;}
.footer{padding:35px 0;background-color: #a7a7a7;}
.footer p{font-size: 20px;color: #666666;text-align: center;line-height: 35px;}
@media screen and (max-width: 980px) {
.banner1 {
display: none;
}
}
/* for 700px or less */
@media screen and (max-width: 700px) {
.banner1 {
display: block;
margin-bottom: -10px;
}
.banner {
padding-top: 0px;
}
}
/* for 480px or less */
@media screen and (max-width: 480px) {
.banner1 {
display: block;
padding-top: 0px;margin-top:-5px;
}
.banner {
padding-top: 0px;
}
}
.f_ico{
background: url(../images/f_ico.gif) no-repeat;
width: 80px;
height: 360px;
overflow: hidden;
position: fixed;
top: 240px;
right: 0;
z-index: 999;
}
.f_ico a {
display: block;
width: 80px;
height: 90px;
text-align: center;
line-height: 128px;
font-size: 16px;
color: #fff;
font-weight: bold;
overflow: hidden;
}
#tdiv1 {
border: 1px #999999 solid;
background: url(../images/weixinbg.jpg) no-repeat;
position: fixed;
_position: absolute;
left: 25%;
top: 27%;
z-index: 9999;
width: 740px;
height: 415px;
clear: both;
font-size: 12px;
}
#sub_tit1 {
text-align: center;
font-family: "微软雅黑";
font-size: 22px;
font-weight: bold;
line-height: 30px;
color: #fff;
margin-top: 15px;
}
#sub_cont1 {
width: 740px;
height: 320px;
margin-top: 48px !important;
position: relative;
}
#sub_cont_right1 {
width: 350px;
height: 300px;
float: right;
position: relative;
margin-right: 41px;
margin-top: 0px;
text-align: center;
}
#sub_cont_left1 {
width: 242px;
height: 290px;
margin-left: 43px;
float: left;
position: relative;
}
#sub_cont_leftop1 {
margin-top: 15px !important;
position: relative;
color: #484848;
}
#sub_cont_leftop1 ul {
margin-left: 12px;
}
#sub_cont_leftop1 ul li {
font-size: 14px;
height: 32px;
line-height: 32px;
font-family: "微软雅黑";
list-style: none;
color: #434343;
}
#sub_tit1 img {
float: right;
margin-right: 5px;
}
.tip_tc,.tip_tc_power {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99;
background:rgba(0,0,0,.7);
}
.tip_tc.two{
z-index:9999;
}
.tip_tc.two .tip_box{
top:20%;
left: 40%;
}
.tip_box,.tip_box_power {
width:380px;
height:180px;
background:#fff;
border-radius:3px;
position:absolute;
text-align:center;
box-sizing:border-box;
padding-top:58px;
top:10%;
transform:translateY(-50%);
left:50%;
transform:translateX(-50%);
}
.tip_box .tc_end ,.tip_box_power .tc_end_power {
width:15px;
height:15px;
position:absolute;
top:9px;
right:10px;
background:url(/ssz/images/tb10.png) center center no-repeat;
display:block;
cursor:pointer;
}
.tip_box .title ,.tip_box_power .title{
font-size:20px;
line-height:30px;
color:#000;
margin-bottom:15px;
padding:0 30px;
}
.tip_box span ,.tip_box_power span{
font-size:12px;
color:#969696;
line-height:30px;
}
.tip_box span a,.tip_box_power span a {
color:#969696;
text-decoration:underline;
}