@charset "utf-8";
*{ font-family:"微软雅黑", "宋体"; font-size:14px; margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0;} 
img{ border:none;}
body{background-color:#fff; overflow-x:hidden; color:#666; font-size:14px; font-family: "微软雅黑"; position:relative;min-width:1200px;width:100%;}/*网站字体颜色*/
table {border-collapse:collapse; border-spacing:0;}
table th , table td {padding:5px;}
fieldset , img {border:0;}
address , caption , cite , code , dfn , em ,i , th , var {font-style:normal; font-weight:normal;}
ol , ul {list-style:none;}
ception , th{text-align:left;}
q:before , q:after{content:'';}
abbr , acronym{border:0;}
a {color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:none;} /*for ff f6n.net*/
a:hover {text-decoration:none;}

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {width: 8px; /*对垂直滚动条有效*/height: 10px;  /*对水平滚动条有效*/}
/*定义滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track {background-color: #ececec;border-radius: 0px;}
/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb {background-color:#d4d4d4;border-radius: 0px;}
/* 光标移到滚动滑块上样式颜色变深 */
::-webkit-scrollbar-thumb:hover {background-color:#8d8d8d;}
/*定义两端按钮的样式*/
::-webkit-scrollbar-button {height:0px;background-color:#F4F4F4;}
/*定义右下角汇合处的样式*/
::-webkit-scrollbar-corner {background: khaki;}
* {scrollbar-color: #d4d4d4 #ececec; /* 滑块颜色  滚动条背景颜色 */scrollbar-width: thin; /* 滚动条宽度有三种：thin、auto、none */}

/*定位*/
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.bc {margin-left:auto; margin-right:auto;}
.fl {float:left; display:inline;}
.fr {float:right; display:inline;}
.zoom {zoom:1}
.hidden {visibility:hidden;}
.vam {vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
li{list-style:none;}

/*清除浮动*/
.clearfix:after{ 
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix{ /*兼容 IE*/
    zoom: 1;
}


/*----通用高度-------*/
.blank1{ height:1px; display:block; clear:both; overflow:hidden;}
.blank2{ height:2px; display:block; clear:both; overflow:hidden;}
.blank3{ height:3px; display:block; clear:both; overflow:hidden;}
.blank5{ height:5px; display:block; clear:both; overflow:hidden;}
.blank10{ height:10px; display:block; clear:both; overflow:hidden;}
.blank15{ height:15px; display:block; clear:both; overflow:hidden;}
.blank20{ height:20px; display:block; clear:both; overflow:hidden;}
.blank25{ height:25px; display:block; clear:both; overflow:hidden;}
.blank30{ height:30px; display:block; clear:both; overflow:hidden;}
.blank40{ height:40px; display:block; clear:both; overflow:hidden;}
.blank50{ height:50px; display:block; clear:both; overflow:hidden;}
.blank60{ height:60px; display:block; clear:both; overflow:hidden;}
.blank70{ height:70px; display:block; clear:both; overflow:hidden;}
.blank80{ height:80px; display:block; clear:both; overflow:hidden;}
.blank100{ height:100px; display:block; clear:both; overflow:hidden;}
.blank120{ height:120px; display:block; clear:both; overflow:hidden;}
.blank160{ height:160px; display:block; clear:both; overflow:hidden;}
.blank200{ height:200px; display:block; clear:both; overflow:hidden;}
/*---------------------------------------------------------外框部分-------------------------------------------------*/



.container { padding-right:0px; padding-left: 0px; margin-right: auto; margin-left: auto; height:auto; overflow:hidden; }
@media (max-width:768px){.container {width:100%;}}
@media (min-width:1200px){.container {width:1200px;}}


/*--------------------------------------------------头部开始--------------------------------------------------------*/
.top{ width:1200px;}
.content_banner{ width: 100%; height:300px; overflow: hidden; }

.wrap-header {height: auto;background: #FFFFFF;padding: 0 0px; }
.wrap-header .headerBox {font-size: 14px;color: #999;height: 44px;border-bottom: 1px solid #f4f4f4;background: #fff;position: relative;z-index: 3;}
.wrap-header .headerBox p {height: 44px;line-height: 44px;margin-left:0px;}
.wrap-header .headerBox ul {margin-right: 0px;}
.wrap-header .headerBox ul li {float: left;height: 44px;line-height: 44px;padding: 0 23.5px;border-left: 1px solid #f4f4f4;position: relative;}
.wrap-header .headerBox ul li:last-child {padding-right: 0;}
.wrap-header .headerBox ul li a {color: #999;}
.wrap-header .headerBox ul li b {color: #333;font-size: 18px;}
.wrap-header .headerBox ul li span {display: none;}
.wrap-header .headerBox ul li:hover span {display: block;width: 100px;height: 100px;position: absolute;top: 45px;left: 0px;}
.wrap-header .headerBox ul li:hover span img {display: block;width: 100px;height: 100px;}
.wrap-header .logo {height: 100px;position: relative;background: #fff;z-index: 2;}
.wrap-header h1 {position: absolute;left: 0px;top: 30px;}
.wrap-header h1 img {display: block;width: 146px;height: 42px;}
.wrap-header .l_tit {width: auto;padding:29px 0 0 37px;position: absolute;top: 0px;left: 176px;height: 67px;border-left: 1px solid #eee;}
.wrap-header .l_tit .p1 {font-size: 18px;color: #333;}
.wrap-header .l_tit .p2 {font-size: 16px;color: #666;}


.wrap-header .nav {position: absolute;right: 0px;top: 0px;height:100px;}
.wrap-header .nav ul {height: 100px;}
.wrap-header .nav ul li {float: left;padding:0 0px 0 20px;font-size: 15px;position: relative;height: 100px;line-height: 100px;}
.wrap-header .nav ul li:hover {float: left;padding:0 0px 0 20px;font-size: 15px;position: relative;height: 100px;line-height: 100px; background: #0e75c8; color: #ffffff;}
.wrap-header .nav ul li:hover a {color: #FFFFFF;}
.wrap-header .nav ul li ul li a {}
.wrap-header .nav ul li ul li:hover a { color: #FFF!important;}
.wrap-header .nav ul li ul { height: auto; overflow: hidden;}
.wrap-header .nav .navline {position: absolute;height: 3px;background: #0065A7;bottom: 0;}

.nav_new { top:145px; height:60px; z-index: 3; width: 100%; margin: 0px auto;  background:#0053cc; }
.nav_new ul {height: 60px; }
.nav_new ul li {float: left;padding:0 47px 0 47px;font-size: 15px;position: relative;height: 60px;line-height: 60px;}
.nav_new ul li:hover {float: left;padding:0 47px 0 47px;font-size: 15px;position: relative;height: 60px;line-height: 60px; background: #f98d0b; color: #ffffff;}
.nav_new ul li a {color: #FFFFFF;}
.nav_new ul li:hover a {color: #FFFFFF;}
.nav_new ul li ul li:hover {background:#0e75c8; color: #FFFFFF;}
.nav_new ul li ul li a {}
.nav_new ul li ul li:hover a { color: #FFF!important;}
.nav_new ul li ul { height: auto; overflow: hidden;}
.nav_new .navline_new {position: absolute;height: 3px;background: #0065A7;bottom: 0;}






/*--------------------------------------------------下拉菜单--------------------------------------------------------*/
.subnav { position: absolute; top:58px; left: 50%; visibility: hidden; width: 120%; margin-left: -79px;  opacity: 0; background:#0e75c8; box-shadow: 0 3px 16px rgba(0, 0, 0, .1);  z-index: 3;}
.nav_er > li:hover .subnav { visibility: visible; -webkit-transform: translateY(2px); transform: translateY(2px); opacity: 1; z-index: 4; }
.subnav li {float: left;padding-left: 0px!important;font-size: 15px;position: relative;height:auto!important; width: 100%!important;}
.subnav li a { font-size: 14px; line-height: 40px; position: relative; display: block; overflow: hidden; height: 40px; padding:10px 20px 10px 20px; -webkit-transition: all ease .3s; transition: all ease .3s; white-space: nowrap; text-overflow: ellipsis; color:#FFFFFF;}
.subnav li a:hover { padding-left:40px!important; color: #fff!important; background: #f98d0b; }
.subnav li a:after { position: absolute; top: 50%; right: 10px; visibility: hidden; width: 5px; height: 10px; margin-top: -5px; content: ''; -webkit-transition: all ease .3s; transition: all ease .3s; }
.subnav li a:hover:after { right: 15px; visibility: visible; }



/*当前位置 */
.mub02address{width: 100%;border-bottom: 1px solid #e4e4e4;margin-bottom: 20px;}
.mub02address .con{width: 100%;height: 43px;}
.mub02address .homePage{display: block;width: 43px;height: 43px;background: url(../images/mub02address_homePage.png) no-repeat center;float: left;border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;}
.mub02address p{height: 43px; width:84%; line-height: 43px;font-size: 13px;color: #999999;float: left;margin-left: 18px;    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mub02address p a{color: #999999;padding: 0 4px; font-weight: 600;}
.mub02address .backList{display: block;width: 117px;height: 43px;line-height: 43px;text-align: center;border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea;float: right;font-size: 13px;color: #999999;text-decoration: none; cursor:pointer;}
.mub02address .backList img{display: inline-block;*display: inline-block;margin-right: 10px;position: relative;top: 2px;}



/* about 关于我们*/
.about{width: 100%; background: none;}
.aboutSection{width: 910px;float: right;}
.aboutSection .mainCon{border: 1px solid #e4e4e4;padding-top: 28px;width: 908px;padding-bottom: 0px;}
.aboutSection .mainCon .conBox{width:870px;margin: 20px auto 0;padding-bottom: 20px;background: #fff; line-height:24px;}

.aboutSection .mainCon .conBox p { font-size: 16px!important; line-height: 35px; }
.aboutSection .mainCon .conBox p a { font-size: 16px!important; line-height: 35px; font-weight: 600; }




/* mub02Title 内页头部公共样式*/
.mub02Title{width: 870px;text-align: center;margin: 0 auto;}
.mub02Title h2{font-size: 20px!important;color: #004c9f;font-weight: normal;}
.mub02Title h2 a{font-size: 20px!important; color: #004c9f;text-decoration: none;font-weight: bold;}
.mub02Title i{display: block;width: 870px;height: 3px;margin-top: 26px;}
.mub02Title i img{display: block;width: 870px;height: 3px;}





/* InpageSidebar01 侧栏导航1公共样式*/
.InpageSidebar01{width: 270px;float: left; clear: both;}
.InpageSidebar01 .top_left{width: 100%;height: 80px;background: #004c9f;}
.InpageSidebar01 .top_left .h2{height: 80px;text-indent: 28px;background: url(../images/InpageSidebar01_icon01.png) no-repeat 218px center;line-height:80px;font-size: 24px;color: #fff;font-weight: normal;}
.InpageSidebar01 .top_left .h2 a{color: #fff;text-decoration: none; font-weight: bold; font-size: 24px; }
.InpageSidebar01 .classify .box{border: 1px solid #e4e4e4;border-top: none;position: relative;}
.InpageSidebar01 .classify .box:first-child{border-top: 1px solid #e4e4e4;}
.InpageSidebar01 .classify dl{padding: 14px 19px 18px 30px;}
.InpageSidebar01 .classify dt{font-size: 20px;color: #333333;background: url(../images/mub02_jt03.png) no-repeat 194px 6px;margin-bottom: 14px;}
.InpageSidebar01 .classify dt a{color: #333333;}
.InpageSidebar01 .classify dd p{border-left: 1px solid #e4e4e4;height: 35px;line-height: 35px;} 
.InpageSidebar01 .classify dd p a{font-size: 15px;color: #333333;display: block;text-indent: 16px;text-decoration: none;}
.InpageSidebar01 .classify .box i{display: none;width: 3px;height: 100%;position: absolute;left: -1px;top: 0;background: #004c9f;}
.InpageSidebar01 .classify .box:hover{background: #f5f5f5;}
.InpageSidebar01 .classify .box:hover i{display: block;}
.InpageSidebar01 .classify .box dt.cur{background: url(../images/mub02_jt04.png) no-repeat 194px 6px;font-weight: bold;}
.InpageSidebar01 .classify .box:hover dt a,.InpageSidebar01 .classify .box dt.cur a{color: #004c9f;display: block;text-decoration: none;}
.InpageSidebar01 .classify .box:hover dt{background: url(../images/mub02_jt04.png) no-repeat 194px 6px;font-weight: bold;}
.InpageSidebar01 .classify dd p:hover a,.InpageSidebar01 .classify dd p.cur a{color: #fff;}
.InpageSidebar01 .classify dd p:hover,.InpageSidebar01 .classify dd p.cur{background: url(../images/mub02_jt02-2.png) no-repeat 194px center #004c9f;}
.InpageSidebar01 .sidebarLinkUs{border: 1px solid #e4e4e4;margin-top: 20px;padding: 0 19px 20px; margin-bottom:20px;}
.InpageSidebar01 .sidebarLinkUs h3{font-size: 18px;color: #004c9f;font-weight: normal;height: 59px;line-height: 59px;border-bottom: 1px solid #e4e4e4;margin-bottom: 18px;text-indent: 10px;}
.InpageSidebar01 .sidebarLinkUs p{font-size: 14px;color: #333333;margin-bottom: 12px;line-height: 30px;padding: 0 0px 0 10px;}
.InpageSidebar01 .sidebarLinkUs .zxzx{display: block;width: 160px;height: 50px;overflow: hidden;background: #004c9f;text-decoration: none;margin-top: 20px;}
.InpageSidebar01 .sidebarLinkUs .zxzx span{display: block;width: 50px;height: 50px;float: left;border-right: 1px solid #fff;background: url(../images/zxzx_icon01.png) no-repeat center;}
.InpageSidebar01 .sidebarLinkUs .zxzx em{display: block;width: 109px;height: 50px;line-height: 50px;text-align: center;font-size: 16px!important;color: #fff;float: left;}
.InpageSidebar01 .sidebarLinkUs .zxzx em img{display: inline-block; position: relative;top: 2px;margin-left: 8px;}



/* InpageSidebar02 侧栏导航2公共样式*/
.InpageSidebar02 .classify{border: 1px solid #e4e4e4;border-top: none;position: relative;}
.InpageSidebar02 .classify li{height: 58px;border-top: 1px solid #e4e4e4;text-indent: 28px;font-size: 15px;color: #333333;line-height: 58px;background: url(../images/mub02_jt03.png) no-repeat 224px center;}



.InpageSidebar02 .classify li a{color: #333333;display: block;text-decoration: none; font-size: 15px;}
.InpageSidebar02 .classify li:hover,.InpageSidebar02 .classify li.cur{background: url(../images/mub02_jt04.png) no-repeat 224px center #f5f5f5;}
.InpageSidebar02 .classify li:hover a,.InpageSidebar02 .classify li.cur a{color: #004c9f;font-weight: bold;}
.InpageSidebar02 .classify i{display: block;width: 3px;background: #004c9f;position: absolute;left: -1px;top: 0;z-index: 9;}
.InpageSidebar02 .xgzx{border: 1px solid #e4e4e4;margin-top: 20px;padding: 0 19px 16px;}
.InpageSidebar02 .xgzx h3{font-size: 18px;color: #004c9f;font-weight: normal;height: 59px;line-height: 59px;border-bottom: 1px solid #e4e4e4;margin-bottom: 18px;text-indent: 10px;}
.InpageSidebar02 .xgzx p{font-size: 14px;color: #333333;margin-bottom: 10px;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.InpageSidebar02 .xgzx p a{color: #333333;}
.InpageSidebar02 .xgzx p:hover a{color: #004c9f;}


/* newsList 新闻列表*/
.newsList{width: 100%;}
.newsListSection{width: 910px;float: right;}
.newsListSection .mainCon{border: 1px solid #e4e4e4;padding-top: 28px;width: 908px;}
.newsListSection .newsListIntro{width:870px;margin: 40px auto 0;}
.newsListSection .newsListIntro .box1{padding-bottom: 20px;}
.newsListSection .newsListIntro .box1 dt{float: left;width: 290px;height: 186px;float: left;}
.newsListSection .newsListIntro .box1 dt img{display: block;width: 290px;height: 186px;}
.newsListSection .newsListIntro .box1 dd{width: 552px;float: right;position: relative;height: 186px;position: relative;position: relative;}
.newsListSection .newsListIntro .box1 dd h3{font-size: 16px;color: #333333;font-weight: bold;width: 550px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsListSection .newsListIntro .box1 dd h3 a{color: #333333;text-decoration: none;}
.newsListSection .newsListIntro .box1 dd p{font-size: 14px;color: #666666;line-height: 24px;margin-top: 18px;}
.newsListSection .newsListIntro .box1 dd a.more{font-size: 13px;color: #999999;text-decoration: none;text-align: center;width: 128px;height: 48px;line-height: 48px;display: block;position: absolute;left: 0;bottom: 0;border: 1px solid #e4e4e4;}
.newsListSection .newsListIntro .box1 dd a.more:hover{background: #004c9f;color: #fff;border-color: #004c9f;}
.newsListSection .newsListIntro .box1 dd:hover h3 a{color: #004c9f;}
.newsListSection .newsListIntro .box2 dl{padding: 18px 0;border-top: 1px solid #e4e4e4;}
.newsListSection .newsListIntro .box2 dt{width: 170px;height: 104px;background: #f5f5f5;text-align: center;padding-top: 32px;float: left;}
.newsListSection .newsListIntro .box2 dt span{display: block;font-size: 42px;color: #666666;font-weight: bold;font-family: arial;}
.newsListSection .newsListIntro .box2 dt em{font-size: 16px;color: #666666;display: block;font-family: arial;}
.newsListSection .newsListIntro .box2 dd{width: 682px;height: 136px;position: relative;float: right;}
.newsListSection .newsListIntro .box2 dd h3{font-size: 16px!important;color: #333333;font-weight: bold;width: 628px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsListSection .newsListIntro .box2 dd h3 a{color: #333333;text-decoration: none; font-size: 16px!important;}
.newsListSection .newsListIntro .box2 dd p{line-height: 24px;margin-top: 14px;font-size: 14px;color: #666666;width: 628px;}
.newsListSection .newsListIntro .box2 dd p a{color: #666666;text-decoration: none;}
.newsListSection .newsListIntro .box2 dd span{display: block;padding-left: 25px;position: absolute;left: 0;bottom: 0;background: url(../images/label.png) no-repeat left center;line-height: 18px;}
.newsListSection .newsListIntro .box2 dd span a{color: #999999;font-size: 12px;}
.newsListSection .newsListIntro .box2 dd a.more{display: block;width: 37px;height: 37px;position: absolute;right: 0;top: 50%;margin-top: -18px;overflow: hidden;}
.newsListSection .newsListIntro .box2 dd a.more img{display: block;position: relative;}
.newsListSection .newsListIntro .box2 dl:hover dt{background: #004c9f;}
.newsListSection .newsListIntro .box2 dl:hover dt span,.newsListSection .newsListIntro .box2 dl:hover dt em{color: #fff;}
.newsListSection .newsListIntro .box2 dl:hover dd h3 a{color: #004c9f;}
.newsListSection .newsListIntro .box2 dl:hover dd a.more img{top: -37px;}

/* newsDetails 新闻详情*/
.newsDetails{width: 100%;}
.newsDetails .InpageSidebar01{float: right;}
.newsDetailsSection{width: 910px;float: left;position: relative;}
.newsDetailsSection .article{border: 1px solid #e4e4e4;width: 908px;position: relative;}
.newsDetailsSection .article .conBox{padding:  20px 19px 0;}
.newsDetailsSection .article .title h1{font-size: 22px;color: #333333;font-weight: normal;margin-bottom: 20px;}
.newsDetailsSection .article .title .share{width: 100%;height: 24px;}
.newsDetailsSection .article .title .share p{float: left;overflow: hidden;}
.newsDetailsSection .article .title .share p span{display: block;font-size: 12px;color: #999999;float: left
;padding: 0 8px;border-left: 1px dotted #b6b6b6;float: left;}
.newsDetailsSection .article .title .share p span:first-child{padding-left: 0;border-left: none;}
.newsDetailsSection .article .title .share p span #cntrHits{ float:right;}
.newsDetailsSection .article .title .share ul{float: right;}
.newsDetailsSection .article .title .share li{margin-left: 7px;width: 24px;height: 24px;float: left;}
.newsDetailsSection .article .title .share li img{display: block;}
.newsDetailsSection .article .title  i{width: 100%;display: block;height: 3px;background: #e7e7e7;margin-top: 12px;background: url(../images/mub02Top2_xian-2.png) no-repeat center;}
.newsDetailsSection .article .title p.label{font-size: 12px;color: #999999;display: block;padding-left: 26px;background: url(../images/label.png) no-repeat left center;line-height: 16px;margin-top: 20px;}
.newsDetailsSection .article .con{margin-top: 20px;padding-bottom: 20px; overflow:hidden;}
.newsDetialsArticle .article .con img{max-width: 100%;}
.newsDetailsSection .article .con p{line-height: 30px;font-size: 16px;color: #333333;}
.newsDetailsSection .article .con p a{ font-size: 16px; color:#333333; font-weight: 600; }
.newsDetailsSection .article .context{width: 100%;border-top: 1px solid #e7e7e7;background: #fff;height: 60px;}
.newsDetailsSection .article .context p{width:45.9%;float: left;height: 60px;line-height: 60px; padding-left: 20px;}
.newsDetailsSection .article .context p a{font-size: 13px;color: #666666;display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsDetailsSection .article .context p.prevNews a{margin-left: 0px;padding-left: 20px;background: url(../images/mub02_jt01-2.png) no-repeat left center;}
.newsDetailsSection .article .context p.NextNews a{margin-right: 0px;padding-right: 20px;text-align: right;background: url(../images/mub02_jt03.png) no-repeat right center;}
.newsDetailsSection .article .context p.prevNews a:hover{background: url(../images/mub02_jt05.png) no-repeat left center;color: #004c9f;}
.newsDetailsSection .article .context p.NextNews a:hover{background: url(../images/mub02_jt04.png) no-repeat right center;color: #004c9f;}
.newsDetailsSection .article .context p.NextNews{border-left: 1px solid #e7e7e7;width:45.9%; float: right; text-align: right;padding-left: 0px; padding-right: 20px;}
.newsDetailsSection .backNewsList{width: 59px;height: 59px;display: block;position: absolute;left: -59px;top: 0;cursor:pointer;}




/* mub02Top */
.mub02Top{width: 870px;margin: 0 auto;padding-top: 20px;}
.mub02Top h2{font-size: 18px;color: #004c9f;font-weight: normal;height: 40px;border-bottom: 1px solid #e4e4e4;}
/* mub02xgyd 相关阅读/推荐阅读公共样式*/
.mub02xgyd{border: 1px solid #e4e4e4;padding: 0 19px 10px;margin-top: 20px; margin-bottom: 20px;}
.mub02xgyd .conBox{width: 100%;margin-top: 22px;overflow: hidden;}
.mub02xgyd .conBox ul{width: 106%;}
.mub02xgyd .conBox li{width: 416px;overflow: hidden;margin-right: 38px;float: left;margin-bottom: 13px;}
.mub02xgyd .conBox li a{display: block;font-size: 14px;color: #333333;float: left;width: 302px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mub02xgyd .conBox li a:hover{color: #004c9f;}
.mub02xgyd .conBox li span{display: block;font-size: 14px;color: #999999;font-family: arial;float: right;}


/* mub02tjcp 推荐产品公共样式*/
.mub02tjcp{border: 1px solid #e4e4e4;padding: 0 19px 20px;margin-top: 20px;}
.mub02tjcp .conBox{width: 100%;margin-top: 20px;}
.mub02tjcp .conBox li{width: 280px;float: left;margin-left: 15px;text-align: center;}
.mub02tjcp .conBox li:first-child{margin-left: 0;}
.mub02tjcp .conBox li span{display: block;width: 278px;height: auto;overflow: hidden;border: 1px solid #e4e4e4;}
.mub02tjcp .conBox li img{display: block;transform: scale(1);transition: all 1s ease-out; width: 278px;height: auto;}
.mub02tjcp .conBox li:hover img{transform: scale(1.2);}
.mub02tjcp .conBox li em{display: block;font-size: 14px;color: #333333;margin-top: 10px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.mub02tjcp .conBox li a{display: block;text-decoration: none;}



/* proList 产品列表*/
.proList{width: 100%;}
.proListSection{width: 910px;float: right;}
.proListSection .mainCon{border: 1px solid #e4e4e4;padding-top: 28px;width: 908px;}
.proListSection .mainCon .conBox{width:870px;margin: 20px auto 0;padding-bottom: 30px;}
.proListSection .mainCon .conBox ul{width: 104%;}
.proListSection .mainCon .conBox li{float: left;width: 280px;margin-right: 15px;margin-bottom: 20px;}
.proListSection .mainCon .conBox li.noMl{ margin-right:0px;}
.proListSection .mainCon .conBox li .Pic{width: 278px;height: auto;border: 1px solid #e4e4e4;overflow: hidden;display: block;}
.proListSection .mainCon .conBox li .Pic img{display:block;width: 278px;height: auto;transform: scale(1);transition: all 1s ease-out;}
.proListSection .mainCon .conBox li .intro{width: 280px;height:auto;text-align: center;padding-top: 14px;position: relative;}
.proListSection .mainCon .conBox li .intro h3{font-size: 16px!important;color: #333333;font-weight: bold;margin-bottom: 16px;width: 280px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.proListSection .mainCon .conBox li .intro h3 a{color: #333333;text-decoration: none; font-size: 16px!important;}
.proListSection .mainCon .conBox li .intro p{line-height: 20px;color: #666666;font-size: 14px;margin-top: 14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:44px;}
.proListSection .mainCon .conBox li .intro .btn{overflow: hidden;width: 241px;height: 42px;background: url(../images/proListBg01.png) no-repeat center;position: absolute;bottom: 0px;left: 20px;}
.proListSection .mainCon .conBox li .intro .btn a{display: block;width: 120px;height: 42px;line-height: 42px;text-align: center;float: left;font-size: 14px;color: #777777;text-decoration: none;}
.proListSection .mainCon .conBox li .intro .btn a i{display: inline-block;width: 7px;height: 12px;background: url(../images/mub02_jt03.png) no-repeat center;margin-left: 8px;position: relative;top: 2px;}
.proListSection .mainCon .conBox li .intro .btn a:first-child{border-right: 1px solid #eaeaea;}
.proListSection .mainCon .conBox li .intro .btn a:hover{color: #fff;}
.proListSection .mainCon .conBox li .intro h3 a{color: #004c9f;}
.proListSection .mainCon .conBox li .intro .btn a.more:hover{background: url(../images/proListBg02.png) no-repeat center;}
.proListSection .mainCon .conBox li .intro .btn a.more:hover i{background: url(../images/mub02_jt02-2.png) no-repeat center;}
.proListSection .mainCon .conBox li .intro .btn a.zx:hover{background: url(../images/proListBg03.png) no-repeat center;}
.proListSection .mainCon .conBox li .intro .btn a.zx:hover i{background: url(../images/mub02_jt02-2.png) no-repeat center;}
.proListSection .mainCon .conBox li:hover .Pic img{transform: scale(1.2);}










/* proDetails 产品详情*/
.proDetails{width: 100%;}
.proDetailsSection{width: 910px;float: right;}
.proDetailsSection .mainCon{border: 1px solid #e4e4e4;padding-bottom: 0px;}
.proDetailsIntro{width: 100%;height: 418px;border-bottom: 1px solid #e4e4e4;}
.proDetailsIntro .conL{width:458px;float: left;position: relative;height: 418px;border-right: 1px solid #e4e4e4;}
.proDetailsIntro .conL i{display: block;width: 44px;height: 44px;position: absolute;z-index: 9;cursor: pointer;overflow: hidden;top: 50%;margin-top: -22px;}
.proDetailsIntro .conL i.prev{left: -1px;}
.proDetailsIntro .conL i.next{right: -1px;}
.proDetailsIntro .conL .btnList{width: 100%;height: 10px;text-align: center;position: absolute;bottom: 18px;}
.proDetailsIntro .conL .btnList span{display: inline-block;width: 9px;height: 9px;overflow: hidden;position: relative;background: url(../images/proDetailsIntro_icon01.png) no-repeat left top;margin-left: 14px;cursor: pointer;} 
.proDetailsIntro .conL .btnList span.cur{background-position: left bottom;}
.proDetailsIntro .conL .btnList span:first-child{margin-left: 0;}
.proDetailsIntro .conL .conBox{width: 458px;height: 418px;position: relative;overflow: hidden;}
.proDetailsIntro .conL .conBox ul{position: absolute;top: 0;left: 0;}
.proDetailsIntro .conL .conBox li{float: left;width: 458px;}
.proDetailsIntro .conL .conBox li img{display: block;width: 458px;height: 418px;}
.proDetailsIntro .conR{float: right;padding-top: 40px;width:400px;height: 378px;position: relative;margin-right: 20px;}
.proDetailsIntro .conR h3{font-size: 20px;color: #333333;font-weight: bold; height:50px; overflow:hidden;}
.proDetailsIntro .conR i{display: block;height: 1px;margin: 30px 0 18px 0;background: #e4e4e4;}
.proDetailsIntro .conR p{font-size: 14px;color: #666666;line-height: 22px; height:176px; display:inline-block; overflow:hidden;}
.proDetailsIntro .conR .box{width: 100%;position: absolute;bottom: 34px;left: 0;}
.proDetailsIntro .conR .box .zx{display: block;width: 172px;height: 53px;float: left;font-size: 20px;color: #fff;line-height: 53px;background: url(../images/proDetailsIntroBg01.png) no-repeat center;text-align: center;text-decoration: none;}
.proDetailsIntro .conR .box .zx img{position: relative;top: 4px;margin-left: 12px;}
.proDetailsIntro .conR .box .phone{float: left;padding-left: 42px;;background: url(../images/proDetailsIntro_phone.png) no-repeat left center;margin-left: 18px;margin-top: 6px;}
.proDetailsIntro .conR .box .phone span{display: block;font-size: 13px;color: #666666;}
.proDetailsIntro .conR .box .phone em{display: block;font-size: 24px;color: #004c9f;font-family: arial;}
.proDetailsCanS{width: 870px;margin: 20px auto 0;}
.proDetailsCanS .menu{width: 100%;height: 54px;margin-bottom: 20px;border-bottom: 1px solid #e4e4e4;}
.proDetailsCanS .menu li{float: left;width: 148px;border: 1px solid #e4e4e4;height: 53px;line-height: 53px;text-align: center;font-size: 14px;color: #000;border-left: none;border-bottom: none;cursor:pointer;}
.proDetailsCanS .menu li:first-child{border-left: 1px solid #e4e4e4;}
.proDetailsCanS .menu li.status_on{background: #004c9f;border-color: #004c9f;color: #fff;}
.proDetailsCanS .conBox{width: 100%;background: #fff; line-height:22px;}
.proDetailsCanS .conBox .box{width: 100%;height: 100%;background: #fff; padding-bottom: 20px;}
.proDetailsCanS .conBox .box p {font-size: 16px!important; line-height: 30px; }
.proDetailsCanS .conBox .box p strong {font-size: 16px!important; line-height: 30px; }
.proDetailsCanS .conBox .box p a {font-size: 16px!important; line-height: 30px; font-weight: 600; }
.proDetailsCanS .conBox .box a {font-size: 16px!important; line-height: 30px; font-weight: 600; }


/*产品详情简介介绍*/
.proDetailsSectionBox {} 
.proDetailsSectionBox .conbox {padding-top: 25px;}
.proDetailsSectionBox .conleft {width: 435px;height: auto;position: relative;margin-left: 18px;overflow: hidden;}
.proDetailsSectionBox .conleft ul {position: relative;}
.proDetailsSectionBox .conleft ul li {float: left;width: 435px;height: auto;}
.proDetailsSectionBox .conleft img {display: block;width: 435px;height: auto;}

.proDetailsSectionBox .conright {width: 395px;margin-right: 23px;position: relative;height: auto;}
.proDetailsSectionBox .conright h4 {font-size: 18px;color: #333333;padding-bottom: 8px;border-bottom: 1px solid #dddddd;margin-bottom: 10px;}
.proDetailsSectionBox .conright .conImg {position: relative;}
.proDetailsSectionBox .conright .conImg .btnl {display: block;width: 18px;height: 35px;background: url(../images/cpzxjtl01.png) no-repeat center;position: absolute;left: -23px;top: 24px;cursor: pointer;}
.proDetailsSectionBox .conright .conImg .btnl:hover {background: url(../images/cpzxjtl02.png) no-repeat center}
.proDetailsSectionBox .conright .conImg .btnr {display: block;width: 18px;height: 35px;background: url(../images/cpzxjtr01.png) no-repeat center;position: absolute;right: -13px;top: 24px;cursor: pointer;}
.proDetailsSectionBox .conright .conImg .btnr:hover {background: url(../images/cpzxjtr02.png) no-repeat center}
.proDetailsSectionBox .conright .conImg .conImgbox {position: relative;overflow: hidden;}
.proDetailsSectionBox .conright .conImg .conImgbox ul {position: relative;}
.proDetailsSectionBox .conright .conImg .conImgbox ul li {float: left;width: 88px;height: 81px;margin-left: 12px;background: #000;cursor: pointer;}
.proDetailsSectionBox .conright .conImg .conImgbox ul li:first-child {margin-left: 0;}
.proDetailsSectionBox .conright .conImg .conImgbox ul li img {display: block; width: 88px;height: 81px;opacity: 0.5;} 
.proDetailsSectionBox .conright .conImg .conImgbox ul li.cur img {opacity: 1;}


.proDetailsSectionBox .conright{float: right;padding-top: 10px;width:400px;height: 300px;position: relative;margin-right: 20px;}
.proDetailsSectionBox .conright h3{font-size: 20px;color: #333333;font-weight: bold;/* height:50px; */overflow:hidden;}
.proDetailsSectionBox .conright i{display: block;height: 1px;margin: 20px 0 18px 0;background: #e4e4e4;}
.proDetailsSectionBox .conright p{font-size: 14px;color: #666666;line-height: 22px;height: 120px;display:inline-block;overflow:hidden;}
.proDetailsSectionBox .conright .box{width: 100%;position: absolute;bottom: 0;left: 0;}
.proDetailsSectionBox .conright .box .zx{display: block;width: 172px;height: 53px;float: left;font-size: 20px;color: #fff;line-height: 53px;background: url(../images/proDetailsIntroBg01.png) no-repeat center;text-align: center;text-decoration: none;}
.proDetailsSectionBox .conright .box .zx img{position: relative;top: 4px;margin-left: 12px;}
.proDetailsSectionBox .conright .box .phone{float: left;padding-left: 40px;background: url(../images/proDetailsIntro_phone.png) no-repeat left center;margin-left: 18px;margin-top: 6px;}
.proDetailsSectionBox .conright .box .phone span{display: block;font-size: 13px;color: #666666;}
.proDetailsSectionBox .conright .box .phone em{display: block;font-size: 24px;color: #004c9f;font-family: arial;}



/* paging 分页公共样式*/
.InpageSearch .mainCon .paging{ border:1px solid #e4e4e4;}
.paging{border-top: 1px solid #e4e4e4;height: 59px;}
.paging .pagingPrev{width: 119px;height: 59px;line-height: 59px;text-align: center;border-right: 1px solid #e4e4e4;float: left;font-size: 13px;color: #999999;text-decoration: none;}
.paging .pagingPrev i{display: inline-block;*display: inline-block;width: 8px;height: 14px;background: url(../images/mub02_jt01-2.png) no-repeat center;margin-right: 10px;position: relative;top: 2px;}
.paging .pagingNext{width: 119px;height: 59px;line-height: 59px;text-align: center;border-left: 1px solid #e4e4e4;float: right;font-size: 13px;color: #999999;text-decoration: none;}
.paging .pagingNext i{display: inline-block;*display: inline-block;width: 8px;height: 14px;background: url(../images/mub02_jt03.png) no-repeat center;margin-left: 10px;position: relative;top: 2px;}
.paging ul{width: 668px;float: left;text-align: center;padding-top: 17px;}
.paging ul a{display: inline-block;*display: inline-block;width: 27px;height: 27px;line-height: 27px;text-align: center;font-size: 15px;color: #b3b3b3;font-family: arial;margin-left: 4px;text-decoration: none;}
.paging ul a.cur {color: #fff;text-decoration: none; background: #004c9f;}
.paging ul a:hover{background: #004c9f;color: #fff;}
.paging ul a:hover a{}

.page-num-current{background: #004c9f;color: #fff;}

.paging .pagingNext:hover{color: #004c9f;font-weight: bold;}
.paging .pagingNext:hover i{background: url(../images/mub02_jt04.png) no-repeat center;}
.paging .pagingPrev:hover{color: #004c9f;font-weight: bold;}
.paging .pagingPrev:hover i{background: url(../images/mub02_jt05.png) no-repeat center;}


/*----bottom--------*/
.wrap-footer {padding-top: 100px;background: #1a1a1a;}
.wrap-footer .f_top {border-top: 1px solid #313131;border-bottom: 1px solid #313131;height: 98px;}
.wrap-footer .f_top .f_logo {padding-top: 30px;}
.wrap-footer .f_top .f_logo img {display: block;width:auto;height: 42px;}
.wrap-footer .f_top ul {overflow: hidden;position: relative;}
.wrap-footer .f_top ul li {float: left;height: 98px;line-height: 98px;margin-left: 55px;font-size: 15px;}
.wrap-footer .f_top ul li a {color: #fff;}
.wrap-footer .f_top ul li a:hover{color:#ffffff}

.wrap-footer .f_center {padding: 50px 0 100px 0;position: relative;border-bottom: 1px solid #313131;}
.wrap-footer .f_center ul {font-size: 13px; color: #666666;}
.wrap-footer .f_center ul li {margin-bottom: 10px;position: relative;}
.wrap-footer .f_center ul li .f_span em {display: none;width: 100px;height: 100px;position: absolute;bottom: 25px;left: -18px;}
.wrap-footer .f_center ul li .f_span em img {display: block;width: 100px;height: 100px;}
.wrap-footer .f_center ul li .f_span:hover em {display: block;}
.wrap-footer .f_center ul li.Fbah a {background:none;display: initial;position: initial;}

.wrap-footer .f_center .f_tel {position: absolute;right: 0; top: 50px;color: #fff;text-align: right;padding: 15px 0px 15px 0;}
.wrap-footer .f_center .f_tel .p1 {font-size: 14px;}
.wrap-footer .f_center .f_tel .p2 {font-size: 24px;font-weight: bold;}
.wrap-footer .f_bot {padding: 20px 0 40px 0;position: relative;}
.wrap-footer .f_bot ul {margin-right: 90px;}
.wrap-footer .f_bot ul li {float: left;margin-right: 10px;}
.wrap-footer .f_bot .sqyl {display: block;position: absolute;right: 0;top: 40px;}
.wrap-footer .f_bot a:hover {color: #fff;}