/* CSS Document */
/* CSS Document */
* HTML IMG {
_behavior: url(css/iepngfix.htc)}
* HTML .png {
_behavior: url(css/iepngfix.htc)}
IMG {BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none;}
* {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea,img, p, blockquote, th, td, button{padding:0;margin:0; font-family:"Microsoft Yahei";}
BODY {COLOR: #333;MIN-WIDTH: 1004px;BEHAVIOR: url(css/ie6hover.htc);background-color: #fff;/* for IE6 */font-size: 14px;line-height: 22px;}
TH TD , DIV , BUTTON , UL , LI , INPUT , TEXTAREA {FONT: 12px/22px COLOR: #333;}
DIV ,A ,FORM ,P ,IMG ,border ,UL ,OL ,LI ,DL ,DT ,DD ,H1 ,H2 ,H3 ,H4 ,H5 ,H6 {BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px}
SELECT {FONT: 12px Arial, Helvetica, sans-serif; COLOR: #000;}
EM {FONT-STYLE: normal; COLOR: #000;}
A IMG {BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none;}
A {FONT-SIZE: 18px; COLOR: #ffd800; TEXT-DECORATION: none}
A:hover {FONT-SIZE: 18px; COLOR: #fff; TEXT-DECORATION: underline}
UL {LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none}
LI {LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none}
.clearfix:after {DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; FONT-SIZE: 0px; CONTENT: "."}
* HTML .clearfix {ZOOM: 1}
*:first-child + HTML .clearfix {ZOOM: 1}
.clear {CLEAR: both}
.font1 {LINE-HEIGHT: 30px;FONT-SIZE: 30px;}
.font2 {FONT-SIZE: 40px;FONT-WEIGHT: bold;color: #5f248b;}
.font3 {LINE-HEIGHT: 30px;FONT-SIZE: 20px;color: #60238a;}
.font4 {color: #fff;FONT-SIZE: 40px; FONT-WEIGHT: bold;}
.font5 {color: #fff;LINE-HEIGHT: 30px;FONT-SIZE: 30px;}
.font6 {color: #fff;LINE-HEIGHT: 40px;FONT-SIZE: 36px;}
.font7 {color: #999;LINE-HEIGHT: 20px;FONT-SIZE: 14px;}
#container {margin:0 auto; width:100%;}
.top {height: 60px; width: 100%; margin-right: auto; margin-left: auto;
background-image: url(../images/tbg.jpg); background-repeat: repeat-x; }
.banbg {width: 100%;margin-right: auto;margin-left: auto;background-image: url(../images/bg.jpg);background-repeat: no-repeat;background-position: center top;}
.banner {height: 800px; width: 1240px; margin-right: auto; margin-left: auto;}
.banner ul {margin: 0px; padding: 0px; float: left; height: 800px;width: 1240px;}
.banner li {float: left; height: 80px; width: 1240px; font-size: 0px;}
.bank {height: 800px; width: 1240px; margin-right: auto; margin-left: auto;}
.bank ul {margin: 0px; padding: 0px; float: left; height: 800px;width: 1240px;}
.bank li {float: left; height: 80px; width: 1240px; font-size: 0px;}
.pic {margin: 0px;padding: 0px;float: left;}
.bt {width: 1240px;margin-right: auto;margin-left: auto;height: 80px;font-size: 36px;font-weight: bold;color: #333;background-image: url(../images/btbg.png);background-repeat: no-repeat;background-position: center bottom;text-align: center;line-height: 50px;padding-top: 50px;margin-bottom: 30px;}
.bs {background-color: #fff;width: 100%;margin-right: auto;margin-left: auto;}
.ws {background-color: #eaf9ff;width: 100%;margin-right: auto;margin-left: auto;}
.bk {margin-right: auto;margin-left: auto;padding-right: 20px;padding-left: 20px;padding-top: 10px;padding-bottom: 10px;width: 1200px;}
.box1 {height: 220px;}
.box1 ul {float: left;padding: 0px;margin-top: 20px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
.box1 li {text-align: center;float: left;height: 200px;width: 240px;}
.box1 li p {font-size: 24px;line-height: 40px;height: 40px;width: 240px;}
.zx {padding-bottom:10px;text-align:center;font-size:30px;font-family: "微软雅黑";line-height: 48px;padding-top: 10px;padding-right: 0px;padding-left: 0px;}
.more a{border:1px solid #ffae00;display:inline-block;padding-top: 10;padding-right: 20px;padding-bottom: 10;padding-left: 20px;background:#ffae00; color:#fff;}
.more a:hover{background:#fff; color:#ffae00; border:1px solid #ffae00;}
.box2 {height: 680px;}
.box2 .mkgy {float: left;height: 180px;width: 600px;padding-top: 20px;padding-bottom: 20px;}
.box2 .mk1 {float: left;height: 180px;width: 180px;padding-left: 250px;padding-right: 170px;}
.box2 .mk2 {float: left;height: 180px;width: 180px;padding-left: 170px;padding-right: 250px;}
.box2 .mk3 {float: left;height: 180px;width: 180px;padding-right: 270px;padding-left: 150px;}
.box2 .mk4 {float: left;height: 180px;width: 180px;padding-right: 150px;padding-left: 270px;}
.box2 .mk5 {float: left;height: 180px;width: 180px;padding-right: 220px;padding-left: 200px;}
.box2 .mk6 {float: left;height: 180px;width: 180px;padding-right: 200px;padding-left: 220px;}
.wcbg {background-image: url(../images/wcbg.jpg);background-repeat: no-repeat;background-position: center top;}
.box3 {height: 800px;}
.box4 {height: 700px;}
.box4 dl {margin: 0px;padding: 0px;float: left;height: 320px;width: 300px;}
.box4 dt {text-align: center;float: left;height: 160px;width: 300px;}
.box4 dd {padding: 20px;float: left;height: 140px;width: 260px;}
.box4 dd h2 {font-size: 24px;line-height: 36px;text-align: center;float: left;height: 40px;width: 260px;}
.box4 dd p {font-size: 18px;line-height: 30px;float: left;height: 140px;width: 260px;}
.box5 {height: 560px;}
.box5 ul {float: left;padding: 0px;margin-top: 20px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
.box5 li {text-align: center;float: left;height: 260px;width: 600px;}
.box5 li p {font-size: 24px;line-height: 40px;height: 40px;width: 600px;}
.box6 {height: 800px;}
.box7 {height: 300px;}
.box7 .jz {float: left;height: 30px;width: 330px;padding-top: 20px;padding-bottom: 20px;padding-left: 30px;margin: 20px;font-size: 24px;line-height: 30px;color: #FFF;}
.box7 .jz a {font-size: 24px;color: #FFF;}
.box7 .jz a:hover {font-size: 24px;color: #666;}
.box7 .ys1 {background-color: #12b4ad;}
.box7 .ys2 {background-color: #ff814e;}
.box7 .ys3 {background-color: #97aaef;}
.box7 .ys4 {background-color: #4d6ce0;}
.box7 .ys5 {background-color: #83a743;}
.box7 .ys6 {background-color: #fe6869;}
.gybt {height: 180px;width: 1240px;margin-right: auto;margin-left: auto;}
.gybt h3 {text-align: center;color: #00293d;font-size:48px;font-weight: 700;margin-bottom: 30px;letter-spacing: 1px;line-height: 100px;margin-top: 30px;}
.gybt h4 {text-align: center;color:#3a3a3a;font-size: 30px;letter-spacing: 1px;}
.gybt .xian {height:3px;position: relative; width: 100%;margin-top: 10px;}
.gybt .xian .x1 {height: 1px;background: #f1f1f1;position: absolute;width: 100%;top: 1px;}
.gybt .xian .x2 {height: 5px;background: #ffae00;position: absolute;width: 300px;top: 0;margin-right: auto;margin-left: auto;left: 38%;}
/* 案例中心--------------------------- */
.case {width:1240px;height: auto;font-family:'微软雅黑';margin-right: auto;margin-left: auto;}
.case .tab {overflow:hidden;float: left;width: 1240px;margin-top: 30px;}
.case .tab a {font-family:"微软雅黑";display:block;float:left;text-decoration:none;color:#333;font-size: 24px;line-height: 30px;background-color: #ececec;padding: 20px;height: 30px;width: 265px;text-align: center;border-right-width: 1px;border-right-style: solid;border-right-color: #fff;}
.case .tab a:hover {color:#fff;text-decoration:none;background-color: #ffae00;}
.case .tab a.on {background:#ffae00;color:#fff;text-decoration:none;}
.case .content {overflow:hidden;float: left;height: auto;width: 1240px;}
.case .content li { display:none;}
.case .content li dl {float: left;height: auto;width: 1240px;margin-bottom: 30px;margin-right: 20px;margin-left: 20px;margin-top: 50px;}
.case .content li dt {float: left;height: 400px;width: 500px;}
.case .content li dd {float: left;height: 400px;width: 650px;padding-right: 20px;padding-left: 20px;}
.case .content li dd H2 {font-size: 40px;line-height: 60px;font-weight: bold;}
.case .content li dd p {font-size: 18px;line-height: 36px;}
a.ljyy{font-size:14px;border:1px solid #99cc67;display:inline-block;color:#99cc67;text-align:center;height: 25px;line-height: 25px;padding-top: 0;padding-right: 20px;padding-bottom: 0;padding-left: 20px;margin-top: 15px;}
a.ljyy:hover{ background:#99cc67; color:#fff;}
.ch-item {
width: 100%;
height: 100%;
border-radius: 50%;
position: relative;
cursor: default;
box-shadow:
inset 0 0 0 16px rgba(255,255,255,0.6),
0 1px 2px rgba(0,0,0,0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.ch-img-1 { background-image: url(../images/wtxf1.png);}
.ch-img-2 { background-image: url(../images/wtxf2.png);}
.ch-img-3 { background-image: url(../images/wtxf3.png);}
.ch-img-4 { background-image: url(../images/wtxf4.png);}
.ch-img-5 { background-image: url(../images/wtxf5.png);}
.ch-img-6 { background-image: url(../images/wtxf6.png);}
.ch-info {
position: absolute;
background: rgba(255,174,0, 0.8);
width: 180px;
height: 180px;
border-radius: 50%;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-backface-visibility: hidden;
}
.ch-info h3 {
color: #fff;
font-size: 20px;
height: 180px;
font-family: "微软雅黑";
text-shadow:
0 0 1px #fff,
0 1px 2px rgba(0,0,0,0.3);
padding-top: 60px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
text-align: center;
margin: 0;
}
.ch-info p {
color: #fff;
padding: 10px 5px;
font-style: italic;
margin: 0 30px;
font-size: 16px;
opacity: 0;
-webkit-transition: all 1s ease-in-out 0.4s;
-moz-transition: all 1s ease-in-out 0.4s;
-o-transition: all 1s ease-in-out 0.4s;
-ms-transition: all 1s ease-in-out 0.4s;
transition: all 1s ease-in-out 0.4s;
}
.ch-info p a {
display: block;
color: #fff;
color: rgba(255,255,255,0.7);
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
padding-top: 4px;
font-family: 'Open Sans',微软雅黑, Arial, sans-serif;
}
.ch-info p a:hover {
color: #553071;
color: rgba(85,48,113, 0.8);
}
.ch-item:hover {
box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.1),
0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
font-family: "微软雅黑";
font-size: 30px;
}
.ch-item:hover .ch-info p {opacity: 1;font-size: 12px;}
.ch-grid {margin: 20px 0 0 0;padding: 0;list-style: none;display: block;text-align: center;width: 100%;}
.ch-grid:after,
.ch-item:before {content: ''; display: table;}
.ch-grid:after {clear: both;}
.ch-grid li {width: 180px;height: 180px;display: inline-block;margin: 20px;}
/*专家轮换*/
.wrap { position: relative; width: 1240px; margin: 0 auto; }
.slide { width: 100%; height: 800px; position: relative; }
.slide .hd { height: 173px; width: 100%; }
.slide .hd li { width: 103px; float: left; margin-right: 163px; }
.slide .hd li:first-child { margin-left: 283px; }
.slide .hd li:last-child { width: 148px; }
.slide .hd li .pic-s { width: 103px; height: 103px; border-radius: 50%; border: 5px solid #434343; background: url("http://www.szmlkq.com/skin/img/14.1.png")no-repeat center; position: relative; transition: all 0.3s; cursor: pointer; }
.slide .hd li.on .pic-s { border-color: #FFAE00; }
.slide .hd li:nth-of-type(2) .pic-s { background: url("http://www.szmlkq.com/skin/img/14.2.png")no-repeat center; }
.slide .hd li:nth-of-type(3) .pic-s { background: url("../images/zjxt3.jpg")no-repeat center; }
.slide .hd li .pic-s:before { content: ""; position: absolute; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #434343; left: 50%; bottom: -12px; -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: all 0.3s; }
.slide .hd li.on .pic-s:before { border-top-color: #FFAE00; }
.slide .hd li span { display: block; text-align: center; font-size: 18px; line-height: 46px; position: relative; transition: all 0.3s; }
.slide .hd li:last-child span { -webkit-transform: translateX(-15px); transform: translateX(-15px); }
.slide .hd li.on span { color: #FFAE00; }
.slide .hd li.on span:before { content: ""; position: absolute; width: 60px; height: 2px; background: #FFAE00; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; }
.slide .bd li { width: 1200px; height: 595px; overflow: hidden; }
.slide .bd li { background: #1b1b1b url("../images/lili.png")no-repeat top left; }
.slide .bd li:nth-of-type(2) { background: #1b1b1b url("../images/lichao.png")no-repeat top left; }
.slide .bd li:nth-of-type(3) { background: #1b1b1b url("../images/zjtj3.jpg")no-repeat top left; }
.slide .bd li .bdCon { width: 600px; height: 595px; margin-left: 600px; padding: 75px 35px 0 45px; position: relative; }
.slide .bd li .bdCon h6 {
font-size: 48px;
color: #fff;
margin-bottom: 40px;
line-height: 60px;
}
.slide .bd li .bdCon h6 em { width: 6px; height: 50px; background: #fff; display: inline-block; margin: 0 27px -7px; }
.slide .bd li .bdCon span { font-size: 22px; color: #fff; line-height: 34px; display: block; }
.slide .bd li .bdCon P {
font-size: 20px;
color: #fff;
line-height: 32px;
width: 500px;
margin-top: 5px;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
}
.slide .prevbtn, .slide .nextbtn { top: 383px; z-index: 88; }
.slide .prevbtn { left: -75px; }
.slide .nextbtn { right: -75px; }
.prevbtn, .nextbtn { z-index: 88; width: 58px; height: 150px; border-radius: 5px; background: rgba(27, 27, 27, .5); position: absolute; top: 106px; z-index: 67; -webkit-transition: all 0.3s; transition: all 0.3s; display: block; }
.prevbtn:hover, .nextbtn:hover { background: rgba(27, 27, 27, .8); }
.prevbtn { left: -116px; }
.nextbtn { right: -116px; }
.prevbtn:before, .nextbtn:before { content: ""; position: absolute; width: 34px; height: 62px; background: url("../images/icons.png")no-repeat 0 -73px; margin: 45px 10px 0; }
.nextbtn:before { background-position: -110px -73px; }
.btn3, .btn4 {
width: 210px;
height: 57px;
line-height: 57px;
text-align: center;
color: #fff;
transition: all 0.5s;
font-size: 30px;
position: absolute;
background-color: #FFAE00;
}
.btn3 { left: 75px; }
.btn4 { background: #fe3509; right: 75px; }
.btn3:hover { background: #c95809; }
.btn4:hover { background: #da2902; }