body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td {margin:0;padding:0; color:#000; word-break:break-all; word-wrap:break-word;}
body,button,input,select,textarea {font:12px/1.125 microsoft yahei,arial;}
ul,ol,li{list-style:none;}
img{ border:0;vertical-align:top;}
em,i{font-style:normal;}
a{ color:#000; text-decoration:none;}
a:hover{text-decoration: underline;color:#000;}
.clear{clear:both;height:0px;overflow:hidden;}
.clearfix:after{content:" ";display:block;visibility:hidden;clear:both;height:0;font-size:0;}
.clearfix{*zoom:1;}


.banner{ height:606px; background:url(../images/banner.jpg) center top no-repeat;}
.nav { width: 100%; margin:0px auto; color: #fff; text-align: center; font-size: 12px; height: 40px; line-height: 40px; font-weight: normal; font-family: SimSun; background:#282828;}
.nav a { color: #fff; }
.tit{ height:224px; background:url(../images/tit.jpg) center top no-repeat; text-indent:-9999px;}
.tit2{ height:173px; background:url(../images/tit2.jpg) center top no-repeat; text-indent:-9999px;}
.tit3{ height:152px; background:url(../images/tit3.jpg) center top no-repeat; text-indent:-9999px;}
.box{ height:304px; background:url(../images/box.png) center top no-repeat; margin:0 auto; width:1200px;}
.box_1{ padding:50px 40px; font-size:20px; line-height:40px;}
.box2{ height:780px; background:url(../images/box2.jpg) center top no-repeat; margin:0 auto; width:1200px;}
.box2_1{ width:573px; height:193px; position:relative; margin:100px 0 0 314px; float:left;overflow:hidden; display:inline;}
.box2_1 h3{ width:573px; height:193px; text-align:center; line-height:193px; color:#fff; font-size:30px; position:absolute; left:0; top:0; font-weight:normal; z-index:10; background:#00a9e0;border-radius: 25px;transition: .5s;}
.box2_1:hover h3{ width:46px; height:143px; text-align:center; line-height:45px; color:#fff; font-size:30px; position:absolute; left:0; top:0; padding-top:50px;transition: .5s;border-radius: 25px 0 0 25px;}
.box2_1 p{ border-radius:25px; border:3px solid #E5E5E5; background:#fff; padding:24px 10px 23px 57px; line-height:20px; height:140px; position:absolute; width:500px; font-size:13px; right:-573px; top:0;z-index:9;transition: .5s;}
.box2_1:hover p{right:0;transition: .5s;}
.box2_2{ width:568px; height:193px; position:relative; margin:175px 0 0 2px; float:left;overflow:hidden; display:inline;}
.box2_2 h3{ width:568px; height:193px; text-align:center; line-height:193px; color:#fff; font-size:30px; position:absolute; left:0; top:0; font-weight:normal; z-index:10; background:#0089e0;border-radius: 25px;transition: .5s;}
.box2_2:hover h3{ width:46px; height:183px; text-align:center; line-height:34px; color:#fff; font-size:30px; position:absolute; left:0; top:0; padding-top:10px;transition: .5s;border-radius: 25px 0 0 25px;}
.box2_2 p{ border-radius:25px; border:3px solid #E5E5E5; background:#fff; padding:24px 10px 23px 57px; line-height:20px; height:140px; position:absolute; width:495px; font-size:13px; right:-568px; top:0;z-index:9;transition: .5s;}
.box2_2:hover p{right:0;transition: .5s;}
.box2_3{ width:568px; height:193px; position:relative; margin:174px 0 0 61px; float:left;overflow:hidden;}
.box2_3 h3{ width:568px; height:193px; text-align:center; line-height:193px; color:#fff; font-size:30px; position:absolute; left:0; top:0; font-weight:normal; z-index:10; background:#0b6fb2;border-radius: 25px;transition: .5s;}
.box2_3:hover h3{ width:46px; height:168px; text-align:center; line-height:34px; color:#fff; font-size:30px; position:absolute; left:0; top:0; padding-top:25px;transition: .5s;border-radius: 25px 0 0 25px;}
.box2_3 p{ border-radius:25px; border:3px solid #E5E5E5; background:#fff; padding:54px 10px 23px 57px; line-height:20px; height:110px; position:absolute; width:495px; font-size:13px; right:-568px; top:0;z-index:9;transition: .5s;}
.box2_3:hover p{right:0;transition: .5s;}
.w1200{ margin:0 auto; width:1200px; position:relative;}
.l1{ float:left; width:622px; height:373px; padding-left:34px;}
.r1{ float:right; width:484px;}
.r1 ul{ width:484px; margin-top:26px;}
.r1 li{ font-size:20px; line-height:60px; height:60px; overflow:hidden;}
.list{ width:1200px; height:383px; clear:both; overflow:hidden; margin:0 auto;}
.list li{ float:left; width:400px;}
.list li span{ display:block; text-align:center; font-size:20px; line-height:45px;}
.list li p{ padding:10px 25px 0 25px; color:#999; font-size:14px; line-height:22px;}
.list2{ width:1200px; height:370px; clear:both; overflow:hidden; margin:0 auto;}
.list2 li{ float:left; width:400px; height:160px; margin-bottom:5px; background:#fcfcfb;}
.list2 li.n1{ padding-left:70px; width:330px;}
.list2 li.n2{ padding-left:50px; width:350px; background:#ececec;}
.list2 li.n3{ padding-left:30px; width:370px;}
.list2 li i{ display:block; padding-top:40px; height:50px; font-size:20px;}
.list2 li i.n1{ display:block; padding-top:20px; height:70px; font-size:20px; line-height:28px;}
.list2 li p{ text-align:center; font-size:20px; line-height:160px;}
#slider{width:1200px; margin:0 auto;}
.slider_box{width:1200px; margin:0 auto;height:510px;overflow:hidden;position: relative;}
.silder_con{height:510px;overflow:hidden;position:absolute;}
.silder_panel{width:1200px;height:510px;float:left;position: relative; overflow:hidden;}
.bor{ border:1px solid #e0e0e0; width:1198px; height:453px; position:absolute; left:0; top:0;}
.silder_nav{height:66px;bottom:0;position:absolute;overflow: hidden; left:395px;}
.silder_nav li{float:left; width:51px; height:37px;margin:0 33px 0 0; text-align:center; color:#fff; font-size:16px; background:url(../images/silder.png) 0 -77px no-repeat; line-height:40px; padding-top:6px; overflow:hidden;}
.silder_nav li.current{ width:76px; height:66px;font-size:22px;background:url(../images/silder.png) 0 0 no-repeat; line-height:66px;}
.slider_box a.prev,.slider_box a.next{width:38px;height:38px;overflow:hidden;text-indent:-999px;position: absolute;cursor: pointer;margin:90px 0 0 0; display:none;}	
.slider_box a.prev{left:0;background-position:0 0;}
.slider_box a.next{right:0;background-position:0 -39px;}
.slider_box:hover a.prev,.slider_box:hover a.next{ display:block;}
.img{ position:relative; width:1200px; height:455px;}
.img p{ width:1200px; height:60px; background:#d3d3d3; position:absolute; left:0; bottom:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity:.8; opacity:0.8;}
.img i{ display:block; position:absolute; left:30px; bottom:0; line-height:60px; font-size:30px;}
#footer { width:100%; margin:0 auto; line-height:22px; text-align:center; padding:50px 0 0; background:#282828; height:130px;}
#footer a { color: #fff; }
#footer p { text-align:center;}
#footer address { font-style:normal; text-align:center; color:#fff;}




.ibm-custom-btn {
 position: relative;
 display: inline-block;
 height: 44px;
 min-width: 200px;
 line-height: 44px;
 padding: 0; font-size:16px;
 background: #fdfdfd;
 border: 2px solid #0099cc;
 transition: .5s;
 border-radius: 12px;
 border: 2px solid #4178be;
 padding-left: 0px!important;
}
.ibm-custom-btn:hover {
 background-color: #4178be;
}
.ibm-custom-btn:hover span.ibm-custom-icon {
 right: 100%;
 margin-right: -35px;
 background-color: #fdfdfd;
 color: #0099cc;
}
.ibm-custom-btn:hover span.ibm-custom-icon {
 color: #4178be;
}
.ibm-custom-btn:hover span.ibm-custom-cta {
 right: 40px;
 opacity: 0;
}
.ibm-btn-02:hover span.ibm-custom-btn-hover, .ibm-btn-03:hover span.ibm-custom-btn-hover {
 opacity: 1;
 right: 20%;
}
.ibm-btn-01:hover span.ibm-custom-btn-hover {
 opacity: 1;
 right: 8%;
}
.ibm-custom-btn span.ibm-custom-icon {
 display: block;
 background-color: #0099cc;
 color: #fff;
 position: absolute;
 float: right;
 margin: 5px;
 line-height: 30px;
 height: 30px;
 width: 30px;
 top: 0;
 right: 0;
 transition: .5s;
}
.ibm-custom-btn span.ibm-custom-icon {
 border-radius: 25%;
}
.ibm-custom-btn span.ibm-custom-icon {
 background-color: #4178be;
}
.ibm-custom-btn span.ibm-custom-cta, .ibm-custom-btn span.ibm-custom-btn-hover {
 position: absolute;
 right: 90px;
 text-align: center;
 margin: 0 auto;
 font-weight: bold;
 color: #30abd5;
 transition: .5s;
}
.ibm-custom-btn span.ibm-custom-cta, .ibm-custom-btn span.ibm-custom-btn-hover {
 color: #4178be;
 right: 80px;
}
.ibm-custom-btn span.ibm-custom-btn-hover {
 right: 80px;
 opacity: 0;
}
.ibm-custom-btn span.ibm-custom-btn-hover {
 color: #fff;
}