@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;
	
overflow-x: hidden;
}

/*默认去除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: #98c525;}

/*清除浮动*/
.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; max-width: 96%; margin: 0 auto;} /*页面主体内容*/
.containW{background: url(../images/bg3.jpg) 0 100% no-repeat;  background-size: contain; position: relative;}
.containW .flower_bg {width: 100%; height: 261px; background: url(../images/bg4.png) 0 0 no-repeat; position: absolute;       top: -41px; right: 0; background-size: contain; z-index: -1;}

.txtbox,
.singlepage{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden;} 


/*分页*/
.Pages{  padding:70px 0; line-height:18px; zoom:1; overflow:hidden; text-align: center;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; float: left; margin:0px 2px; color: #acacac;}
.Pages a:hover{ }
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{ width: 40px; height: 40px; line-height: 40px; margin: 0 5px; color: #666;}
.Pages .p_page em a:hover{color:#fff;  background: url(../images/page_a.png) 0 0 no-repeat; }
.Pages .p_page em a.a_cur{ color:#fff; background: url(../images/page_a.png) 0 0 no-repeat; } 
.Pages .p_page b{ font-weight:normal;}
.Pages .a_prev,.Pages .a_next,.Pages .a_first,.Pages .a_end{height: 40px; line-height: 40px; width: 40px; }
.Pages .a_prev,.Pages .a_next{width: 40px; height: 40px; font-size: 0; }
.Pages .a_prev{background: url(../images/page_arrowL.png) 50% 50% no-repeat;}
.Pages .a_next{background: url(../images/page_arrowR.png) 50% 50% no-repeat;}
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump{display: none;}


/*分页*/


/*头部*/
.header{width: 1200px; margin: 0 auto; max-width: 96%; position: relative;}
.header .logo{float: left; margin-top: 10px;}
.header .logo img{display: block; max-width: 70px;}
.header .nav{float: left; margin-left: 10%;}
.header .nav ul {font-size: 0;}
.header .nav ul li{display:inline-block;  *zoom:1; *display:inline; padding: 0 26px; position: relative;}
.header .nav ul li i{position: absolute; top: 50%; margin-top: -1px; left: -2px; width: 2px; height: 2px; background: #b3b3b3;}
.header .nav ul li>a{height: 90px; font-size: 18px; color: #333; line-height: 90px; display: block; position: relative;}
.header .nav ul li.on a,
.header .nav ul li>a:hover{background: url(../images/nav_on.png) 50% 100% no-repeat;}

.header_r{position: absolute; right: 0; top: 0;}
.header_r .lang{float: right; line-height: 90px;}
.header_r .lang a{display:inline-block;  *zoom:1; *display:inline; margin-right: 30px; font-size: 16px; color: #999; position: relative;}
.header_r .lang a.on:after{content: ""; width: 8px; position: absolute; height: 4px; left: 50%; margin-left: -4px; bottom: 0; background: url(../images/language_on.png) 0 0 no-repeat;}
.header_r .lang a.on{color: #333333;}
.header_r .header_search{float: right;}
.header_r .header_search .search_btn{width: 34px; height: 34px; margin-top: 28px; background: url(../images/search_btn.png) 0 0 no-repeat; cursor: pointer; background-size: contain;}

.search_box{position: absolute; top: 100%; right: 0; border: 1px solid #e6e4e4; width: 200px; display: none; padding-left: 10px; height: 30px; z-index: 99; background: #fff;}
.search_box .text{height: 30px; line-height: 30px; border: none; width: 160px;}
/*.search_box .btn{width: 40px; height: 32px; position: absolute; top: -1px; right: -1px; background:  #97c525 url(../images/search_btn2.png) 50% 50% no-repeat;}*/
.search_box .btn{width: 40px; height: 32px; position: absolute; top: -1px; right: -1px; background:#b761bb url(../images/search_btn2.png) 50% 50% no-repeat;}

.search_box.search_form {position:relative; right:auto; top:auto; display:block; margin-top:30px;}
.search_box.search_form .btn {cursor:pointer;}

.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:#97c525; 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:#97c525; 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;}

.BanList{position: relative;}
.BanList .bx-pager{position: absolute; bottom: 40px; width: 100%; text-align: center; z-index: 99;}
.BanList .bx-pager .bx-pager-item{margin: 0 8px; display:inline-block;  *zoom:1; *display:inline;   font-size: 0;} 
.BanList .bx-pager .bx-pager-item a{display: block;  text-align: 20px; overflow: hidden; width: 38px; height: 38px; background: url(../images/ban_dd1.png) 0 0 no-repeat; background-size: contain;}
.BanList .bx-pager .bx-pager-item a.active{background: url(../images/ban_dd2.png) 0 0 no-repeat; background-size: contain;}
.BanList .bx-controls-direction{display: none;}

.h_contain{width: 100%; background: url(../images/bg1.png) 100% 0 no-repeat; background-size: contain;}
.h_about{position: relative; width: 1200px; max-width: 96%; margin: 0 auto;}
.h_about .pic{position: absolute; top: 0; left: 50%; margin-left: -960px; height: 100%;}
.h_about .pic img{height: 100%;}
.h_about .box{padding: 155px 136px 197px 0; position: relative; z-index: 10; width: 34%; float: right;}
.h_about .box .title em{font-style: normal; display: block; font-size: 24px; color: #333; margin-top: 35px;}
.h_about .box .text{margin-top: 20px; font-size: 16px; color: #666; line-height: 28px;}
.h_about .box .more{width: 40px; height: 236px; position: absolute; top: 155px; right: 0; background: #98c525 url(../images/about_arrow.png) 50% 50% no-repeat;}

.h_pro{margin-top: 115px; position: relative; }
.h_pro .h_title{width: 1200px; margin: 0 auto; max-width: 96%;}
.h_pro .title{font-size: 24px; color: #333; margin-top: 35px;}
.h_pro .title em{font-style: normal; margin-right: 28px;}
.h_pro .title span{font-size: 16px; color: #666; }

.h_pro .flower{position: absolute; left: 60%; top: -250px; z-index: -1;}


.h_proList{margin-top: 25px; width: 100%; position: relative;}
.h_proList .bx-viewport{padding: 20px 0;}
.h_proList ul li{width: 16.666%; float: left; }
.h_proList ul li a{display: block; position: relative;}
.h_proList ul li span{display: block; }
.h_proList ul li .pic{background-repeat: no-repeat; background-position: center center; background-size: cover; padding-bottom: 163%;}
.h_proList ul li .title{position: absolute; bottom: 35px; width: 90%; padding: 0 5%; color: #fff; font-size: 22px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}


.h_prohover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/pro_bg.jpg) 0 0 no-repeat; background-size: 100% 100%; display: none;}
.h_prohover .tit{text-align: center; color: #fff; font-size: 26px; margin-top: 40%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.h_prohover i{background: url(../images/leaf.png) 0 0 no-repeat; width: 21px; height: 13px; margin: 10px auto; display: block;}
.h_prohover .txt{color: #fff; padding: 0 5%; white-space: pre-line; text-align: center; height: 40px; overflow: hidden;}
.h_prohover .more{width: 138px; height: 38px; display: block; line-height: 38px; text-align: center; color: #fff; border: 2px solid #fff; font-size: 14px; margin: 50px auto 0; border-radius: 22px;}
.h_prohover .tip{font-size: 22px; position: absolute; bottom: 35px; left: 30px; color: #fff; opacity: 0.2; text-transform: uppercase; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.h_proList ul li:hover .h_prohover{display: block; box-shadow:0px 0px 20px 6px rgba(147, 0, 185, 0.21); z-index: 99;}
.h_proList .bx-controls{position: absolute; right: 50%; margin-right: -600px; top: -40px; width: 125px; height: 22px;  background: url(../images/pro_page.png) 50% 0 no-repeat; font-size: 0;}
.h_proList .bx-controls .bx-prev{width: 11px; height: 22px; float: left; background: url(../images/pro_arrowL.png) 0 50% no-repeat;}
.h_proList .bx-controls .bx-next{width: 11px; height: 22px; float: right; background: url(../images/pro_arrowR.png) 0 50% no-repeat;}
 

.h_newsW{background: url(../images/bg2.jpg) 0 0 no-repeat; background-repeat: no-repeat; margin-top: 60px; padding: 30px 0 90px 0; background-size: contain;}
.h_news{width: 1200px; max-width: 96%; margin: 0 auto;}  
.h_news .h_title .en{text-align: center;} 
.h_news .h_title .title{font-size: 24px; color: #333; margin-top: 35px; text-align: center;} 
.h_news .h_title .title span{font-size: 16px; color: #666; display: block; margin-top: 10px;}
.h_news .list{margin-top: 70px;}
.h_news .list ul li {padding: 20px 0;}
.h_news .list ul li a{display: block; margin: 0 10px; background: #fff; padding: 10%; box-shadow:0px 0px 9px 4px rgba(210, 0, 245, 0.05);}
.h_news .list ul li a time{display: inline-block; line-height: 28px; color: #fff; background: #d3d3d3 url(../images/time.png) 15px 50% no-repeat; height: 28px; padding: 0 18px 0 33px; border: 1px solid #d3d3d3;}
.h_news .list ul li a .title{display: block;  color: #000; font-size: 18px; margin-top: 10px; max-height: 50px; overflow: hidden;}
.h_news .list ul li a .text{font-size: 14px; color: #999; margin-top: 10px; display: block; max-height: 40px; overflow: hidden;}
.h_news .list ul li a:hover{background: url(../images/news_bg.jpg) 0 0 no-repeat; box-shadow:0px 0px 9px 4px rgba(210, 0, 245, 0.2);}
.h_news .list ul li a:hover time{ background:  url(../images/time.png) 15px 50% no-repeat; border: 1px solid #fff;}
.h_news .list ul li a:hover .title{color: #fff;}
.h_news .list ul li a:hover .text{color: #fff;}
.h_news .bx-controls{margin: 70px auto 0; width: 125px; height: 22px;  background: url(../images/pro_page.png) 50% 0 no-repeat; font-size: 0;}
.h_news .bx-controls .bx-prev{width: 11px; height: 22px; float: left; background: url(../images/pro_arrowL.png) 0 50% no-repeat;}
.h_news .bx-controls .bx-next{width: 11px; height: 22px; float: right; background: url(../images/pro_arrowR.png) 0 50% no-repeat;}
 
.h_partnerW{margin-top: 20px; padding-bottom: 127px; position: relative; overflow: hidden; background: url(../images/bg3.jpg) 0 100% no-repeat;  background-size: contain;}
.h_partner{width: 1200px; max-width: 96%; margin: 0 auto;  }
.h_partner .h_title{margin-top: 18px; width: 50%;}
.h_partner .h_title .title{font-size: 24px; color: #333; margin-top: 35px;}
.h_partner .h_title  span{margin-top: 10px; display: block; white-space: pre-line; font-size: 16px; color: #666; line-height: 30px;}
.h_partnerPic{position: absolute; top: 0; right: 50%; margin-right: -960px;}
.h_partner .list{margin-top: 35px; padding-top: 17px; background: #fff; padding-right: 30px; position: relative; z-index: 10;}
.h_partner .list ul {margin-right: -2%;}
.h_partner .list ul li{width: 23%; float: left; margin: 20px 2% 0 0;}
.h_partner .list ul li a{display: block; position: relative;}
.h_partner .list ul li .partner_pic {border: 1px solid #e5e5e5; padding:10px;}
.h_partner .list ul li .pic{display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; padding-bottom: 30%;}
.h_partner .list ul li .hover{position: absolute; background: url(../images/link_bg.png) 0 0 no-repeat; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; text-align: center; color: #fff; display: none;}
.h_partner .list ul li .hover .title{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-top: 10%; padding: 0 5%; display: block;}
.h_partner .list ul li .hover em{display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-style: normal;}
.h_partner .list ul li:hover .hover{display: block;}

.footerW{padding: 36px 0; background: #333333;}
.footer{width: 1200px; margin: 0 auto; max-width: 96%;}
.footer_logo{float: left;}
.footer_link {float: left; margin-left: 8%; width: 50%; padding-left: 5%; border-left: 1px solid #404040;} 
.footer_link .share{overflow: hidden;}
.footer_link .share a{width: 35px; height: 35px; display: block; margin:0 10px 0 0; float: left; background: url(../images/share.png) 0 0 no-repeat; padding: 0;}
.footer_link .share a.icon1{background-position: 0 0;}
.footer_link .share a.icon2{background-position: -45px 0;}
.footer_link .list{margin-top: 10px; font-size: 0; }
.footer_link .list a{font-size: 14px; color: #999; padding: 0 10px; background: url(../images/footer_line.png) 0 50% no-repeat; }
.footer_link .list a:hover{color: #fff;}
.footer_link .list a:first-child{padding-left: 0; background: none;}
.footer_link .cop{color: #999; margin-top: 5px;}
.footer_link .cop a{color: #999;}
.footer_code{float: right;}
.footer_code dl{margin: 0;}
.footer_code dl dd{margin: 0 0 0 21px; float: left;}
.footer_code dl dd img {width:82px; height:82px; display:block;}
.footer_code dl dd span{display: block;  text-align: center; color: #999; margin-top: 10px;}

.banner{display: block; padding-bottom: 10px; position: relative; }
.banner i{display:none; position: absolute; left:0; bottom:0; height: 10px; width: 100%; background: url(../images/ban_line.png) 0 0 no-repeat; z-index: -2;}


.menu_border .menu{border-bottom: 1px solid #e5e5e5;}
.menu{width: 1200px; max-width: 96%; margin: 31px auto 0; position: relative; padding-bottom: 22px;}
.menuTit{width: 21%; float: left;  }
.menuTit .en{font-size: 24px; color: #333; margin-top: 5%; } 
.menu_list{margin-top: 48px; width: 60%; float: left; margin-left: 2.5%; text-align: center;}
.menu_list ul li{display: inline-block; font-size: 0; margin: 0 2%;}
#column98.menu_list ul li {display:block; float:left;}
.menu_list ul li a{display: block; width: 130px; padding: 0 10px; height: 42px; line-height: 42px; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 16px; color: #333; background: #f3f3f3; border-radius: 22px; font-size: 16px; background-size: contain;}
.menu_list ul li.on a,.menu_list ul li:hover a{background: url(../images/menu_on.png) 0 0 no-repeat; background-size: contain; border-radius:0;}

.menu .location{position: absolute; padding-left: 38px; background: url(../images/icon_home.png) 0 50% no-repeat; right: 0; bottom: 22px; color: #999; line-height: 42px;}
.menu .location a{color: #999;}


.menu_pro{width: 19.5%; float: left; background: #fff; padding-top: 31px; background: url(../images/menu_top.png) 50% 0 no-repeat;}
.menu_pro .box{padding: 0 0 0 35px; min-height: 690px; background: url(../images/menu_bg.png) 0 100% no-repeat; background-size: 100% auto;}
.menu_pro .list{position: relative; padding-top: 24px; border-bottom: 1px solid #f3f3f3;}
.menu_pro .list:after{content: ""; width: 2px; height: 100%; background: #f3f3f3; position: absolute; top: 0; right: 0;}
.menu_pro .list ul li>a{display: block; height: 66px; line-height: 66px; font-size: 18px; color: #999; border-top: 1px solid #f3f3f3; padding: 0 20px 0 28px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.menu_pro .list ul li:first-child>a{border-top: none;}
.menu_pro .list ul li.on>a,.menu_pro .list ul li>a:hover{color: #fff; background: url(../images/menu_hover.png) 0 0 no-repeat; z-index: 9; position: relative;}
.menu_pro .list ul li .menuList{padding-left: 15%; margin-right: 5%; display: none;}
.menu_pro .list ul li dl{margin: 0;}
.menu_pro .list ul li dd{margin: 0;}
.menu_pro .list ul li dd:first-child a{border-top: none;}
.menu_pro .list ul li dd a{display: block; height: 60px; line-height: 60px; padding: 0 40px  0 10px;    border-top: 1px solid #f3f3f3; font-size: 16px; color: #999; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.menu_pro .list ul li dd.on a{color: #333; background: url(../images/menu2.png) 90% 50% no-repeat;}
.menu_pro .list ul li.on .menuList{display: block!important;}


.maincontent{width: 78%; float: right; border-top: 1px solid #e5e5e5;}

.pro{padding-top: 40px; }
.pro ul {margin-top: -50px; margin-right: -2%;}
.pro ul li {width: 31.333%; margin: 50px 2% 0 0; float: left;}
.pro ul li span{display: block;}
.pro ul li span.pic{background-repeat: no-repeat; background-position: center center; background-size: cover; padding-bottom: 73%;}
.pro ul li .title{display: block; padding: 5%; font-size: 18px; color: #000; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.pro ul li:hover .title{color: #c143b5;}
.pro ul li .title em{display: block; font-style: normal; font-size: 14px; color: #999; margin-top: 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.proinfo_t{margin-top: 40px;}
.proinfo_t .left{width: 50%; float: left; margin-top: 33px;}
.proinfo_t .right{width: 45%; float: right;}
.proinfo_t .left .title{font-size: 18px; color: #333; font-weight: bold;}
.proinfo_t .left .title span{font-size: 14px; color: #666; margin-top: 5px; display: block; font-weight: normal;}
.proinfo_t .left .tip{margin-top: 30px;}
.proinfo_t .left .tip dl{margin: 0;}
.proinfo_t .left .tip dl dd{margin: 10px 24px 0 0; height: 27px; text-align: center; line-height: 27px; color: #888; float: left;}
.proinfo_t .left .tip dl dd.dd1{width: 63px; background: url(../images/tip1.png) 0 0 no-repeat; padding-left: 13px;}
.proinfo_t .left .tip dl dd.dd2{width: 91px; background: url(../images/tip2.png) 0 0 no-repeat; padding-left: 13px;}
.proinfo_t .left .tip dl dd.dd3{width: 63px; background: url(../images/tip3.png) 0 0 no-repeat; padding-left: 13px;}
.proinfo_t .left .text{margin-top: 68px;}
.proinfo_t .left .text .name{font-size: 18px; color: #333; font-weight: bold;}
.proinfo_t .left .text .txt{margin-top: 10px;}


.pro_info{padding-bottom: 80px;}
.pro_infoBox{margin-top: 30px; border: 1px solid #efefef;}
.pro_infoBox1{margin-top: 60px;}
.pro_infoBox .pro_infoT{height: 53px; font-size: 16px; color: #333; font-weight: bold; line-height: 53px; padding: 0 14px; margin: 1px; background: #f7f7f7; position: relative;}
.pro_infoBox .pro_infoT::after{width: 3px; height: 16px; position: absolute; left: 0; top: 50%; margin-top: -8px; background: url(../images/tit.png) 0 0 no-repeat; content: "";}
.pro_infoBox .box{padding: 17px;}

.dow ul li a{display: block; color: #666; height: 45px; line-height: 45px; border-top: 1px solid #f2f2f2; position: relative; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-right: 60px;}
.dow ul li:first-child a{border-top: none;}
.dow ul li a i{position: absolute; width: 16px; height: 16px; right: 2%; top: 50%; margin-top: -8px; background: url(../images/dow.png) 0 0 no-repeat;}

.pro2{margin-top: 40px; overflow-x: auto;}
.pro2 table{width: 100%; min-width: 700px; border-collapse: collapse; border: 1px solid #efefef;}
.pro2 table tr th{ border: 1px solid #fff; width: 25%; border-top:1px solid  #efefef;}
.pro2 table tr th:first-child{border-left: 1px solid #efefef;}
.pro2 table tr th:last-child{border-right: 1px solid #efefef;}

.pro2 table tr th span{display: block; margin: 1px 0 ; background: url(../images/line.png) 0 50% repeat-x; position: relative;  height: 54px; line-height: 54px; padding: 0 16px; color: #fff;   }
.pro2 table tr th:first-child span{margin-left: 1px;}
.pro2 table tr th:last-child span{margin-right: 1px;}
.pro2 table tr th span::after{content: ""; width: 3px; height: 16px; position: absolute; top: 50%; margin-top: -8px; left: 0; background:#fff;}
.pro2 table tr td{border: 1px solid #efefef; vertical-align: top; padding: 2%; background: #f8f8f6;}
.pro2 table tr.on td{background: #fff; }
.pro2 table tr td .text{line-height: 24px; font-size: 14px; white-space: pre-line;}

.pro3{margin-top: 40px;}
.pro3 .tit{font-size: 24px; color: #333;}
.pro3  ul {margin-right: -2%;}
.pro3  ul li{width: 23%; float: left; margin: 20px 2% 0 0;}
.pro3  ul li a{display: block; position: relative;}
.pro3  ul li .pic{display: block; background-repeat: no-repeat; background-position: center center; background-size:contain;   padding-bottom: 35%;}
.pro3  ul li .hover{position: absolute; background: url(../images/link_bg.png) 0 0 no-repeat; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; text-align: center; color: #fff; display: none;}
.pro3  ul li .hover .title{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-top: 10%; padding: 0 5%; display: block;}
.pro3  ul li .hover em{display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-style: normal;}
.pro3  ul li:hover .hover{display: block;}

.supplier_info{padding-bottom: 70px;}
.supplier_infoT{margin-top: 54px;}
.supplier_infoT .pic{float: left; border: 1px solid #e5e5e5; max-width: 275px;}
.supplier_infoT .text{ float: left; margin-left: 5%;}
.supplier_infoT .text .title{font-size: 18px; color:#999; margin-top: 20px;}
.supplier_infoT .text .title em{font-style: normal; display: block; font-size: 14px; color:#999;}

.contain_bor{border-top: 1px solid #e5e5e5;}
.about{padding: 45px 0 135px 0; font-size: 16px; line-height: 28px; position: relative;}
.about .con{position: relative; z-index: 1;}
.about .box{width: 50%; margin: 95px 0 135px 0;}
.about .about_pic{top: 17%; right: 50%; margin-right: -960px; position: absolute;  }

.about .pic {float:right; width:50%; width:32%; padding-bottom:45%;}
.about .pic img {position:absolute; right:50%; margin-right:-90%; max-width:90%;}
.about p {position:relative; z-index:1;}
.about .blank {height:3em;}

.news{margin-top: 30px;}
.news ul li {padding: 25px 0;}
.news ul li.on{background: #f8f8f8;}
.news ul li .box{width: 1200px; max-width: 96%; margin: 0 auto; }
.news ul li .box .con{position: relative; height: 214px; border: 1px solid #e5e5e5; padding-left: 30%;}
.news ul li.on .box .con{border: none}
.news ul li .box .pic{width: 23.5%; height: 100%; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; background-position: center center;} 
.news ul li .box .time{display: inline-block; height: 30px; line-height: 30px; color: #fff;   padding: 0 18px 0 33px; background:#d3d3d3 url(../images/time.png) 15px 50% no-repeat; margin-top: 24px;}
.news ul li .box  .title{display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #333; width: 90%; border-bottom: 1px solid #efefef; font-size: 16px; padding: 10px 0 10px 0;}
.news ul li .box .text{font-size: 14px; color: #999; margin-top: 5px; width: 90%; line-height: 24px; height: 48px; overflow: hidden;}
.news ul li .box .more{width: 20px; height: 20px; display: block; margin-top: 20px; display: block; background: url(../images/more.png) 0 0 no-repeat;}
.news ul li .box  .title:hover{color: #000;}

/*详细*/ 
.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;}



.partner{margin-top: 40px;}
.partner ul{margin-right: -2%;}
.partner ul li {width: 23%; margin: 40px 2% 0 0; float: left;}
.partner ul li span{display: block;}
.partner ul li .partner_logo {border: 1px solid #e5e5e5; padding:15px;}
.partner ul li .pic{background-repeat: no-repeat; background-position: center center; background-size: contain; padding-bottom: 45%;}
.partner ul li .cn{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666; text-align: center;  }
.partner ul li .en{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666; text-align: center; margin-top: 10px;}

.partner_info{padding: 47px 0 50px 0;}
.partner_infoT{ margin-bottom:42px; }
.partner_infoT .pic{ padding:15px; float: left; border: 1px solid #e5e5e5; margin-right: 5%;}
.partner_infoT .pic .tu{ width:250px; padding-top:45%; background-size:contain!important;}
.partner_infoT .pic img{ display:none; }
.partner_infoT .right{float: left;}
.partner_infoT .right .title{margin-top: 25px; font-size: 24px; color: #333; }
.partner_infoT .right .text{margin-top: 10px;  width: 130%;}
.partner_infoT .right .text dl{margin: 0;}
.partner_infoT .right .text dd{margin: 10px 0 0 0; width: 33.33%; float: left; color: #666;}
.partner_info .tit{margin-top: 42px; font-size: 24px; color: #333;}
.partner_info .box{font-size: 14px; line-height: 30px; color: #666; margin-top: 10px; margin-bottom:42px;}
.partner_info .box2{ margin-bottom:0; }

.contact{padding-bottom: 150px;}
.contact .map{padding-bottom: 40%; position: relative; width: 100%; margin-top: 50px;}
.contact .map #map{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.contact .map #map img{max-width: none;}
.contact .add{margin-top: 51px;}
.contact .add ul{margin-right: -2%;} 
.contact .add ul li{width: 31.333%; margin-right: 2%; height: 234px; background: #fff; box-shadow: 0px 0px 16px 7px #f8f2f9; float: left;}
.contact .add ul li .con{padding: 10%;  }
.contact .add ul li i{display: block; width: 34px; height: 34px; }
.contact .add ul li.li1 i{background: url(../images/icon1.png) 0 0 no-repeat;}
.contact .add ul li.li2 i{background: url(../images/icon2.png) 0 0 no-repeat;}
.contact .add ul li.li3 i{background: url(../images/icon3.png) 0 0 no-repeat;}
.contact .add ul li .title{margin-top: 20px; font-size: 18px; color: #000;}
.contact .add ul li .text{font-size: 14px; margin-top: 15px; color: #999;}
.contact .add ul li.li2 .text{font-size: 30px;}
.contact .add ul li.li3 .text{font-size: 20px;}

.contact .add ul li:hover{background: url(../images/contact_bg.jpg) 0 0 no-repeat; background-size: cover; box-shadow: 0px 0px 20px 11px #f9d7ff;}
.contact .add ul li.li1:hover i{background: url(../images/icon1_2.png) 0 0 no-repeat;}
.contact .add ul li.li2:hover i{background: url(../images/icon2_2.png) 0 0 no-repeat;}
.contact .add ul li.li3:hover i{background: url(../images/icon3_2.png) 0 0 no-repeat;}
.contact .add ul li:hover .text,
.contact .add ul li:hover .title{color: #fff;}

.messageW{margin: 55px 0 67px 0; position: relative;}
.message{width: 696px; margin: 0 auto; max-width: 100%; position: relative; z-index: 1;}
.message .message_tip{color: #494949; }
.message_box ul li{margin-top: 19px;}
.message_box ul li .box{border: 1px solid #e6e6e6; height: 40px; background: #fff;}
.message_box ul li .icon{float: left; width: 50px; height: 32px; margin-top: 4px; margin-right: 22px; border-right: 1px solid #cccccc;}
.message_box ul li .icon1{background: url(../images/icon4.png) 50% 50% no-repeat;}
.message_box ul li .icon2{background: url(../images/icon5.png) 50% 50% no-repeat;}
.message_box ul li .icon3{background: url(../images/icon6.png) 50% 50% no-repeat;}
.message_box ul li .icon4{background: url(../images/icon7.png) 50% 50% no-repeat;}
.message_box ul li .text{height: 40px; line-height: 40px; width: 85%;}
.message_box ul li .box2{ border: 1px solid #e6e6e6; padding: 12px 23px; height: 158px; background: #fff;}
.message_box ul li textarea{width: 100%; display: block; border: none; font-family: "微软雅黑"; height: 158px;} 
.message_box .btn{display: block; background: url(../images/message_btn.png) 0 0 no-repeat; width: 150px; height: 42px; text-align: center; line-height: 42px; margin: 30px auto 0; color: #fff; font-size: 14px; cursor: pointer;}
.message_pic{width: 420px; height: 480px; background: url(../images/message_pic.png) 0 0 no-repeat; position: absolute; top: 0; right: -3%; background-size: contain;}


.link_list{overflow: hidden; margin-top: 20px;}
.link_list ul{margin-right: -2%;}
.link_list ul li{float: left; width: 23%; margin:20px 2% 0 0;}
.link_list ul li a{display: block;}
.link_list ul li a .pic{display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; padding-bottom: 40%; block;  border: 1px solid #e3e3e3;}
.link_list ul li a  .title{text-align: center; margin-top: 10px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 14px; display: block;}
.link_list ul li a:hover  .title{color:#000;}

@media screen and (max-width:1200px){
.header .nav ul li{padding: 0 20px;}
	
.h_proList .bx-controls{margin-right: 0; right: 2%;}
.h_pro .title{padding-right: 160px;}
	
.menu_pro .list ul li>a{font-size: 16px;}
	
.pro3  ul li .hover .title{margin-top: 6%;}
}

@media screen and (max-width:1000px){ 
.header .nav ul li>a{font-size: 16px;}
.header .nav{margin-left: 3%;}
.header .nav ul li{padding: 0 12px;}
	
.footer_link{width: 40%;}
	
.menu_list{width: 50%;}
.menu_list ul li a{width: 100px; height: 34px; line-height: 34px;}
	
.menu_pro .list ul li>a{font-size: 14px;}
.menu_pro .box{padding-left: 10px;}
	
.pro3  ul li{width: 31.333%;}
	
.news ul li .box .pic{width: 30%;}
.news ul li .box .con{padding-left: 32%;}
	
.contact .add ul li.li2 .text{font-size: 24px;}
}

@media screen and (max-width:768px){
.header{height: 50px;}
.header_r{height: 50px;}
.header_r .lang{line-height: 50px;}
.header .logo{height: 30px; margin-top: 5px;}
.header .logo img{height: 40px;}
.header .nav{margin-left: 0; background: #f9f9f9; z-index: 99; display: none;}
.header .nav ul li>a{font-size: 14px; border-top: 1px solid #f1f1f1;}
.header .nav{position: absolute; top: 100%; right: -2%; width: 40%;}	
.header .nav ul li{width: 100%; padding: 0; height: 40px; line-height: 40px;}
.header .nav ul li a{display: block; text-align: center; height: 40px; line-height: 40px; background: none!important;}
.header .nav ul li i{display: none;}
	
.header_r{right: 50px;}
.header_r .header_search .search_btn{top: 50%; margin-top: 10px; width: 30px; height: 30px;}
.header_r .lang a{margin-right: 10px;}
.search_box{z-index: 99; background: #fff;}
	
.mobile_menu{display: block;}
	
.BanList .bx-pager{bottom: 20px;}
.BanList .bx-pager .bx-pager-item a{width: 30px; height: 30px;}
 
.h_about .box{padding: 40px 10% 40px 0; position: relative; z-index: 10; width: 90%; float: right;}

.h_about .pic{left: 0; margin-left: -20%;} 
.h_about .box .more{top: 20px;}
	
.h_pro{margin-top: 20px;}
	
.h_pro .flower{top: -50%;}
	
.h_pro .title{padding-right: 0;}
.h_proList{margin-top: 60px;}
	
.h_newsW{padding-top: 20px; margin-top: 10px;}
.h_news .list{margin-top: 20px;}
.h_news .bx-controls{margin-top: 20px;}
	
.h_partner .list ul li{width: 31.333%;}
	
.menu_list{margin-left: 1.5%; text-align: left;}
	
	
.menu_pro{width: 100%; background: #c573c9;}
.menu_pro .box{background: #fff; border: 1px solid #c573c9; min-height: inherit;}
	
.menu_pro .list ul li.on>a, .menu_pro .list ul li>a:hover{background: #c573c9;}
.menu_pro .list ul li>a{height: 40px; line-height: 40px;}
.menu_pro .box{padding-left: 0;}
.menu_pro .list ul li .menuList{padding-left: 0; margin: 0 5%;}
.menu_pro .list ul li dd a{height: 30px; line-height: 30px; text-align: left; font-size: 14px;}

.maincontent{width: 100%;}
.pro ul li{margin-top: 20px;}
	
.proinfo_t .left{margin-top: 0;}
.proinfo_t .left .text{margin-top: 20px;}
	
.about{padding: 20px 0; font-size: 14px;}
.about .box{margin: 20px 0; width: 100%;}
.about .about_pic{margin-right: 0; right: -2%; bottom: 0; top: auto;}
	
.contact .add ul li.li2 .text{font-size: 20px;}
}

@media screen and (max-width:640px){ 
.h_about .box .title img{height: 20px;}
.h_about .box .title em{margin-top: 10px; font-size: 16px;}
.h_about .box .text{font-size: 12px; line-height: 24px;}
.h_about .box .more{height: 80%; }
.h_about .box .text{margin-top: 10px; max-height: 120px; overflow-y: auto;}
.h_about .box{padding-right: 15%; width: 85%;}
.h_about .box .more{width: 30px;}
	
	
.h_title .en img{height: 20px;}
.h_pro .title{margin-top: 10px; font-size: 16px;}
.h_pro .title span{display: block;  font-size: 14px;}

.h_newsW{padding-bottom: 20px;}
	
.h_news .h_title .title,
.h_proList ul li .title,
.h_prohover .tip,
.h_partner .h_title .title,
.h_prohover .tit{font-size: 18px;}
	
.h_news .list ul li a .title{font-size: 14px; max-height: 40px;}
.h_news .list ul li a .text{font-size: 12px; max-height: 48px;}

.h_partner .h_title  span{font-size: 14px; white-space: normal;}
	
.h_partner .list ul li{width: 48%;}
	
	
.footer_logo{width: 100%; text-align: center; float: none;}
.footer_link{float: none; margin-top: 20px; width: 100%; margin-left: 0; padding-left: 0; border-left: none; text-align: center;}
.footer_link .share a{display: inline-block; float: none; margin: 0 5px;}
.footer_link .list{text-align: center;}
.footer_code{text-align: center; float: none; margin-top: 20px;}
.footer_link .cop{text-align: center;}
.footer_code dl dd{margin: 0 10px; float: none; display: inline-block;}
	
	
.menu .location{display: none;}
	
.menuTit{width: 100%; text-align: center; font-size: 18px;}
.menuTit img{height: 28px;}
.menuTit .en{font-size: 18px; margin-top: 10px;}
.menu_list{width: 100%; margin: 20px 0 0 0;}
.menu_list ul li{margin: 0;}
.menu_list ul li a{width: 130px; height: 42px; line-height: 42px;}
	
.menu_list{text-align: center;}
	
.pro ul li {width: 48%;}
.pro ul li .title{font-size: 16px;}
	
.Pages .p_page em{display: none;}
.Pages{padding: 20px 0;}
	
.proinfo_t .left{width: 100%;}
.proinfo_t .right{width: 100%; margin-top: 20px;text-align: center;}
	
.pro3 .tit{font-size: 18px;}
.pro3  ul li{width: 48%;}
	
.news ul li .box .pic{width: 45%;}
.news ul li .box .con{padding-left: 48%; height: 170px;}
.news ul li .box .time{margin-top: 10px;}
.news ul li .box .more{margin-top: 5px;}
.news ul li .box .text{font-size: 12px; height: 48px; line-height: 24px;}
	
.news-info{margin-top: 20px;}
.news-info .h5{font-size: 16px;}
	
.partner{margin-top: 20px;}
.partner ul li {width: 48%; margin: 20px 2% 0 0; }
	
.contact .add{margin-top: 20px;}
.contact .add ul li .title{font-size: 18px;}
.contact .add ul li{width: 98%; margin-top: 20px;}
	
.message_box ul li .text{width: 60%;}
	
.message_pic{width: 40%;}
	
.link_list ul li{width: 48%;}


.about .pic {float:none; width:auto; padding-bottom:0;}
.about .pic img {position:static; right:auto; margin:0 auto;}
.about .blank {height:0;}
}












