@charset "utf-8";
/*全局初始化样式*/
body{ padding:0; margin:0 auto; font-size: 14px; line-height: 1.42857143; font-family:arial,Microsoft YaHei,'微软雅黑','宋体'; color: #666460; min-width: 320px; width: 100%; zoom:1;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
/*
-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
*/
        
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
background: #fdfdfd;
}

/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666460;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#666460; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #000;}

/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;
 font-size: 0px;}
.clearfix { zoom: 1;}

/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}

.w1200{ width: 1200px; margin: 0 auto;}
/*全局样式*/




/*页面框架结构*/
.contain{width: 1200px; margin: 0 auto; max-width: 96%;} /*页面主体内容*/
.slidebar{} /*边侧菜单*/
.maincontent{} /*主要内容*/
.content{} /*内容*/
.txtbox,
.singlepage{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden;}
.current{ /*当前位置*/}


/*分页*/
.Pages{ padding:70px 0; line-height:18px; zoom:1; overflow:hidden; text-align: center;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{height: 33px; line-height: 33px; display:block; float: left; margin:0px 5px; color: #666666;}
.Pages a:hover{color:#fff; border:solid 1px #f1f1f1; background:#c1a43d;}
.Pages .p_page em{font-style:normal; font-family:Arial; margin: 0 5px; float: left;}
.Pages .p_page em a{ width: 38px; margin: 0; border:solid 1px #edecec; border-left: none; background:#fff;}
.Pages .p_page em a:first-child{border-left: 1px solid #edecec;}
.Pages .p_page em a:hover{color:#fff; background:#c1a43d; border-color:#c1a43d;}
.Pages .p_page em a.a_cur{ color:#fff;  background:#c1a43d; border-color:#c1a43d; }
.Pages .p_page em a:first-child{border-left: 1px solid #edecec;}
.Pages .p_page em a.a_cur:first-child{border-left: 1px solid #c1a43d;} 
.Pages .p_page b{ font-weight:normal;}
.Pages .a_prev,.Pages .a_next,.Pages .a_first,.Pages .a_end{width: 63px; border:solid 1px #edecec; background:#fff;}
.Pages .a_prev,.Pages .a_next{width: 38px; font-size: 0;}
.Pages .a_prev{background: url(../images/pageL.png) 50% 50% no-repeat;}
.Pages .a_prev:hover{background: url(../images/pageL.png) 50% 50% no-repeat;}
.Pages .a_next{background: url(../images/pageR.png) 50% 50% no-repeat;}
.Pages .a_next:hover{background: url(../images/pageR.png) 50% 50% no-repeat;}
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump{display: none;}
 
/*分页*/


/*头部*/
.headerW{width: 100%; position: relative;}
/*.headerW .logo_box{text-align: center; width: 1200px; margin: 0 auto; max-width: 100%; padding-top: 29px;}*/
.headerW .logo_box{position: absolute; top: 0; left: 50%; margin-top: 10px; margin-left: -600px; margin-left: 0; left:3%; z-index: 99;}
.headerW .logo_box img{height: 38px;}



.headerW .nav{width: 1200px; max-width: 96%; font-size: 0; margin: 0 auto; text-align: center; position: relative;} 
.headerW .nav ul{padding-left: 170px;}
.headerW .nav ul li{display:inline-block;  *zoom:1; *display:inline; margin: 0 30px;}
.headerW .nav ul li a{height: 60px; line-height: 60px; padding: 0 26px; font-size: 17px; font-size:14px; color: #7a7a7a; display: block; }
.headerW .nav ul li.on a,.headerW .nav ul li:hover a{background: #333137; color: #fff;}

.header_link{position: absolute; bottom: 18px; right: 3%;}
.header_link .icon{display: block; padding: 0 17px; float: left; position: relative;}

.header_link .icon.weixin{display: block; width: 22px; height: 22px; background: url(../images/icon1.png) 50% 0 no-repeat;}
.header_link .icon.phone{display: block; width: 22px; height: 22px; background: url(../images/icon2.png) 50% 0 no-repeat;}
.header_link .icon.Member{display: block; width: 22px; height: 22px; background: url(../images/icon3.png) 50% 0 no-repeat;}
.header_link .icon.Members{display: block; width: 30px; height: 22px;}
.header_link .icon.Membert{display: block; width: auto; height: 22px;}
.header_link .icon.search{display: block; width: 22px; height: 22px; background: url(../images/icon4.png) 50% 0 no-repeat; margin-left: 44px;}
.header_link .icon:after{content: ""; width: 2px; height: 22px; position: absolute; top: 0; right: 0; background: #b5b5b5;}
.header_link .icon.search:after{display: none;}

.header_code{position: absolute; top: 100%; left: 50%; border: 1px solid #ccc; margin-left: -62px; padding: 10px; background: #fff; width: 100px; height: 100px; display: none; z-index: 90;}
.header_code img{width: 100px; height: 100px;}
.header_phone{position:absolute; top: 100%; right: 0; border: 1px solid #ccc; height: 35px; min-width: 100px; padding: 0 10px; line-height: 35px; color: #666;  z-index: 91; background: #fff; display: none;}
.search_text{width: 210px; position: absolute; top: 100%;  right: 0; height: 35px; padding-left: 10px;  border: 1px solid #ccc; display: none; background: #fff; z-index: 92;}
.search_text .text{width: 160px; height: 35px; line-height: 35px; float: left;}
.search_text a{display: block; width: 40px; height: 35px; float: right; background: url(../images/icon4.png) 50% 50% no-repeat; padding: 0;}

.mobile_menu{width: 24px; height: 30px; position: relative; cursor: pointer; position: absolute; right: 2%; top: 50%; margin-top: -14px; display: none;}
.mobile_menu span{ position:absolute; width:100%; height:3px; background-color:#2e2522; left:0; top:50%; margin-top:-1.5px;transition:all ease-out 0.3s; border-radius: 2px;}
.mobile_menu span::before,
.mobile_menu span::after{ position:absolute; content:''; left:0; width:100%;height:3px; background-color:#2e2522; transition:all ease-out 0.3s; border-radius: 2px;}
.mobile_menu span::before{ top:-7px;}
.mobile_menu span::after{ bottom:-7px;}
.mobile_menu.onmenu span{ background-color:transparent;}
.mobile_menu.onmenu span::before{ transform:rotate(45deg); top:0;}
.mobile_menu.onmenu span::after{ transform:rotate(-45deg); bottom:0;}
/*头部*/

.h_ban{width: 100%; position: relative;}
.h_ban::after{content: ""; width: 100%; height: 14px; background: rgba(83, 89, 103, 0.8); position: absolute; top: 0; left: 0;  z-index: 80;}
.h_ban ul li{width: 100%;}
.h_ban .bx-prev{width: 35px; height: 61px; position: absolute;  left: 5%; top: 50%; margin-top: -31px; background: url(../images/ban_arrowL.png)  50% 0 no-repeat; text-indent: 35px; overflow: hidden; z-index: 99; background-size: contain;}
.h_ban .bx-next{width: 35px; height: 61px; position: absolute;  right: 5%; top: 50%; margin-top: -31px; background: url(../images/ban_arrowR.png) 50%  0 no-repeat; text-indent: 35px; overflow: hidden; z-index: 99; background-size: contain;}
.h_ban .bx-prev:hover{background: url(../images/ban_arrowL2.png) 50% 0 no-repeat; background-size: contain;}
.h_ban .bx-next:hover{background: url(../images/ban_arrowR2.png) 50% 0 no-repeat; background-size: contain;}
.h_ban .bx-pager{position: absolute; left: 0; bottom: 59px; width: 100%; text-align: center; z-index: 99; font-size: 0;}
.h_ban .bx-pager .bx-pager-item{display:inline-block;  *zoom:1; *display:inline; margin: 0 26px;}
.h_ban .bx-pager .bx-pager-item a{display: block; width: 17px; height: 17px; border-radius: 50%; background: rgba(136, 136, 136, 0.8); text-indent: 17px; overflow: hidden;}
.h_ban .bx-pager .bx-pager-item a.active{background: rgba(255, 255, 255, 0.8);}
.banner{width: 100%;}
.banner img{width: 100%;}

.h_title{width: 230px; margin: 0 auto; background: #333137; color: #fff; text-align: center; font-size: 20px;}
.h_title span{display: block; font-size: 16px; font-weight: normal;}

.h_proW{width: 100%; background: #fdfdfd; padding-bottom: 120px;}
.h_pro{width: 1200px; margin: 0 auto; max-width: 96%;}
.h_proT{margin-top: 120px;}
.h_proT .tip{float: left; font-size: 13px; color: #5f5e5e; line-height: 22px;}
.h_proT .more{width: 65px; height: 12px; float: right; margin-top: 10px; background: url(../images/more2.png) 0 0 no-repeat;}
.h_proList{overflow: hidden;}
.h_proList ul{margin:-10px -5% 0 0;}
.h_proList ul li{width: 20%; margin: 45px 5% 0 0;float: left; position: relative; overflow: hidden; }
.h_proList ul li span{ display: block; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; }
.h_proList ul li .pic{background-repeat: no-repeat; background-position: center center; background-size: cover; padding-bottom: 97%; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transform: scale(1);transform: scale(1); -webkit-transform: scale(1); }
.h_proList ul li .text{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); text-align: center; transition: 0.5s; opacity: 0;}
.h_proList ul li .text .title{font-size: 26px; color: #c7c6c6; margin-top: 40%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding: 0 10px;}
.h_proList ul li:hover .pic{ transform: scale(1.08); }
.h_proList ul li:hover .text{opacity: 1;}


.h_pic{position: relative;}
.h_pic::after{content: ""; width: 100%; height: 14px; background: rgba(83, 89, 103, 0.3); position: absolute; top: 0; left: 0;  z-index: 80;}
.h_pic .bx-prev{width: 35px; height: 61px; position: absolute;  left: 5%; top: 50%; margin-top: -31px; background: url(../images/ban_arrowL.png)  50% 0 no-repeat; text-indent: 35px; overflow: hidden; z-index: 99; background-size: contain;}
.h_pic .bx-next{width: 35px; height: 61px; position: absolute;  right: 5%; top: 50%; margin-top: -31px; background: url(../images/ban_arrowR.png) 50%  0 no-repeat; text-indent: 35px; overflow: hidden; z-index: 99; background-size: contain;} 
.h_pic .bx-prev:hover{background: url(../images/ban_arrowL2.png) 50% 0 no-repeat; background-size: contain;}
.h_pic .bx-next:hover{background: url(../images/ban_arrowR2.png) 50% 0 no-repeat; background-size: contain;}
.h_pic .bx-pager{position: absolute; left: 0; bottom: 44px; width: 100%; text-align: center; z-index: 99; font-size: 0;}
.h_pic .bx-pager .bx-pager-item{display:inline-block;  *zoom:1; *display:inline; margin: 0 26px;}
.h_pic .bx-pager .bx-pager-item a{display: block; width: 15px; height: 15px; border-radius: 50%; background: rgba(136, 136, 136, 0.8); text-indent: 17px; overflow: hidden;}
.h_pic .bx-pager .bx-pager-item a.active{background: rgba(255, 255, 255, 0.8);}


.h_gallery{width: 1200px; margin: 0 auto; max-width: 96%;}
.h_galleryT{margin-top: 120px; padding: 0 45px;}
.h_galleryT .tip{float: left; font-size: 13px; color: #5f5e5e; line-height: 22px;}
.h_galleryT .more{width: 65px; height: 12px; float: right; margin-top: 10px; background: url(../images/more2.png) 0 0 no-repeat;}
.h_galleryList{  margin: 35px 45px 0 45px;}
.h_galleryList ul li{width: 48.5%; float: left; margin-left: 3%; margin-bottom: 30px;}

.h_galleryList{position: relative;}
.h_galleryList .pic{display: block;  background-repeat: no-repeat; background-position: center center; padding-bottom: 221px; background-size: cover;} 
.h_galleryList ul li.top{margin: 0;}
.h_galleryList ul li.top .pic{padding-bottom: 472px;}
.h_galleryList .bx-viewport{height: auto!important;}
.h_galleryList  .bx-prev{width: 28px; height: 28px; position: absolute; top: 50%; margin-top: -14px; left: -55px; background: url(../images/pic_arrowL.png) 0 0 no-repeat; text-indent: 28px; overflow: hidden;}
.h_galleryList  .bx-next{width: 28px; height: 28px; position: absolute; top: 50%; margin-top: -14px; right: -55px; background: url(../images/pic_arrowR.png) 0 0 no-repeat; text-indent: 28px; overflow: hidden;} 


.h_case{margin-top: 80px; padding-bottom: 90px;}
.h_case .tip{text-align: center; width: 1200px; margin: 0 auto; max-width: 96%; font-size: 20px;}
.h_case .list{margin-top: 40px; overflow: hidden;}
.h_case ul{margin-right: -2.5%;}
.h_case ul li{width: 47.5%; margin-right: 2.5%; float: left; position: relative;}
.h_case ul li .pic{display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; padding-bottom: 40%;}
.h_case ul li span{display: block;}
.h_case ul li .text{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(45, 43, 59, 0.8);}
.h_case ul li .title{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding: 0 10px; margin-top: 18%; color: #c3c2c8; font-size: 20px; text-align: center;}


.footerW{width: 100%; border-top: 15px solid #b4b3bd; background: #24242d; padding: 67px 0 70px 0;}
.footer{width: 1200px; max-width: 96%; margin: 0 auto; }
.footer_logo {float: left;}
.footer_list{float: left; width: 65%;}
.footer_list dl{float: left; margin: 0 0 0 10%;}
.footer_list dl dt{padding-bottom: 10px;}
.footer_list dl dt a{color: #fff; font-weight: bold; font-size: 16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block;}
.footer_list dl dd{margin: 10px 0 0 0;}
.footer_list dl dd a{display: block; font-size: 14px; color: #696975; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.footer_code{float: left; margin-left: 2%;}
.footer_code .pic{padding: 10px; border: 1px solid #373742;}
.footer_code .pic img{max-width: 86px;}
.footer_share{width: 100%; text-align: center; margin-top: 20px;} 
.footer_share a{display:inline-block;  *zoom:1; *display:inline; width: 16px!important; height: 16px!important; margin: 0 5px!important; float: none!important; padding: 0!important;}
.footer_share a.icon1{background: url(../images/weibo.png) 0 0 no-repeat;}
.footer_share a.icon2{background: url(../images/weixin.png) 0 0 no-repeat;}


.footer_text{float: right; width: 15%;}
.footer_text dl{margin: -15px 0 0 0;}
.footer_text dd{color: #a2a2ab; font-size: 12px; white-space: pre-line; padding-left: 30px;  margin: 0; background: url(../images/footer_line.png) 0 100%  repeat-x; padding-bottom: 19px; position: relative;}
.footer_text dd.icon1::after{width: 15px; height: 20px; content: ""; background: url(../images/icon_map.png) 0 0 no-repeat; position: absolute; top: 19px; left: 5px;}
.footer_text dd.icon2::after{width: 12px; height: 17px; content: ""; background: url(../images/icon_phone.png) 0 0 no-repeat; position: absolute; top: 19px; left: 5px;}
.footer_text dd.icon3::after{width: 18px; height: 12px; content: ""; background: url(../images/icon_email.png) 0 0 no-repeat; position: absolute; top: 19px; left: 5px;}


.pro_box{margin-top: 54px;}
.pro_T{padding: 0 23px; background: #24242d; height: 41px; line-height: 41px; color: #fff;}
.pro_T .tip1{float: left;}
.pro_T .proT_menu{width: 94px; height: 25px; margin-top: 8px; padding: 0 30px 0 10px; background: url(../images/pro_menu.png) 0 0 no-repeat; float: left; margin-left: 10px; position: relative; cursor: pointer;}
.pro_T .proT_menu .title{line-height: 25px; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.pro_T .proT_menu ul{position: absolute; left: 0; width: 100%; top: 100%; background: #fff; display: none; border-bottom: 1px solid #ccc; }
.pro_T .proT_menu ul li a{display: block; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; border: 1px solid #ccc; border-bottom: none; line-height: 30px; height: 30px;}
.pro_T .proT_menu ul li a:hover{color: #000;}

.pro{margin-top: 44px;}
.pro_menu{width: 16%; float: left;}
.pro_menuT{font-size: 15px; font-weight: bold; color: #24242d; padding: 0 23px;}
.pro_menu ul{padding: 0 23px; margin-top: 5px;}
.pro_menu ul li{margin-top: 5px;}
.pro_menu ul li a{width: 86px; border-bottom: 1px solid #fff; display: block; padding: 3px 0;}
.pro_menu ul li a:hover,.pro_menu ul li.on a{border-bottom: 1px solid #828282;}


.pro_list{width: 84%; float: right; overflow: hidden; min-height: 320px;}
.pro_list ul {margin:-40px -4% 0 0;}
.pro_list ul li{width: 29.333%; margin: 40px 4% 0 0; float: left;}
.pro_list ul li span{display: block;}
.pro_list ul li .box{ overflow:hidden; background-color:#FFF}
.pro_list ul li .pic{ background-repeat: no-repeat; background-position: center center; background-size: cover; padding-bottom: 95%; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transform: scale(1);transform: scale(1); -webkit-transform: scale(1);}
.pro_list ul li .title{display: block; text-align: center;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-top: 33px; padding: 12px 2% 0 2%; font-size: 14px; color: #333333; font-weight: bold; position: relative;}
.pro_list ul li .title::after{content: ""; width: 45px; height: 2px; background: #000000; position: absolute; top: 0; left: 50%; margin-left: -23px;}
.pro_list ul li .txt{font-size: 12px; color: #999; line-height: 24px; margin-top: 10px; height: 48px; overflow: hidden;}
.pro_list ul li:hover .pic{ transform: scale(1.08); opacity: 0.8;}

.pro_info{margin: 70px 0 80px 0;}
.pro_infoT{width: 100%;}
.pic_list{width: 57%; float: left; position: relative;}
.pic_list ul .pic{display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; padding-bottom: 70%;}
.pic_list .bx-prev{width: 46px; height: 46px; position: absolute; top: 50%; margin-top: -23px; left: 5%; background: url(../images/pro_arrowL.png) 0 0 no-repeat; background-size: contain; z-index: 99; text-indent: 46px; overflow: hidden;}
.pic_list .bx-next{width: 46px; height: 46px;  position: absolute; top: 50%; margin-top: -23px; right: 5%; background: url(../images/pro_arrowR.png) 0 0 no-repeat; background-size: contain; z-index: 99; text-indent: 46px; overflow: hidden;}

.pro_infoT .right{width: 38%; float: right;}
.pro_infoT .right .title{font-size: 30px; color: #555;}
.pro_infoT .right .text{margin-top: 20px;}
.pro_infoT .right .txt span{display: block; width: 50%; float: left; margin-bottom: 15px;}
.pro_infoT .right .txt2{line-height: 32px; margin-top: 25px;}
.pro_infoT .right .btn{width: 262px; height: 39px; line-height: 39px; border: 1px solid #c1a43d; margin-top: 30px;}
.pro_infoT .right .btn a{display: block; height: 39px; line-height: 39px; width: 50%; margin: 0; padding: 0; background: #fff; float: left; text-align: center; font-size: 16px; color: #c1a43d;}
.pro_infoT .right .btn a.bg{background: #c1a43d; color: #fff;}

.pro_info .box{margin-top: 52px;}
.pro_info .tab{height: 47px; line-height: 47px; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca;}
.pro_info .tab ul li{width: 114px; color: #555; text-align: center;  display:inline-block;  *zoom:1; *display:inline;  font-size: 0;}
.pro_info .tab ul li a{display: block; position: relative;font-size: 16px; } 
.pro_info .tab ul li.on a::after{content: ""; width: 100%; height: 2px; background: #c1a43d; position: absolute; bottom: 0; left: 0;}
.pro_info .con {padding: 30px 25px;}
.pro_info .con  .tip{font-size: 24px; color: #555;}
.pro_info .con .txt{width: 810px; max-width: 100%; margin-top: 20px;}
.pro_info .con .txt dl{margin: 0;}
.pro_info .con .txt dl dd{margin: 0; width: 33.333%; float: left;  padding: 8px 0;}
.pro_info .con .txt dl dd:nth-child(3n+1){width: 23%;}
.pro_info .con .pic{margin-top: 10px;}
.pro_info .con .tip2{margin: 20px 0 20px 0; font-size: 24px;}
.pro_info .con .tab_box{display: none;}

.photo{max-width: 750px;margin: 0 auto;}
.photo .photo_list ul{overflow: hidden;}
.photo .photo_list ul li{float: left;width: 49%;margin-right: 2%;margin-bottom: 2%;border-radius: 5px;background-color: white;}
.photo .photo_list ul li:nth-child(2n){margin-right: 0;}
.photo .photo_list ul li a{padding: 10px;}
.photo ul li span{display: block;}
.photo ul li .box{ overflow:hidden; background-color:#FFF;text-align: center;}
.photo ul li img{max-height: 100%;}
.photo .pro_menu{float: none;}
.photo_float{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;background-color: #000000;display: none;}
.photo_float .img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;text-align: center;}
.photo_float .img img{max-height: 100%;}

@media (min-width:768px) {
	.photo{max-width: 100%;}
	.photo .photo_list ul li{width: 23.5%;}
	.photo .photo_list ul li:nth-child(2n){margin-right: 2%;}
	.photo .photo_list ul li:nth-child(4n){margin-right: 0;}
}


.library_t{margin: 36px 0; position: relative; text-align: center;}
.library_t span{font-size: 36px; display:inline-block;  *zoom:1; *display:inline; position: relative; color: #000;}
.library_t span::after{content: ""; width: 83px; height: 1px; position: absolute; left: -112px; top: 50%; margin-top: -1px; background: #000000;}
.library_t span::before{content: ""; width: 83px; height: 1px; position: absolute; right: -112px; top: 50%; margin-top: -1px; background: #000000;}

.library_search{width: 589px; height: 40px; padding-left: 10px; line-height: 40px; margin: 35px auto 0; border: 1px solid #e5e5e5; position: relative;}
.library_search .text{height: 40px; line-height: 40px; width: 543px; float: left;}
.library_search .btn{width: 46px; height: 42px; position: absolute; top: -1px; right: -1px; background: #cdb664 url(../images/search_btn.png) 50% 50% no-repeat;}


.library_menu{margin-top: 15px; text-align: center;}
.library_menu ul li{display:inline-block;  *zoom:1; *display:inline; font-size: 16px; margin: 0 31px;}
.library_menu ul li a{color: #666666;}
.library_menu ul li.on a,.library_menu ul li a:hover{color: #cdb664;}

.library_W{background: #f5f5f5; padding-top: 27px;}
.library{margin: 0 auto; width: 1200px; max-width: 96%; }
.library .list{margin-right: -2%;}
.library  .wall-column{width: 23%; float: left; margin-right: 2%;}
.library  .item {margin-top: 36px;}
.library  .item .pic{display: block; border: 1px solid #e5e5e5;}
.library  .item img{width: 100%;}
.library  .item .text{border: 2px solid #e5e5e5; border-top: none;}
.library  .item .title{height: 42px; display: block; line-height: 42px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding: 0 15px; background: #fff;}
.library  .item .link{height: 31px; line-height: 31px; background: #f5f5f5; display: block;}
.library  .item .link a{display:inline-block;  *zoom:1; *display:inline;  padding-left: 20px; }
.library  .item .link a.icon1{background: url(../images/icon5.png) 0 50% no-repeat; margin-left: 15px;}
.library  .item .link a.icon2{background: url(../images/icon6.png) 0 50% no-repeat; margin-left: 27px;}

.library_Load{padding: 40px 0; margin-top: 60px; background: url(../images/library_line.png) 0 0 repeat-x; text-align: center;}
.library_Load span{display:inline-block;  *zoom:1; *display:inline; font-size: 16px; padding-left: 49px; background: url(../images/icon_Load.png) 0 50% no-repeat; height: 31px; line-height: 31px;}


.pic_info{background: #f4f4f4; padding: 40px 0 117px 0;}
.pic_info .pic img{width: 100%;}
.pic_info .box{padding: 40px 18px 0 18px;}
.pic_info .box .title{font-size: 30px; color: #333;}
.pic_info .box .title a{display:inline-block;  *zoom:1; *display:inline; padding-left: 20px; margin-left: 20px; background:  url() 0 0 no-repeat; background: url(../images/Collection.png) 0 0 no-repeat; font-size: 14px;}
.pic_message{margin-top: 32px;}
.pic_message img{width: 63px; height: 63px; float: left;}
.pic_message .text{width: 91%; border-radius: 2px; float: right; padding: 10px 15px; height: 41px; float: right; border: 1px solid #dcdcdc; background: #fff;}
.pic_message .btn{display: block; height: 42px; line-height: 42px; width: 120px; border: 1px solid #dcdcdc; border-radius: 2px; margin-top: 10px; float: right; text-align: center; font-size: 16px; cursor: pointer;}

.case_w{background: #f5f5f5; padding-top: 44px;}
.case{width: 1200px; max-width: 96%; margin: 0 auto;}
.case ul{margin-right: -2%;}
.case ul li{width: 23%; margin: 30px 2% 0 0;  position: relative; float: left;}
.case ul li span{display: block;}
.case ul li .pic{background-repeat: no-repeat; background-position: center center; background-size: cover; padding-bottom: 117%;}
.case ul li .title{position: absolute; left: 0; bottom: 0; width: 90%; font-size: 16px; height: 59px; line-height: 59px; padding: 0 5%; background: rgba(0, 0, 0, 0.5); text-align: center; font-weight: bold;  color: #fff; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.case_infoW{background: #f5f5f5;}
.case_info{padding: 56px 0 86px 0; width: 1200px;max-width: 96%; margin: 0 auto;}
.case_info .text .title{font-size: 20px; color: #333;}
.case_info .text .txt{margin-top: 20px; font-size: 14px; line-height: 32px; color: #555;}
.case_info .text .pic{margin-top: 80px;}


.aboutW{width: 100%; padding: 35px 0 176px 0; background: #f5f5f5;}
.about{width: 1200px; max-width: 96%; margin: 0 auto; line-height: 32px;}
.about .pic{margin-top: 60px;}

.about_pic{margin-top: 40px;}
.about_pic ul{margin-right: -2%;}
.about_pic ul li{width: 48%;  margin-right: 2%; float: left; position: relative;}
.about_pic ul li .txt{color: #fff; padding: 5%; width: 80%; line-height: 22px; position: absolute; bottom: 3%; left: 0; background: rgba(0, 0, 0, 0.37);}
.about_pic ul li .txt .title{font-size: 20px;}
.about_pic ul li .txt .tip{font-size: 14px; margin-top: 10px; height: 44px; overflow-y: auto;}
  
.problemW{width: 100%; padding-top: 47px; background: #f5f5f5;}
.problem{width: 1200px; max-width: 96%; margin: 0 auto;}
.problem .ul li{margin-top: 8px;}
.problem .ul li .problemT{position: relative; padding-left: 53px;}
.problem .ul li .problemT i{font-style: normal; width: 47px; height: 47px; background: #fff; border: 1px solid #ced9d8; position: absolute; top: 0; left: 0; text-align: center; line-height: 47px; font-size: 23px; color: #c1a43d;}
.problem .ul li.on .problemT i{background: #c1a43d; color: #fff;}
.problem .ul li.on .title{background: #f0f0f0;}
.problem .ul li .title{height: 47px; line-height: 47px; border: 1px solid #ced9d8; padding: 0 15px; background: #fff; color: #666; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; cursor: pointer;}
.problem .ul li .box{margin-top: 8px; position: relative; padding-left: 53px; display: none;}
.problem .ul li .box i{font-style: normal; width: 47px; height: 47px; background: #fff; border: 1px solid #ced9d8; position: absolute; top: 0; left: 0; text-align: center; line-height: 47px; font-size: 23px; color: #c1a43d;}
.problem .ul li .box .text{ border: 1px solid #ced9d8; padding: 3% 3%; background: #fff; }

.contactW{width: 100%; padding: 70px 0; background: #f5f5f5;}
.contact{width: 1200px; max-width: 96%; margin: 0 auto;}
.contact .map{width: 50%; float: left; border: 1px solid #dcdcdc; height: 562px;}
.contact .map img{max-width: 100px;}
.contact .right{width: 45%; float: right;}
.contact .name{font-size: 24px; color: #333; margin-top: 30px;}
.contact .add{margin-top: 50px; line-height: 33px; padding: 30px 0; border-top: 1px dashed #c7c7c7; border-bottom: 1px dashed  #c7c7c7;}
.contact .contact_code{margin-top: 34px; width: 107px;}
.contact_code .img{padding: 10px; border: 1px solid #e2e2e2;}
.contact_code a{display:inline-block;  *zoom:1; *display:inline; width: 16px!important; height: 16px!important; margin: 0 5px!important; float: none!important; padding: 0!important;}
.contact_code .btn{width: 100%; text-align: center; margin-top: 20px;} 
.contact_code a.icon1{background: url(../images/weibo2.png) 0 0 no-repeat;}
.contact_code a.icon2{background: url(../images/weixin2.png) 0 0 no-repeat;}

.newsW{width: 100%; background: #f5f5f5; padding-top: 37px;}
.news{width: 1200px; margin: 0 auto; max-width: 96%; overflow: hidden;}
.news ul{margin-top: -1px;}
.news ul li{padding: 20px 0; border-top: 1px solid #eaeeed;}
.news ul li time{width: 8%; float: left; font-family: "Arial"; font-size: 42px; line-height: 30px; padding: 30px 0; color: #666; text-align: center;}
.news ul li time span{font-size: 14px; display: block; color: #888;}
.news ul li .pic{width: 17%; background-repeat: no-repeat; background-position: center center; padding-bottom: 120px; background-size: cover; float: left;} 
.news ul li .text{width: 72%; float: right;}
.news ul li a.title{display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 14px; color: #333;}
.news ul li .txt{margin-top: 15px; font-size: 12px; line-height: 20px; height: 40px; overflow: hidden;}
.news ul li .btn{width: 115px; height: 29px; display: block; text-align: center; line-height: 29px; background: url(../images/news_btn.png) 0 0 no-repeat; margin-top: 20px;}
.news ul li .btn span{display: inline-block; padding-right: 15px;}

/*详细*/
.news_infoW{padding-top: 20px; background: #f5f5f5;}
.news-info .h5{ text-align:center; color:#666;  font-weight: normal; font-size: 20px; margin: 20px 0 0 0;}
.news-info .time{ text-align:center; margin-top: 10px; font-size: 14px; color: #999; padding-bottom: 20px; border-bottom: 1px dashed #e4e4e4;}
.news-info{margin-top: 40px; }
.info_other{margin-top: 30px; padding: 30px 0;position: relative;}
.info_other span{ padding:2px 0; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 14px;}
.info_other span a:hover{color: #000;}
.info_other span.back{display: block;}
.info_other span.back a{display: inline-block;;}
.news-info .con{margin-top: 20px;}
.news-info .con img{width: auto!important; height: auto!important;}
.info_other .prev a,.info_other .next a{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-info .video{margin-top: 20px;}
.news-info video{width: 100%;}
.news-info iframe{width: 100%!important;}


.honorW{padding: 62px 0 100px 0; background: #f5f5f5;}
.honor{width: 657px; max-width: 96%; margin: 0 auto; position: relative;}
.honor .line{width: 27px; height: 100%; position: absolute; top: 15px; left: 50%; margin-left: -14px; background: url(../images/honor_line.png) 0 0  repeat-y;}
.honor ul { margin-top: 100px;}
.honor ul li{position: relative;  margin-top: -75px;}
.honor .box{width: 38%; float: left; padding-right: 12%; position: relative; z-index: 10;}
.honor .box i{background: url(../images/dd1.png) 0 0 no-repeat; width: 20px; height: 20px; position: absolute; top: 5px; right: -10px;}
.honor .box .year{display: block; text-align: right;}
.honor .box .year span{padding-right: 8px; margin-right: -8px; width: 89px; height: 32px; line-height: 32px; text-align: center;  background: url(../images/style_y.png) 0 0 no-repeat; font-size: 24px; color: #fff; font-weight:bold; display:inline-block;  *zoom:1; *display:inline; background-size: contain;}
.honor .box  .pic{margin-top: 25px; background-repeat: no-repeat; background-position: center center; background-size: cover; padding-bottom: 60%;}
.honor .box .title{display: block; text-align: center; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 10px;}
 
.honor ul li.on .box{float: right; padding-right: 0; padding-left: 12%; }
.honor ul li.on .box .year{ text-align: left;}
.honor ul li.on .box .year span{background: url(../images/style_y2.png) 0 0 no-repeat; margin-right: 0; padding-left: 0; padding-left: 8px; margin-left: -8px; background-size: contain;}
.honor ul li.on .box i{right: auto; left: -10px;}
.honor ul li .box:hover i{background: url(../images/dd2.png) 0 0 no-repeat;} 



.form_table{ width:280px; margin:auto; font-size:15px; color:#b0b0b0; padding-top:20px; padding-bottom:40px; line-height:28px;}
.form_table ul li{ position:relative; padding:5px 0px 5px 70px; border:solid 1px #dcdcdc; margin-bottom:15px; background:  #fff url(../images/form_text_bg.jpg) no-repeat left 100px; }
.form_table ul li.li_name{ background-position:left 0;}
.form_table ul li.li_id{ background-position:left -55px;}
.form_table ul li.li_tel{ background-position:left -107px;}
.form_table ul li.li_phone{ background-position:left -160px;}
.form_table ul li.li_email{ background-position:left -214px;}
.form_table ul li.li_detail{ padding-left:15px; background:none;}
.form_table ul li.li_detail textarea.text{ width:480px; height:170px;}
.form_table ul li.li_goal{ background-position:left -265px;}
.form_table ul li.li_file{ background-position:left -320px;}
.form_table ul li.li_password{ background-position:left -372px;}
.form_table ul li.li_type{ background-position:left -423px;}
.form_table p span{ color:#ff0000}
.form_table .text{ width:190px; border: none;  height:28px; line-height:28px;}
.form_table .file{ width:190px; position:absolute; top:6px; left:70px; height:28px; filter:alpha(opacity:0);opacity: 0; z-index:5} 
.form_table .submit_reset{ overflow:hidden; padding:30px 0;}
.form_table .submit_reset input{ width:110px; height:36px; border:none; cursor:pointer; background: #ccc;margin: 0 15px 0 0;}
.form_table .submit_reset input.submit{ float:right; background-color:#000; color:#fff;}
.form_table .submit_reset input.reset{ float:left;}
.form_table a{color:#b0b0b0;}
.form_table ul li.li_password2{background-position: left -367px;}
.form_table .li_password2 a{font-size: 12px; display: block; line-height: 12px;}
.form_table .add_text{ width:135px !important;}
.form_table #f_code{ width:72px !important;}
.forget{text-align: right; margin-top: 5px;}

.form_table .li_code{padding-left: 10px;}
.form_table .li_code .text{}
.form_table .li_code img{height: 28px; margin-right: 10px; float: right;}








@media screen and (max-width:1640px){
.headerW .nav{text-align: left;}
.headerW .nav ul li{margin: 0 5px;}
}


@media screen and (max-width:1200px){
.headerW .nav ul li{margin: 0 1%;}
.headerW .nav ul li a{padding: 0 10px;}
.header_link{right: 2%;}
.header_link .icon.search{margin-left: 0;}
.header_link .icon{padding: 0 15px;}
	
.footer_list dl{margin-left: 8%;}
.footer_code{margin-left: 0;}
.footer_text{width: 17%;}
	
.pic_message .text{width: 89%;}
	
.headerW .logo_box{left: 2%; margin-left: 0;}
}

@media screen and (max-width:1000px){
.headerW .nav ul li{margin: 0 0.5%; font-size: 14px;} 
.headerW .nav ul li a{font-size: 14px; padding: 0 8px;}	

.h_galleryList ul li{margin-bottom: 2%;}
.h_galleryList .pic{padding-bottom: 40%;}  
.h_galleryList ul li.top .pic{padding-bottom: 84%;}



.footer_text{width: 22%;}
.footer_list{width: 55%;}
.footer_list dl{margin-left: 5%;}
.footer_list dl dt a{font-size: 14px;}
.footer_list dl dd a{font-size: 12px;}
	
.pro_info .con .txt dl dd{width: 38%;}
.pro_info .con .txt dl dd:nth-child(3n+1){width: 20%;}
	
.pic_message .text{width: 85%;}
	
.news ul li time{width: 13%;}
.news ul li .pic{width: 22%;} 
.news ul li .text{width: 62%; }
	
.headerW .nav ul{padding: 0 150px;}
.header_link .icon{padding: 0 10px;}
}

@media screen and (max-width:768px){
.headerW{height: 50px;}
.headerW .logo_box{width: 30%; text-align: left; padding: 10px 2%;  margin: 0;}
.headerW .logo_box img{height: 30px;}
.mobile_menu{display: block;}
.headerW .nav{position: absolute; background: #fff; top: 100%; right: 0; width: 40%; margin-top: 0; border:1px solid #333137; border-top: none; display: none; z-index: 100;}
.headerW .nav ul li{margin: 0; width: 100%; }
.headerW .nav ul li a{display: block; font-size: 14px; height: 35px; line-height: 35px; border-top: 1px solid #333137;}
	
.header_link{right: 40px; bottom: 14px;}
	
.header_link .icon.weixin,
.header_link .icon.phone{display: none;}

.h_ban .bx-pager{bottom: 20px;}
.h_ban .bx-pager .bx-pager-item{margin: 0 5px;}
.h_ban .bx-pager .bx-pager-item a{width: 12px; height: 12px;}
.h_ban .bx-prev{height: 40px; width: 23px;}
.h_ban .bx-next{height: 40px; width: 23px;}
.h_pic .bx-pager{bottom: 20px;}
.h_pic .bx-pager .bx-pager-item{margin: 0 5px;}
.h_pic .bx-pager .bx-pager-item a{width: 12px; height: 12px;}
.h_pic .bx-prev{height: 40px; width: 23px;}
.h_pic .bx-next{height: 40px; width: 23px;}
	
.h_title{width: 150px;}
.h_proT{margin-top: 40px;}
.h_proList ul li .text .title{font-size: 18px;}
	
.h_proW{padding-bottom: 40px;}
	
.h_galleryT{padding: 0 30px;}
.h_galleryList{margin: 20px 30px 0 30px;}
.h_galleryT{margin-top: 40px;}
.h_galleryList  .bx-prev{left: -35px;}
.h_galleryList  .bx-next{right: -35px;} 
	
.h_case{margin-top: 20px;}
.h_case .tip{font-size: 16px;}
	
.footerW{padding: 20px 0;}
.footer_logo{width: 100%; text-align: center;  }
.footer_list{width: 100%; margin-top: 20px; }
.footer_list dl dd{display: none;}
.footer_list dl{width: 20%; text-align: center; margin: 0;}
.footer_code{  width: 106px; margin:20px 0 0 5%;}
.footer_text{width: 70%;   margin: 20px auto 0;}
	
.pro_box{margin-top: 20px;}
.pro{margin-top: 0;}
.pro_T{display: none;}
.pro_menu{width: 100%; padding-bottom: 20px;}
.pro_list{width: 100%;}
.pro_menuT{padding: 0;}
.pro_menu ul{width: 100%; padding: 0;}
.pro_menu ul li{float: left; margin-right: 17px;}
.pro_menu ul li a{width: auto;}
	
.pro_info{margin: 20px 0;}
.pic_list{width: 100%;}
.pro_infoT .right{width: 100%; margin-top: 20px;}
.pro_infoT .right .title{font-size: 18px;}
.pic_list .bx-prev{width: 30px; height: 30px; margin-top: -15px;}
.pic_list .bx-next{width: 30px; height: 30px; margin-top: -15px;}
	
.pro_info .con .txt dl dd{width: 50%;}
.pro_info .con .txt dl dd:nth-child(3n+1){width: 50%;}
.pro_info .con  .tip{font-size: 18px;}
.pro_info .con{padding: 5%;}
.pro_info .box{margin-top: 20px;}
	
.pro_infoT .right .btn{width: 160px; height: 30px;}
.pro_infoT .right .btn a{height: 30px; line-height: 30px; font-size: 14px;}
.pro_info .tab ul li a{font-size: 14px;}
	
.pro_info .con .tip2{font-size: 18px;}
	
.library_t span{font-size: 24px;}
.library  .item .link a.icon2{margin-left: 15px;}
	
.pic_message .text{width: 80%;}
.headerW .nav ul{padding: 0;}
}

@media screen and (max-width:640px){
.h_proList ul{margin-top: 0;}
.h_proList ul li{width: 45%; margin-top: 20px;}
	
.h_case .list{margin-top: 0;}
.h_case ul li{width: 100%; margin-top: 20px;}
.h_case ul li .title{font-size: 16px;}
	 
.footer_logo{width: 100%; text-align: center;  }
.footer_list{width: 100%; margin-top: 20px; } 
.footer_code{ width: 100%; margin:20px auto 0; }
.footer_code .pic{width: 86px; margin: 0 auto;}
.footer_text{width: 100%;   margin: 20px auto 0;}
	
.library_menu ul li{margin: 0 10px;}	
.library_menu ul li a{font-size: 14px;}	
	
.Pages .p_page em{display: none;}
.Pages{padding: 20px 0;}
	
.pro_list ul {margin:-20px -2% 0 0;}
.pro_list ul li{width: 48%; margin: 20px 2% 0 0;}
	
.pro_info .tab ul li{width: 33.33%; display: block; float: left;}
.pro_info .con .tip2{font-size: 16px;}
	
.library_t span{font-size: 18px;}	
.library_t span::before{width: 50px;right: -70px;}
.library_t span::after{width: 50px; left: -70px;}
	
.library_search{margin-top: 20px;}
.library_search{width: 300px;}
.library_search .text{width: 250px;}
	
.library  .wall-column{width: 48%;}
.library  .item{margin-top: 20px;}
	
.pic_info .box .title{font-size: 18px;}
.pic_message .text{width: 96%; margin-top: 10px; padding: 2%;}
	
.case_w{padding-top: 20px;}
.case ul li{width: 48%;}
	
.case_info{padding: 20px 0;  }
.case_info .text .title{font-size: 18px;  } 
.case_info .text .pic{margin-top: 20px;}
	
.aboutW{padding: 20px 0;}
.about .pic{margin-top: 20px;}
	
.problemW{padding-top: 20px;}
	
.about_pic {margin-top: 10px;}
.about_pic ul li{width: 98%; margin-top: 10px;}
	
.contactW{padding-top: 20px;}
.contact .map{width: 100%; height: 250px;}
.contact .right{width: 100%; }
.contact .add{margin-top: 20px;}
.contact .name{font-size: 18px;}
	
.news ul li time{display: none;}
.news ul li .pic{width: 40%;}
.news ul li .text{width: 56%;}
	
.news-info{margin-top: 20px;}
.news-info .h5{font-size: 16px;}
	
.honorW{padding: 20px 0;}
.honor ul li .box .year span{font-size: 16px; background-size: contain; height: 30px; line-height: 30px;}
.honor .box  .pic{margin-top: 10px;}
.honor ul li{margin-top: -60px;}
}