@charset "utf-8";
/* CSS Document */
.index_case{width: 100%;overflow: hidden;padding-bottom: 18px; background-color: #374c69; padding-top: 0px;}
.index_case .title a{text-align: center;font-size: 38px;font-weight: bold;color: #fff;display: block;margin-bottom: 50px;background:url(../images/pro_title.jpg) no-repeat center 55px;}
.index_case .title a em{font-size: 18px;color: #fff;display: block;font-style: normal;padding-top:23px;}
#mOuterBox{overflow:hidden; *overflow-x: hidden;}
h1,h2,p,ul{ margin:0; padding:0;}
.ct,.mf{overflow:hidden; *overflow-x: hidden;}
#mOuterBox{}
#mBody1,#dBody1{background-position: 0% 0%;}
#mBody2,#dBody2{background-position: 0% 0%;}
.m-mod { font: 14px/1.43 Arial, Helvetica, sans-serif; color: #333; }
.m-mod * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.m-mod *::before, .m-mod *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }
.m-mod a { color: inherit; text-decoration: none; }
.m-mod ul, .m-mod li { list-style: none; }
.m-mod img {  border: 0; max-width: 100%; }
/*初始化样式结束*/
/*公共标题*/
.m-title { color: #0067ac; width: 365px; margin: 10px auto; text-align: center; position: relative; }
.m-title .en-title { text-transform: uppercase; font-size: 12px; position: absolute; padding: 0 10px; top: -9px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: transparent; z-index: 3; }
.m-title .main-title { font-size: 36px; font-weight: bold; border-bottom: 1px solid #0067ac; padding: 4px 0 7px; }
.m-title .sub-title { color: #333; font-size: 20px; margin-top: 5px; }
.m-title .pro { background-color: #e4e4e4; }
.m-title .about { background-color: #e2ecf6; }
/*导航定位*/
#tmf9{position:absolute;width:100%;left:0;bottom:-8px;z-index:999;}
.xfbox {color: #666;font: normal 14px/1.45 Arial, Helvetica, sans-serif;}
.xfbox * {margin: 0;padding: 0;box-sizing: border-box;}
.xfbox li,.box-11005_1 ul { list-style: none}
.xfbox a {color: inherit;text-decoration: none}
.xfbox img {vertical-align: middle;max-width: 100%}
.xfbox .pic-item {white-space: nowrap;overflow: hidden;}
.xfbox .pic-item li {width: 290px;float: left;margin-right: 13px;margin-bottom: 13px;background-color: #fff;}
.xfbox .pic-item li:nth-child(4n) {margin-right: 0;}
.xfbox .pic-item a {display: block;overflow: hidden}
.xfbox .pic-item .thuml {margin-bottom: 5px;text-align: center; overflow:hidden;}
.xfbox .pic-item .thuml img {transition: all ease .3s;-webkit-transition: all ease .3s; width:290px; height:200px;}
.xfbox .pic-item .thuml:hover img {transform: scale(1.1);-webkit-transform: scale(1.1);}
.xfbox .pic-item .date_wrap {color: #888}
.xfbox .pic-item .title {color: #333;font-size: 16px;margin: 8px 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.xfbox .pic-item .item-des {color: #999;font-size: 12px;line-height: 22px;max-height: 44px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.xfbox .wrap-dot {text-align: center;font-size: 0;padding: 10px 0}
.xfbox .wrap-dot li {display: inline-block;width: 12px;height: 12px;border: 2px solid #bc2023;border-radius: 50%;margin: 0 4px;background-color: #fff;}
.xfbox .wrap-dot li:hover {cursor: pointer;}
.xfbox .wrap-dot li.on {background: #bc2023}