@charset "utf-8";


.mk_max { width:100%;}
.mk_con { width:1200px; margin:0 auto; padding:80px 0 90px 0;}
.h2_title {}
.h2_title h2 { display:block; font-size:30px; text-align:center; height:64px; line-height:64px; padding-bottom:60px; font-weight:normal; color:#333;}
.mk_dl { }
.mk_dl dl { width:326px; height:270px; display:block; padding:20px 15px; float:left;}
.mk_dl dl dt { display:block; text-align:center;}
.mk_dl dl dt span { padding:22px; width:68px; height:68px; display:block; border:1px solid #eaeaea; border-radius:50%; margin-left:110px; }
.mk_dl dl:hover dt span {  padding:22px; width:68px; height:68px; display:block; border:1px solid #1180ca; border-radius:50%; margin-left:110px;}
.mk_dl dl dt span img { width:68px; height:68px; transition: all 1s; }
.mk_dl dl:hover dt span img { width:68px; height:68px; transform: translateX(0px) translateY(0px)  rotate(15deg)}
.mk_dl dl dd { display:block; padding-top:12px;}
.mk_dl dl dd h3 { font-size:22px; text-align:center; font-weight:normal; color:#444; height:42px; line-height:42px;}
.mk_dl dl dd p { font-size:14px; text-align:center; color:#808080; line-height:24px; display:block; height:72px;}
.margin_left { margin-left:66px;}



.product_max { width:100%; background:#ededed; padding:62px 0;}
.product_h2 {display:block; font-size:30px; text-align:center; height:64px; line-height:64px; font-weight:normal; color:#333;}
.product_h2_p { font-size:16px; color:#555; text-align:center; height:36px; line-height:36px; padding-bottom:36px;}
.product_mk { height:734px; width:100%; background:url(../images/cp_bj_02.png) no-repeat center top;}
.product_con { width:1200px; margin:0 auto; height:734px;}
.product_con dl { width:400px; height:367px; float:left;}
.product_con dl dt { text-align:center; display:block; height:154px;}
.product_con dl dt span { display:block; text-align:center; padding-top:35px;}
.product_con dl dd { display:block;}
.product_con dl dd h3 { font-size:22px; text-align:center; height:46px; line-height:46px; padding-bottom:8px;}
.product_con dl dd p { font-size:14px; text-align:center; display:block; padding:0 53px; line-height:26px; height:52px; overflow:hidden;}
.product_con dl dd span { display:block; text-align:center; padding-top:22px;}
.product_con dl dd span a { width:112px; height:36px; display:inline-block; line-height:36px;}
.product_con dl.bai { background:#fff;}
.product_con dl.bai dd h3 { color:#555;}
.product_con dl.bai dd p { color:#808080;} 
.product_con dl.bai dd span a { border:#cecece 1px solid; color:#1180ca;}
.product_con dl.bai dd span a:hover { text-decoration:none; border:#ffa800 1px solid; background:#ffa800; color:#fff;}
.product_con dl.hei { }
.product_con dl.hei dd h3 { color:#fff;}
.product_con dl.hei dd p { color:#cacaca;} 
.product_con dl.hei dd span a { border:#aaa 1px solid; color:#ffa800;}
.product_con dl.hei dd span a:hover { text-decoration:none; border:#ffa800 1px solid; background:#ffa800; color:#fff;}

.case_max {width:100%; padding:90px 0 110px 0;}
.case_mak { padding-top:10px; width:1300px; margin:0 auto;overflow: hidden;}                                                                                                
.case_mk { width: 1200px; margin:0 auto; position: relative;  }
.prev { display:block; position: absolute; width:38px; height:64px; top:140px; left:-50px; background:url(../images/prev.png) no-repeat; cursor: pointer;z-index: 99;}
.next { display:block; position: absolute; width:38px; height:64px; top:140px; right:-50px; background:url(../images/next.png) no-repeat; cursor: pointer;z-index: 99;}
.case_con { width:1200px; height:390px; margin: 0 auto; overflow:hidden; }
.case_con ul {}
.case_con ul .swiper_item:nth-child(1){position: absolute;left: 0;}
.case_con ul .swiper_item:nth-child(2){position: absolute;left: 1300px;}
.case_con ul li { float: left; width:210px; height:388px; text-align: center; background:#fff; border-top:2px solid #dbdbdb; margin-right:30px; }
.case_con ul li .pic { width:230px; height:340px;}
.case_con ul li .pic img { width:230px;}
.case_con ul li .tit { font-size:18px; background: #fff;position: relative;top: -30px;text-align: center;margin: 0 auto;width: 230px;}
.case_con ul li:hover .tit span { color:#1180ca;}
.case_con ul li a{cursor: default;}

.fott_banner { height:100px; width:100%; background: url(../images/mysy_77.png) no-repeat center;}
.fotban_h3 { font-size:36px; color:#fff; text-align:center; line-height:60px; height:60px; padding:50px 0 30px 0;}
.fotban_a { text-align:center;}
.fotban_a a { width:165px; height:50px; background:#ffa800; display:inline-block; text-align:center; line-height:50px; font-size:20px; color:#fff;}