﻿@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
@charset "UTF-8";
body{font:12px/140% Arial,"宋体",Helvetica, sans-serif,Verdana;color:#5a5a5a; margin:0; background:#FFF; }
html,body{-webkit-text-size-adjust:none;font-family: "微软雅黑"}
table,td{font:12px/140% Arial,"宋体",Helvetica, sans-serif,Verdana; color:#5a5a5a;}
table{border-collapse:collapse; border-spacing:0; empty-cells:show; }
th, td { border-collapse:collapse; }
A:link{text-decoration:none; color:#5a5a5a;}
A:visited{text-decoration:none; color:#5a5a5a;}
A:hover{text-decoration:none; color:#47cdff;}
img{ border:0; }
div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0; font-size: 14px;color: #7f7f7f;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{   border:none;padding:0 }
a{blr:expression(this.onFocus=this.blur())} /*for IE*/
a{outline:none;} /*for Firefox*/
ol,ul,li{list-style-type:none;}
.overz{ overflow:auto; zoom:1; overflow-x:hidden; overflow-y:hidden;}
.mn_12{ margin-bottom:12px;}
#scroll_container {overflow-x:auto;overflow-y:scroll;position:relative;width:100%;}
#scroll_container_bg {position:absolute;width:100%;left:0px;top:0px;}
#canvas {position:relative;width:100%;z-index:99;}
#canvas .cstlayer,#site_footer .cstlayer {left:0;top:0;position:absolute;/*overflow:hidden;*/z-index:99;}
/*--阴影几种样式--*/
.wp-moudle-shadow-one{ -moz-box-shadow:1px  2px 12px 3px rgba(0,0,0,.4); -webkit-box-shadow:1px  2px  12px 3px  rgba(0,0,0,.4); box-shadow:1px  2px  12px 3px  rgba(0,0,0,.4);}
.wp-moudle-shadow-two{ -moz-box-shadow:1px 1px 12px 6px rgba(0,0,0,.4); -webkit-box-shadow:1px  1px  12px 6px  rgba(0,0,0,.4); box-shadow:1px  1px  12px 6px  rgba(0,0,0,.4);}
.wp-moudle-shadow-three{ -moz-box-shadow:5px  5px 12px 3px rgba(0,0,0,.4); -webkit-box-shadow:5px  5px  12px 3px  rgba(0,0,0,.4); box-shadow:5px  5px  12px 3px  rgba(0,0,0,.4);}
.wp-moudle-shadow-four{ -moz-box-shadow:-3px  3px 12px 3px rgba(0,0,0,.4); -webkit-box-shadow:-3px  3px  12px 3px  rgba(0,0,0,.4); box-shadow:-3px  3px  12px 3px  rgba(0,0,0,.4);}

/*--自定义下拉菜单--*/
/*注释behavior属性 - IE8下边框无法显示*/
.wp-diy-selected{ width:auto; height:22px;line-height:23px;   -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;  border:1px solid #b5b5b5; background:url(//filecdn.ify.cn/skin/wlysmb10081/img/wp-link-input-bg.gif) repeat-x #FFF;}
.wp-diy-selected-left{ float:left; padding:0 3px;white-space:nowrap;width:84%;overflow:hidden;text-align:left;}
.wp-diy-selected-button{ float:right;}
.wp-diy-selected-button a{ display:block; width:14px; height:22px; overflow:hidden; background:url(//filecdn.ify.cn/skin/wlysmb10081/img/wp-diy-selected-button.gif) no-repeat;}
.wp-diy-selected-button a.disabled {background:url(//filecdn.ify.cn/skin/wlysmb10081/img/wp-diy-selected-button2.gif) no-repeat;cursor:default;}
.wp-diy-selected-content{ background:#FFF; border:1px solid #b5b5b5; border-top:none; display:none; position:absolute; max-height:110px; overflow-y:auto; overflow-x:hidden; z-index:1111;white-space:nowrap;}
.wp-diy-selected-content ul li{ height:22px; line-height:22px; text-indent:5px;}
.wp-diy-selected-content.hassearchable{overflow-y:hidden;max-height:147px; }
.wp-diy-selected-content.hassearchable ul{overflow-y:auto;overflow-x:hidden;max-height:110px;}
.wp-diy-selected-content .searchable_div{position:relative;margin:5px;border:1px solid #bdbdbd;border-radius: 2px;}
.wp-diy-selected-content .searchable_txt{border:none;line-height:25px;border-radius: 2px;width:100%;outline: none;max-width: 224px}
.wp-diy-selected-content .searchable_button{position:absolute;right:0;top:0;z-index:100;width:25px;height:25px;text-align: center;cursor: pointer;}
.wp-diy-selected-content .searchable_button img{margin-top:5px;width:15px;height:15px;}
/*.wp-diy-selected-content ul li:hover,*/.wp-diy-selected-content ul li.local{ background:#4d7cc3; color:#FFF; cursor:pointer;}
/*.wp-diy-selected-content ul li:hover a,.wp-diy-selected-content ul li:hover a:visited{ color:#FFF;}*/

#copyright{margin: 0 auto;z-index:800;bottom :15px;font-size:11px; -webkit-text-size-adjust:none; height:35px; line-height:35px; color:#FFF; padding-left:13px;}
#copyright .copyright_c font{color:#fff;font-weight:bold; margin-left:3px;margin-right: 3px;}
#copyright .copyright_c a.font{color:#fff;font-weight:bold; margin-left:3px;margin-right: 3px;}
#copyright .copyright_c {padding-left:110px;color:#dedede;display:inline-block;font-size:14px;margin-right:13px;}
#copyright .copyright_corp font{color:#fff;font-weight:bold; margin-left:3px;margin-right: 3px;}
#copyright .copyright_corp {color:#dedede;display:inline-block;font-size:14px;margin-right:13px;}

.copyright_bar{background:#000; width:100%;bottom:0px; left:0px; text-align:center; position:fixed;z-index:1000; filter:alpha(opacity=80);-moz-opacity:0.8;	-khtml-opacity: 0.8;	opacity: 0.8;}
.cp { background:url(//filecdn.ify.cn/skin/wlysmb10081/img/copy_close.png) 0 0; width:13px; height:13px; display:block; float:left;margin-top:12px;}
div.cp:hover{background-position:0 -13px; }
.copyright_bar{background:#000; width:100%;bottom:0px; left:0px; text-align:center; position:fixed;z-index:1000; filter:alpha(opacity=80);-moz-opacity:0.8;	-khtml-opacity: 0.8;	opacity: 0.8;}
.new_sitestar_footer_cp{ display:block;position:absolute;bottom :15px;width:274px; height:26px; line-height:26px; overflow:hidden; }
.new_sitestar_footer_cp span{ display:block;}
.new_sitestar_footer_cp span.sf_logo{  float:left; width:104px; height:17px; margin:4px 0 0 8px;}
.new_sitestar_footer_cp span.sf_font font{font-size:14px; font-weight:bold;margin-left: 5px;margin-right: 5px; }
.new_sitestar_footer_cp span.sf_font{  float:left; font-size:14px; font-weight:normal; color:#FFF; margin-left:4px;margin-top: -2px;}
.new_sitestar_footer_cp span.sf_close{ float:right; padding:6px 5px 0 0;}
.new_sitestar_footer_cp span.sf_close div{ display:block; width:13px; height:13px;}
#wp-floatpanel_loading2{position:absolute;left:45%;top:45%;}
.wp-new-member-login-windows{ position:absolute; width:541px;}
.wp-new-member-login-windows-top{ height:35px; background:url(//filecdn.ify.cn/skin/wlysmb10081/img/wp-new-member-background.png) no-repeat 0 -32px;}
.wp-new-member-login-windows-c{ background:url(//filecdn.ify.cn/skin/wlysmb10081/img/wp-new-member-login-windows-c.png) repeat-y; padding:5px 35px 24px 35px;}
.wp-new-member-login-windows-bottom{ height:45px; background:url(//filecdn.ify.cn/skin/wlysmb10081/img/wp-new-member-background.png) no-repeat 0 -68px;}
.wp-new-member-close{ width:30px; height:29px; position:absolute; z-index:100; margin:10px 0 0 500px;}
.wp-new-member-close a{ display:block; width:30px; height:29px; background:url(//filecdn.ify.cn/skin/wlysmb10081/img/wp-new-member-background.png) no-repeat;}
.wp-new-member-close a:hover{ background-position:-32px 0;}
.wp-new-member-login-windows-c h2{ font-size:30px; height:50px; font-weight:normal;}
.wp-new-member-topline{ background:#f9f9f8; height:3px; border-top:1px solid #eae9ea;  }
.wp-new-member-login{ padding-top:15px;position: relative;overflow: auto;}
.wp-new-member-login input.textinput,.wp-new-member-login textarea.textinput{ height:25px; width:202px; border:1px solid #b5b5b5; line-height:25px; padding:0 5px; background:url(//filecdn.ify.cn/skin/wlysmb10081/img/wp-new-member-login-text-input.gif) repeat-x; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
/*.wp-new-member-login input.textinput:focus,.wp-new-member-login textarea.textinput:focus{transition:border linear .2s,box-shadow linear .2s; -moz-transition:border linear .2s,-moz-box-shadow linear .2s; -webkit-transition:border linear .2s,-webkit-box-shadow linear .2s; outline:none;border-color:rgba(30,117,16,.75); box-shadow:0 0 8px rgba(30,117,16,.5); -moz-box-shadow:0 0 8px rgba(30,117,16,.5); -webkit-box-shadow:0 0 8px rgba(30,117,16,3); background:#FFF; }*/
.wp-new-member-login textarea.textinput {height:80px;}
#wp_user_info .required,#wp_user_info label.error{color:red;}
.wp-new-member-common-button{ width:auto; cursor:pointer;}
.wp-new-member-common-button .wp-new-member-common-button-l{ float:left; width:4px; background:url(//filecdn.ify.cn/skin/wlysmb10081/img/wp-new-member-background.png) no-repeat 0 -433px; height:28px;}
.wp-new-member-common-button .wp-new-member-common-button-c{float:left; background:url(//filecdn.ify.cn/skin/wlysmb10081/img/wp-new-member-background.png) no-repeat -4px -433px;  height:28px; padding:0 15px;}
.wp-new-member-common-button .wp-new-member-common-button-c a,.wp-new-member-common-button .wp-new-member-common-button-c a:visited{ color:#FFF; line-height:26px; font-size:14px;}
.wp-new-member-common-button .wp-new-member-common-button-r{ float:left; width:4px; background:url(//filecdn.ify.cn/skin/wlysmb10081/img/wp-new-member-background.png) no-repeat -501px -433px;  height:28px;}

.wp-new-member-common-button:hover .wp-new-member-common-button-l{ background:url(//filecdn.ify.cn/skin/wlysmb10081/img/wp-new-member-background.png) no-repeat 0 -463px;}
.wp-new-member-common-button:hover .wp-new-member-common-button-c{ background:url(//filecdn.ify.cn/skin/wlysmb10081/img/wp-new-member-background.png) no-repeat -4px -463px;}
.wp-new-member-common-button:hover .wp-new-member-common-button-r{ background:url(//filecdn.ify.cn/skin/wlysmb10081/img/wp-new-member-background.png) no-repeat -501px -463px;}
#wp_user_info .wp-new-member-common-button {float: left;}
#wp_user_info a.wp-new-member-common-button-adduser-cancel{ float:left; font-size:14px; line-height:28px; padding:0 15px;}


/*--------遮罩层样式-----------*/
#wp-floatpanel_loading,#wp-floatpanel_overlay,#wp-confirmpnl_overlay,#wp-alertpnl_overlay,#wp-ajaxsend_loading {background-color:#000;left:0px;top:0px;filter:alpha(opacity=25);-moz-opacity:0.25;opacity:0.25;position:fixed;}
#wp-confirmpnl_overlay,#wp-alertpnl_overlay {filter:alpha(opacity=45);-moz-opacity:0.45;opacity:0.45;z-index:10000;}
#wp-template-install-overlay{filter:alpha(opacity=45);-moz-opacity:0.45;opacity:0.45;z-index:10001;background-color:#000;left:0px;top:0px;position:fixed;background-image: url(//filecdn.ify.cn/skin/wlysmb10081/img/loading.gif);background-position: center center;background-repeat: no-repeat;}
#wp-ajaxsend_loading {background-color:#5A5A5A;text-align:center;}
#wp-floatpanel_loading img,#wp-ajaxsend_loading img {position:absolute;left:45%;top:45%;}
/*--------遮罩层样式-----------*/
.artview_detail ol,.artview_detail ul,.artview_detail li,.wp-products-detail-desc ol,.wp-products-detail-desc ul,.wp-products-detail-desc li,.product_details_desc .goods-detail ul li{list-style-type:disc; }
.artview_detail ul,.wp-products-detail-desc ul{  margin-left:28px; }
.artview_detail li,.wp-products-detail-desc li,.product_details_desc .goods-detail ul li{ margin-left:18px; }

/*--------手机设备样式 2014/02/07-----------*/
.wp-mobile-device-mask,.wp-mobile-scrollbar,
.wp-mobile-device-premask,.wp-mobile-prescrollbar {visibility:hidden;position:absolute;top:39px;left:35.2%;z-index:510;}
.wp-mobile-device-mask,.wp-mobile-device-premask {width:30px;background-color:#FFF;z-index:8;}
.wp-mobile-scrollbar {background-color:#dcdcdc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width:7px;}
.wp-mobile-device-premask,.wp-mobile-prescrollbar {top:0px;}
.wp-mobile-scrollbar > span.pane {position:relative;left:-1px;top:0;display:inline-block;background-color:#219aed;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;height:20px;width:9px;}
.wp-mobile-prescrollbar > span.pane {position:relative;left:0;top:0;display:inline-block;background-color:#bdbdbd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;height:20px;width:6px;}

/*title*/
.wp-title_content {font-size:12px;line-height:140%;overflow:hidden;}
.wp-title_content h1, .wp-title_content h2, .wp-title_content h3 {line-height:140%;}
.wp-title_content .wp-script,
.wp-title_content .wp-style,
.wp-title_content .wp-iframe {display:none;font-size:0;width:0;height:0;}
.wp-title_content img.wp-flash,
.wp-title_content img.wp-rm,
.wp-title_content img.wp-media {border:none;background-position:center center;background-repeat:no-repeat;width:32px;height:32px;}
.wp-title_content img.wp-anchor {border:none;width:16px;height:16px;}
.wp-title_content ul {list-style:disc inside;}
.wp-title_content ul li {list-style-type:disc;}
.wp-title_content ol {list-style:decimal inside;}
.wp-title_content ol li {list-style-type:decimal;}
@-moz-document url-prefix() { .wp-title_content p {} }
.wp-title_content span, .wp-title_content p, .wp-title_content div {line-height:140%;}

/*公共*/
.container{ width: 1200px; margin:0 auto;}
.l,.left{ float:left;}
.r,.right{ float:right;}

/*头部*/
.header{ width: 100%; height: 120px; overflow: hidden; background-color: #00549d; background-image:url(//filecdn.ify.cn/skin/wlysmb10081/img/nav_bg1.png); background-position: top center; background-repeat: no-repeat; min-width: 1200px;}
.header .bg{ width: 50%; height: 100%; float:right;}
.header .bg p{ display: block; width: 100%}
.header .bg p:first-child{ background-color: #111111; height: 44px;}
.header .bg p:last-child{ background-color: #fff; height: 80px;}
.header .container{ position: absolute; top: 0; width: 1200px; left:0; right:0;}
.header .logo{height: 100%; width: 220px; font-size: 26px;color: #fff; line-height: 120px; float:left;}
.header .logo img{ max-width: 90%;  max-height: 100%; position: relative; top:0; bottom:0; margin:auto;}
.header .function{float: right; height: 100%; width: 980px;}
.header .function .top{ width: 100%; height: 44px;}
.header .function .top .phone{float: right; line-height: 44px; color: #6d9eeb; font-size: 22px; font-weight: bold;}
.header .function .top ul{ float:right;}
.header .function .top ul li{ float:left;margin-left: 40px;}
.header .function .top ul li a{ line-height: 44px; color: #cccccc; font-size: 12px;}
.header .function .top ul li a:hover{ color: #6d9eeb; }
.header .function .nav{ width:100%; overflow: hidden; display: flex; align-items: center}
.header .function .nav li{ float:left; flex:1;}
.header .function .nav li a{line-height: 76px; font-size: 12px; font-weight: bold;  color: #000000; display: block; text-align: right}

/*首页banner*/
.banner{ width: 100%; overflow:hidden; height: 600px;}
.banner .swiper-slide,.swiper-slide a{ width: 100%; height: 100%; display: block;}
.banner .swiper-slide a img{ width: 100%; height: 100%; object-fit: cover}
.banner .swiper-button-prev{ background-image:url(//filecdn.ify.cn/skin/wlysmb10081/img/left_arrow.png)}
.banner .swiper-button-next{ background-image:url(//filecdn.ify.cn/skin/wlysmb10081/img/right_arrow.png)}
.banner .swiper-button-next, .banner .swiper-button-prev{ background-size: auto 44px; }

/*首页服务项目*/
.idx-pro{ width: 1200px; margin:0 auto; overflow: hidden; padding:60px 0;}
.idx-title{ width: 1200px; margin:0 auto; overflow: hidden; margin-bottom: 40px;}
.idx-title h2{ font-size: 24px; color: #666666; float:left; font-weight: normal; line-height: 50px;}
.idx-title .l span{ color: #999999; text-align: center;  font-size: 14px; text-transform: uppercase; display: block; float:left; margin-top: 20px;margin-left: 6px; }
.idx-title ul{ float:right;}
.idx-title ul li{ float:left;}
.idx-title ul li a{ height: 50px; font-size: 14px; color: #000; padding: 0px 14px; line-height: 50px;}
.idx-title ul li a:hover{ color: #0054b6;font-weight: bold; }
.idx-pro .wrap{ width: 1200px; margin:0 auto; overflow: hidden;  }
.idx-pro .wrap li{ width:380px; height: 360px; overflow: hidden; border:1px solid #e2e2e2; float:left; line-height: 20px; text-align: center; margin:6px 0;}
.idx-pro .wrap li:nth-child(2),.idx-pro .wrap li:nth-child(5){margin: 6px 13px;}
.idx-pro .wrap li a{ display: block; padding:14px; font-size: 13px; color: #999999}
.idx-pro .wrap li .img{ width: 100%; height: 220px; overflow: hidden; position: relative;}
.idx-pro .wrap li .img img{ width: 100%; height: 100%; object-fit: contain;transition: all .2s; -webkit-transition: all .2s;}
.idx-pro .wrap li p{ font-size: 16px; text-align: center; color: #000; line-height: 45px;}
.idx-pro .wrap li .img span{ display: block; position: absolute; width: 100%;  height: 100%; background: rgba(0,84,157,0.8); opacity:0; transition: all .2s; -webkit-transition: all .2s; z-index: 2;}
.idx-pro .wrap li .img span img{ width: 52px; height: auto; margin-top: 84px;}
.idx-pro .wrap li:hover{border:1px solid #00549d;}
.idx-pro .wrap li:hover .img span{transition: all .2s; -webkit-transition: all .2s; opacity:1;}
.idx-pro .wrap li:hover img.proimg{-ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2);transition: all .2s; -webkit-transition: all .2s;}

/*首页案例*/
.idx-case{ background-image: linear-gradient(#365cad 360px, #fff 0); padding:60px 0;}
.idx-case .box{ width: 1200px; margin:0 auto; overflow: hidden}
.idx-case .idx-title h2{ color: #fff}
.idx-case .idx-title .l span{ color: #bbbbbb }
.idx-case .idx-title ul li a{ color: #fff }
.idx-case .idx-title ul li a:hover{ color: #fff}
.idx-case .idxcase-container{ width: 1200px; margin:0 auto; background: #fff; }
.idx-case .idxcase-container .swiper-slide{ border:40px solid #fff; background-color: #f2f2f2;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.idx-case .idxcase-container .img{ float:left; width: 660px; height: 360px; background-color: #f6f6f6; overflow: hidden; }
.idx-case .idxcase-container .img img{ width: 100%; height: 100%; object-fit: cover}
.idx-case .idxcase-container .text h3{ color: #0054b6; font-size:22px; font-weight:normal; margin-top: 40px;}
.idx-case .idxcase-container .text .line{ width: 60px; height: 2px; background-color: #194b8a; margin:20px 0;}
.idx-case .idxcase-container .text{ font-size: 13px; line-height: 30px; float: right; width: 426px; color: #000}
.idx-case .swiper-button-prev{ background-image:url(//filecdn.ify.cn/skin/wlysmb10081/img/left.jpg); left: 734px;}
.idx-case .swiper-button-next{ background-image:url(//filecdn.ify.cn/skin/wlysmb10081/img/rjt.jpg); right: 388px;}
.idx-case .swiper-button-next, .swiper-button-prev{background-size: auto 38px; width: 38px; height: 38px; top:83%;}

/*首页新闻*/
.idx-news{ background-color: #f7f7f7; overflow:hidden; padding:60px 0;}
.idx-news .box{ width: 1200px; margin:0 auto; overflow:hidden; }
.idx-news .recommend{ width: 340px; padding:34px 30px; background-image: linear-gradient(#365cad 160px, #fff 0); display: block; font-size: 13px; line-height: 22px; float:left;}
.idx-news .recommend .img{ width: 100%; height: 216px; background-color: #f5f5f5;}
.idx-news .recommend .img img{ width: 100%; height: 100%; object-fit: cover}
.idx-news .recommend h3{ font-size: 16px; color: #000; font-weight: bold; margin: 14px 0 8px 0;}
.idx-news .recommend .time{ display: block;  font-size: 12px; margin-bottom: 10px; }
.idx-news .recommend:hover{ color: #7f7f7f;}
.idx-news .list{ width: 766px; overflow:hidden; float:right; background-color: #fff; border:1px solid #dddddd; padding:34px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.idx-news .list li,.idx-news .list li a{ width: 100%; overflow: hidden; display: block}
.idx-news .list li .time{ width: 60px; text-align: center; font-size: 12px; color: #194b8a; float:left;  }
.idx-news .list li .time p{ text-align: center; color: #194b8a; font-size: 36px; font-weight: bold; line-height: 41px;}
.idx-news .list li .r{ width: 616px; font-size: 14px;line-height: 28px;}
.idx-news .list li .r p{ color: #5A5A5A; font-size: 16px; font-weight: bold}
.idx-news .list li:nth-child(2n){margin: 52.5px 0; }

/*首页简介*/
.idx-about{ width: 1200px; overflow: hidden; margin:60px auto;}
.idx-about .wrap{ width: 100%; overflow: hidden; background:url(//filecdn.ify.cn/skin/wlysmb10081/img/dvimg_05.png) right top no-repeat;}
.idx-about .wrap .l{ width: 735px; height: 430px; overflow: hidden; position: relative}
.idx-about .wrap .l img{ width: 100%; height: 100%; object-fit: cover}
.idx-about .wrap .l .hover{ width: 100%; height: 100%; position: absolute; top:0; left:0; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: all .2s; -webkit-transition: all .2s;}
.idx-about .wrap .l .hover p{ text-align: center; font-size: 24px; margin-top: 164px; line-height: 50px; color: #fff;}
.idx-about .wrap .l:hover .hover{ opacity: 1; transition: all .2s; -webkit-transition: all .2s;}
.idx-about .wrap .text{ padding: 50px; float: right; width: 365px; font-size: 13px; line-height: 26px; color: #fff; float:right; position: relative}
.idx-about .wrap .text .top h3{ font-size: 24px; color: #fff; font-weight: normal; line-height: 35px; margin-top: 70px;a}
.idx-about .wrap .text .top span{ font-size: 13px; color: #fff; }
.idx-about .wrap .text .top i{ width: 32px; height: 2px; background-color: #fff; display: block; margin:24px 0;}
.idx-about .wrap .text .ico{ position: absolute; width: 60px; height: 60px;right: 40px;}

/*通用底部*/
.footer{ width: 100%; overflow: hidden; background-color: #202020;}
.footer .wrap{ width: 1200px; margin:0 auto; overflow:hidden; color: #fff; padding:50px 0;}
.footer .wrap .l{ width: 300px; overflow:hidden; padding-right: 30px; position: relative; margin-right: 70px;}
.footer .wrap .l:after{ content: ""; width: 1px; height: 120px; background-color: #575757; top: 35px; position: absolute; right:0;}
.footer .wrap h4{ font-size: 16px; color: #fff; font-weight: normal; margin-bottom: 20px;}
.footer .wrap .phone{font-size: 24px;  color:#6d9eeb; margin-bottom: 20px;}
.footer .wrap p{ line-height: 22px; font-size: 13px; color: #fff}
.footer .wrap .l a{ display: block; width: 88px; height: 28px; line-height: 28px;border-radius: 3px 3px 3px 3px; border:1px solid #797979; margin-top: 20px; font-size: 13px; text-align: center}
.footer .wrap .c{width: 320px; overflow:hidden; padding-right: 50px; position: relative;margin-right: 70px; float: left;}
.footer .wrap .c:after{ content: ""; width: 1px; height: 120px; background-color: #575757;top: 35px;position: absolute; right:0;}
.footer .wrap .c span{ width: 100px; height: 100px; border:10px solid #fff; background-color: #f6f6f6; display: block; float:left; margin-right: 25px;}
.footer .wrap .c span img{ width: 100%; height: auto;}
.footer .wrap .r{ float:left; width: 340px;}
.footer .wrap .r a{ float:left; display: block; width:33%; text-align: left; color: #fff; font-size: 13px; margin-bottom: 20px;}
.bq{ background-color: #111111; height: 50px; line-height: 50px; text-align: center; color: #cccccc; font-size: 13px;}

/*内页banner*/
.nei-banner{ height: 400px;}

/*面包屑导航*/
.now{ height: 50px; line-height: 50px; background-color: #f6f6f6;}
.now .box{ margin-left: 248px;}
.now .box img{ vertical-align: middle; }

/*内页公共左侧*/
.container.main{ position: relative; }
.main .leftnav{ width: 222px; overflow: hidden; float:left; background-color: #eeeeee; position: absolute; top: -160px; z-index: 10;}
.main .leftnav .top{ width: 100%; height:180px; background-color: #00549d; color: #fff; font-size: 26px;}
.main .leftnav .top i{ width: 40px; height: 2px; background-color: #fff; display: block; float:left; margin: 14px 0}
.main .leftnav .top .box{  color: #fff; font-size: 26px; padding: 44px 29px 0 29px; line-height: 36px;}
.main .leftnav .top p{ color: #fff; font-size: 26px; position: relative; padding-bottom: 10px; margin-bottom: 10px;}
.main .leftnav .top p:after{ content: ""; height: 2px; width: 30px; background-color: #fff; position: absolute; bottom:0; left:0;}
.main .leftnav ul{ width: 100%; overflow: hidden; margin:20px 0;}
.main .leftnav ul li{ width: 100%; overflow: hidden;}
.main .leftnav ul li a{ display: block; padding:14px 20px; text-align: center; font-size: 16px; color: #000;}
.main .leftnav ul li.on a{ color: #00549d; font-weight: bold; }
.main .rbox{ width: 896px; overflow: hidden; border: 1px solid #eeeeee; margin-top: 20px; padding: 30px; min-height: 300px;margin-bottom: 30px;}
.main .rbox h1{ font-size: 18px; color: #000000; font-weight: bold; width: 100%; overflow: hidden; border-bottom: 1px solid #eeeeee; padding-bottom: 16px; margin-bottom: 16px; }
.main .rbox{ line-height: 200%;}

/*新闻列表*/
.newslist{ width: 100%; overflow:hidden; }
.newslist li{ overflow: hidden; padding:30px; border: 1px solid #eeeeee; margin-bottom: 20px;}
.newslist li .img{ width: 242px; height: 150px; overflow: hidden; margin-right: 34px;}
.newslist li .img img{ width: 100%; height: 100%; object-fit: cover;}
.newslist li p{ font-size: 18px; color: #000;}
.newslist li p span{ color: #194b8a;font-size: 18px; }
.newslist li .time{ font-size: 13px; color: #929292;margin: 8px auto; }
.newslist li .text{ line-height: 22px; font-size: 13px }

/*列表翻页*/
.list-page{ margin: 10px 0;}
.JZD_PAGE_YECI{ padding-left: 10px;}
.JZD_PAGE_DISABLED{ box-sizing: border-box; padding: 5px 10px; border: 1px #ccc solid; color: #999; margin: 33px 2px 13px 2px; cursor: pointer;}
.list-page span select { border: none;outline: none;}
.JZD_PAGE_GONG{ padding: 5px 0 5px 10px; margin: 33px 0 13px 2px; box-sizing: border-box; border-left: 1px #ccc solid; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid;}
.JZD_PAGE_NUMBER,.JZD_PAGE_TIAOJILU,.JZD_PAGE_YECI,.JZD_PAGE_DANGQIANYE,.JZD_PAGE_XIEGANG,.JZD_PAGE_ZHONGYE,.JZD_PAGE_YE{ padding: 5px 0; margin: 33px 0 13px 0; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid;}
.JZD_PAGE_YE,.JZD_PAGE_SELECT_YE{ border-right:1px #ccc solid; padding-right:10px;}
.JZD_PAGE_ZHUANGDAO{ padding: 5px 0 5px 10px; margin: 33px 0 13px 2px; border-left: 1px #ccc solid; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid;}
.JZD_PAGE_SELECT{ padding: 4px 0 5px 10px; margin: 33px 0 13px 0; border-top: 1px #ccc solid;border-bottom: 1px #ccc solid;}
.JZD_PAGE_SELECT_YE{ padding: 5px 10px 5px 0; margin: 33px 0 13px 0;border-top: 1px #ccc solid; border-bottom: 1px #ccc solid;}
.JZD_PAGE_NEXT,.JZD_PAGE_LAST,.JZD_PAGE_FIRST,.JZD_PAGE_PREVIOUS{ padding: 5px 10px; margin: 33px 1px 13px 1px; border: 1px #ccc solid;}

/*新闻内页*/
.newscontent .title{ border-bottom: none !important; margin-bottom:0 !important; padding-bottom:0 !important; text-align: center}
.newscontent .info{ text-align: center; font-size: 12px; border-bottom: 1px solid #eeeeee; padding-bottom: 16px; margin-bottom: 16px;}
.newscontent{ line-height: 200%}

/*产品列表*/
.prolist{ width: 100%; overflow: hidden; margin-bottom: 30px;}
.prolist li{ width:308px; height: 360px; overflow: hidden; border:1px solid #e2e2e2; float:left; line-height: 20px; text-align: center; margin:6px 0;}
.prolist li:nth-child(3n-1){margin: 6px 13px;}
.prolist li a{ display: block; padding:14px; font-size: 13px; color: #999999}
.prolist li .img{ width: 100%; height: 220px; overflow: hidden; position: relative;}
.prolist li .img img{ width: 100%; height: 100%; object-fit: contain;transition: all .2s; -webkit-transition: all .2s;}
.prolist li p{ font-size: 16px; text-align: center; color: #000; line-height: 45px;}
.prolist li .img span{ display: block; position: absolute; width: 100%;  height: 100%; background: rgba(0,84,157,0.8); opacity:0; transition: all .2s; -webkit-transition: all .2s; z-index: 2;}
.prolist li .img span img{ width: 52px; height: auto; margin-top: 84px;}
.prolist li:hover{border:1px solid #00549d;}
.prolist li:hover .img span{transition: all .2s; -webkit-transition: all .2s; opacity:1;}
.prolist li:hover img.proimg{-ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2);transition: all .2s; -webkit-transition: all .2s;}

/*在线咨询*/
#zxzx{ font-size: 14px; background-color: #00549d; border-radius: 2px; padding:0 8px; color: #fff; margin-left: 10px; display: block; display: inline-block;}

/*在线留言*/
.message h1{margin-bottom:40px;font-size:40px;text-align:center;color:#333;font-weight:normal;}
.message h1 span{color:#df0024}
.message form{margin-bottom:30px;margin-top: 38px;}
.message form div{overflow:hidden;margin-bottom:15px}
.message form div span{float:left;line-height:34px;width:120px;text-align:right;color:#333}
.message form div input{line-height:20px;font-size:14px;border:1px solid #ddd;padding:6px 12px;width:600px;outline:medium;color:#333}
.message form div textarea{width:600px;color:#333;resize:none;border:1px solid #ddd;outline:medium;padding:6px 12px}
.message form .btn input{padding:6px 22px;color:#fff;border:0;cursor:pointer;font-size:16px;border-radius:3px;width:auto}
.message form .btn input:first-child{background-color:#df0024;margin-left:120px;margin-right:10px}
.message form .btn input:nth-child(2){background-color:#767676}

/*VRHF*/
.vrhf{ width: 100%;height: 300px; cursor:pointer; overflow: hidden}
.vrhf .text{ position: absolute;z-index: 2;	color: #fff;width: 100%;height: 300px;line-height: 300px;font-size: 30px;text-align: center;letter-spacing: 10px;}
.vrhf .iframe{width: 100%;border: none;height: 100%;object-fit: cover;}