﻿@charset "utf-8";
/*全局初始化样式*/
body{ padding:0; margin:0 auto; font-size: 14px; line-height: 1.42857143; font-family:arial,'微软雅黑','宋体'; color: #666460; min-width: 320px; background:#FFF; 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;
}

/*默认去除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;}
dl,dt, dd, div, ol,figure,aside{padding: 0;margin: 0;}
/*初始化a的样式和字体样式*/
a{ color:#666460; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}

/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; font-size: 0px;}
.clearfix { zoom: 1;}


.w1200{ width: 100%; max-width: 1200px; margin: 0 auto;}
/*全局样式*/




/*页面框架结构*/
.Contain{} /*页面主体内容*/
.maincontent{ } /*主要内容*/
.Content{ min-height:200px;} /*内容*/
.txtbox,
.singlepage{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; width:100%; float: left;}
.current{ /*当前位置*/}


/*.Page002193 分页为demo编号*/
.Page002193{zoom:1; overflow:hidden; text-align:center; padding:0 0 4%; text-align:center;}
.Page002193 span{ padding:0px 3px; display:inline-block;}
.Page002193 a{ display:inline-block; margin:0px 2px; border:1px solid #ededed; padding:0 1em; color:#666; line-height:35px; border-radius:3px;transition: .3s ease-out;}
.Page002193 a:hover{ color:#fff; border:1px solid #008cd6; background:#008cd6;}
.Page002193 .p_cur,.Page002193 .p_count,.Page002193 .p_total,.Page002193 .p_jump,.Page002193 .a_first,.Page002193 .a_end{ display:none;}
.Page002193 .p_cur b{ color:#F00;}
.Page002193 .p_count b{ color:#F00;}
.Page002193 .p_total b{ color:#F00;}
.Page002193 .p_page em{ font-style:normal;}
.Page002193 .p_page em a{}
.Page002193 .p_page em a.a_cur{ color:#fff; background:#008cd6; border-color:#008cd6;}
.Page002193 .p_page b{ font-weight:normal;}
/*.Page002193  分页End*/

/*手机端头部*/
.mobile_top{display: none;position: relative; background-color: #fff;}
.mobile_top .logo{padding:2px 82px 2px 5px; overflow: hidden; height: 64px; }
.mobile_top .logo a{display:block;float: left;height:44px;margin-top:10px;}
.mobile_top .logo img{height:50px;}
.mobile_top .btn_nav{position:absolute; right:10px; top: 50%; margin-top: -15px; width:30px;height:30px;}
.mobile_top .btnEn{position:absolute; right:50px; top:45%; margin-top: -15px; width:122px;height:30px;}
.mobile_top .btnEn a{ display: inline-block; background: rgba(255,255,255,0.3); color: #fff; border-radius: 50%; height: 30px; width: 30px; line-height: 30px; text-align: center; opacity: 0.3; margin: 0 3px;}
.mobile_top .btnEn a.on,
.mobile_top .btnEn a:hover{ background:none; opacity:1; border:2px solid #fff; line-height:29px;}
.mobile_top .btn_nav a{ display:block;}
.mobile_top .btn_back{position:absolute; left:4%; top: 27%;display: block;width: 6%;display: none;}
.mob_nav{position:absolute; right:0%; z-index:99; width:40%; top:100%; height: 100%; display: none;}
.mob_nav li{ width:100%;}
.mob_nav li a{display: block;font-size: 16px; line-height: 3.2em;text-indent:10px;color: #fff; font-weight: bold;margin-top: 1px;}
.mob_nav li a:hover{background-color: #fff; color: #22489f;}
.mob_nav li ul{display: none;}
.mob_nav li ul.subnav li a{font-size:1.8em; margin-top: 0px; background-color: #22489f; line-height: 2.4em; background-image: none;}
.mob_nav li ul.subnav li a:hover{background-color: #fff; color: #22489f; background-image: none;}
.weather{ float:right; line-height:50px;}

/*头部*/
.PCTop{ background:#22489f; width: 100%; float: left; }
.PCTop .PosR{ position: relative; }
.PCTop .lang{ float: right; display: inline-block; height: 76px; line-height: 70px;}
.PCTop .lang a{ display: inline-block; background: rgba(255,255,255,0.3); color: #fff; border-radius: 50%; height: 33px; width: 33px; line-height: 33px; text-align: center; opacity: 0.3; margin: 0 3px;}
.PCTop .lang a.on,
.PCTop .lang a:hover{ background:none; opacity:1; border:2px solid #fff; line-height:31px;}
.PCTop .EN img{vertical-align: middle;}
.mainnav{ float: right; margin-right:7%; }
.mainnav li{ float: left; line-height: 76px; position: relative; }
.mainnav li > a{ display: inline-block; color:#FFF; font-size: 16px; }
.mainnav li:last-child::after{ background:none; margin:0 13px; }
.mainnav li::after{ content:''; display:inline-block; background:url(../images/line.jpg) center no-repeat; width: 1px; height:13px; margin:0 30px; background-size:contain;}
@media screen and (max-width:1100px){
.mainnav{ margin-right:0; }
.mainnav li::after{ margin:0 20px;}
}
@media screen and (max-width:640px){
.PCTop{display: none;}
.mobile_top{ display: block; background:#22489f;}
}
/*头部*/


/*底部*/
.footer{ background:#22489f; width: 100%; overflow: hidden; padding:10px 0; }
.footer .Copyright{ float: left; width: 60%; color:#568ec1; }
.footer .Copyright a{ color:#568ec1; line-height: 32px; }
.footer .Bottline{ float: right;  width:40%; max-width:450px; }
.footer .bdsharebuttonbox{ float: left; }
.footer .bdsharebuttonbox a{ height: 20px; width: 20px; float: left; padding-left: 17px; margin: 6px 6px 6px 0; }
.footer .bdsharebuttonbox a:last-child{ padding-left:0; }
.footer .bdsharebuttonbox a.bds_tsina{ background: url(../images/Sina_Icon.jpg) no-repeat;}
.footer .bdsharebuttonbox a.bds_tqq{ background: url(../images/Tencent_Icon.jpg) no-repeat;}
.footer .bdsharebuttonbox a.bds_weixin{ background: url(../images/Weixin_Icon.jpg) no-repeat;}
.footer .Auxiliary{ float:right; }
.footer .Auxiliary a{ color:#568ec1; line-height: 32px; }
.footer .Auxiliary a::after{ content:''; display:inline-block; width: 1px; height:20px; margin:0 8px;}
.footer .Auxiliary a:last-child::after{ background:none; display: none;}
.footer a img{ vertical-align:middle;}
@media screen and (max-width:1000px){
.footer .Copyright,.footer .Bottline{ width: 100%; max-width:100%; text-align:center; float: left; }
.footer .bdsharebuttonbox,.footer .Auxiliary{ display: inline-block; float:initial; }
.footer .Auxiliary a{ float: left; }
}
/*底部*/

/*页面 菜单*/
.slidebar{ padding:4% 0; width: 100%; float: left;}
.slidebar h2{font-size: 42px; color: #18222a; text-align: center; line-height: 1; margin:0; font-weight:normal; padding-bottom: 4%;}
.slidebar .MenuBox nav{text-align: center;}
.slidebar .MenuBox nav ul li{text-align: center; padding:0 9px; display:inline-block;  *zoom:1; *display:inline;}
.slidebar .MenuBox nav ul li a{display: block;padding: 0 20px; height:40px; line-height:40px; font-size: 16px; color: #728391; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-radius:40px; background:#f3f3f3;}
.slidebar .MenuBox nav ul li.on a,.slidebar nav ul li a:hover{color: #fff;background:#22489f;}
@media(max-width:1199px){
.slidebar h2{ font-size:35px;}	
}
@media(max-width:1000px){
.slidebar h2{ font-size:30px;}
.slidebar .MenuBox nav ul li a{font-size:14px; height:35px; line-height:35px; padding:0 10px;}
}
@media(max-width:640px){
.slidebar h2{ font-size:20px;}	
.slidebar .MenuBox nav ul li{ width:100%; margin:0 0 1px; display:block; padding:0;}
.slidebar .MenuBox nav ul li a{ border-radius:0;}	
}
/*页面 菜单*/

/*Banner*/
.Homeban{ position: relative; overflow: hidden; width: 100%; }
.Homeban ul,
.Homeban li{ width: 100%!important; }
.Homeban li img{ margin:0 auto; display:block; }
.Homeban .bx-wrapper .bx-prev{left: 10px;background: url(../images/controlsL.png) no-repeat;}
.Homeban .bx-wrapper .bx-next{right: 10px;background: url(../images/controlsR.png) no-repeat;}
.Homeban .bx-wrapper .bx-controls-direction a{position: absolute;top: 50%;margin-top: -16px;outline: 0;width:45px;height:45px;text-indent: -9999px;z-index:99;}
.Homeban .bx-wrapper .bx-controls-direction a.disabled {display: none;}
@media screen and (max-width:640px){
.Homeban .bx-wrapper .bx-controls-direction a{ width:30px; height: 30px; background-size:contain!important;}
}
/*Banner*/
.banner{    text-align: center;}

/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}


/*首页*/
.HomeBJ{ background:#f9f9f9; float: left; width: 100%;}
.HomeBox1{ overflow: hidden; padding: 20px 0; width:100%; float: left; }
.HomeBox1 .HNews{float: left; width:70%; position: relative; line-height: 28px;}
.HomeBox1 .HNews .title{ width:115px; float: left; font-size:16px; color:#333333; }
.HomeBox1 .HNews .title::after{ content:''; display:inline-block; background:url(../images/Home_NewIcon.jpg) left center no-repeat; width:25px; height:28px; float: left; padding-right:10px; }
.HomeBox1 .HNews .HNews_list{ float: left; width:70%;}
.HNews_list li{ width:100%; overflow:hidden;}
.HNews_list li a{ font-size: 16px; display:block; color:#999999; float: left; width:80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.HNews_list li time{ display:block; font-size: 16px; float: right; color:#d6d6d6; width: 20%; text-align:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.HNews_list .bx-wrapper .bx-prev{ right:50px; background: url(../images/Home_NewsIcon2.png) no-repeat 0 0;}
.HNews_list .bx-wrapper .bx-next{ right:0px;background: url(../images/Home_NewsIcon2.png) no-repeat -46px 0;}
.HNews_list .bx-wrapper .bx-prev:hover{ background: url(../images/Home_NewsIcon3.png) no-repeat 0 0;}
.HNews_list .bx-wrapper .bx-next:hover{ background: url(../images/Home_NewsIcon3.png) no-repeat -46px 0;}
.HNews_list .bx-wrapper .bx-controls-direction a{ position: absolute; top:5px; outline: 0; width:36px;height:20px;text-indent: -9999px;z-index:99;}
.HNews_list .bx-wrapper .bx-controls-direction a.disabled {display: none;}
.HomeBox1 .HomeSearch{ float: right; width:21%; height: 28px; line-height: 28px; background:#FFF; border:solid 1px #e4e4e4; position: relative;}
.HomeBox1 .HomeSearch input{ width:79%; padding:0 40px 0 7px; height: 28px; line-height: 28px; float:left; }
.HomeBox1 .HomeSearch .btn{ display: block; position: absolute; right:0; top: 0; width:36px; height:28px; float: right; background:url(../images/Home_SearchIcon.jpg) no-repeat; background-size:100% 100%; }

.HomeBox2{}
.HAbout{ position: relative; width:40.5%; float: left;}
.HAbout .HAboutT{ background:#487abb; height:215px; float: left; width:29%; position: relative; z-index: 99;}
.HAbout .HAboutT .HBack{ display:table; width: 100%; height: 100%;}
.HAbout .HAboutT .HBack::after{ position: absolute; content:''; display:inline-block; background:url(../images/Icon3_Home.png) center no-repeat; width:11px; height:23px; top:50%; margin-top:-10px; background-size:contain;}
.HAbout .HBack a{ display: table-cell; vertical-align:middle; padding-left: 10%;}
.HAbout .HBack a span{ display: block; width: 100%; }
.HAbout .HBack a i{ display: block; height: 3px; width: 29px; background:#a4bddd; }
.HAbout .HBack a .zh{ font-size: 20px; color:#FFF; }
.HAbout .HBack a .en{ color:#9db8db; font-size: 16px; text-transform:uppercase; padding-top:5px; color: #fff;}
.HAbout .HAboutPic{ float:right; width:71%; position: relative; }
.HAbout .HAboutPic li{ float:left; margin:0; padding:0; }
.HAbout .HAboutPic li img{ display: block; float: left; }
.HAbout.HAbout2{ margin-left:1.5%; }
.HomeBox2 .Hline{ float: right; width:16.2%; }
.HomeBox2 .Hline a:first-child{ padding-bottom:9.4%; display: block; width: 100%; }
.HAbout .bx-wrapper .bx-pager,.HAbout .bx-wrapper .bx-controls-auto{ position: absolute; bottom:10px; width: 100%;}
.HAbout .bx-wrapper .bx-pager{ text-align: right; font-size: .85em; font-family: Arial; font-weight: bold;}
.HAbout .bx-wrapper .bx-pager .bx-pager-item,.HAbout .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display: inline-block;}
.HAbout .bx-wrapper .bx-pager.bx-default-pager a{ background: #487abb; display: block; color: #fff; width:17px; height:17px; text-align: center; line-height: 17px; margin: 0 5px; outline: 0; -moz-border-radius:50%; -webkit-border-radius: 50%; border-radius: 50%;}
.HAbout .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#2380ff; }
.HomeBox3{ overflow:hidden; margin:20px 0; }
.HomeBox3 .HSeries{ width: 32%; float: left; background:url(../images/Pro_ImgBJ.jpg) center no-repeat; margin-right:2%; }
.HomeBox3 .HSeries.HSeries3{ margin-right:0; }
.HomeBox3 .HSeries .title{ height:200px; float: left; width:31%; position: relative; z-index: 99;}
.HomeBox3 .HSeries .HBack{ display:table; width:100%; height: 100%;}
.HomeBox3 .HSeries .HBack a{ display: table-cell; vertical-align:middle; padding-left: 10%;}
.HomeBox3 .HSeries .HBack a span{ display: block; width: 100%; }
.HomeBox3 .HSeries .HBack a i{ display: block; height:1px; width:45px; background:#000; margin:8px 0; }
.HomeBox3 .HSeries .HBack a .h4{ font-size:18px; color:#6b6b6b; }
.HomeBox3 .HSeries .HBack a .en{ color:#9db8db; font-size: 12px; text-transform:uppercase;}
.HomeBox3 .HSeries .Pic{ float:right; width:68%; position: relative; }
.HomeBox3 .HSeries:hover{ background:url(../images/Pro_ImgBJon.jpg) center no-repeat;}
.HomeBox3 .HSeries:hover .HBack a .h4{ color:#FFF; }
.HomeBox3 .HSeries:hover .HBack a i{ padding:1px 0; background:#FFF;}
.HomeBox3 .HSeries:hover .HBack a .en{ color:#FFF; }
@media screen and (max-width:768px){
.HAbout .HBack a{ padding-left:5%;}
}
@media screen and (max-width:640px){
.w1200{ max-width:100%; padding:0 2%; }
.HomeBox1{ height:auto; }
.HomeBox1 .HNews,.HomeBox1 .HNews .HNews_list,.HomeBox1 .HomeSearch{ width:99%; }
.HNews_list li a,.HNews_list li time{ font-size: 14px; }
.HNews_list li a{ width: 73%; }
.HNews_list li time{ width:27%; }
.HNews_list .bx-wrapper .bx-controls-direction a{  width: 25px; height: 16px; }
.HNews_list .bx-wrapper .bx-prev,.HNews_list .bx-wrapper .bx-prev:hover{background-position: -6px -3px; right: 35px}
.HNews_list .bx-wrapper .bx-next,.HNews_list .bx-wrapper .bx-next:hover{ background-position: -54px -2px;}
.HAbout{ width: 100%; margin-bottom:10px; }
.HAbout.HAbout2{ margin-left:0; }
.HAbout .HAboutT{width: 30%;}
.HAbout .HAboutPic{ width:70%; }
.HomeBox2 .Hline{ width: 100%; }
.HomeBox2 .Hline a,.HomeBox2 .Hline a:first-child{ width: 50%; float: left; padding-bottom:10px;}
.HomeBox3{ margin-top:0; }
.HomeBox3 .HSeries{ width:100%; margin-right:0; margin-bottom:10px; }
}

/*关于我们*/
.About01{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; min-height:246px; padding-bottom:5%;}
.About01 .box1{padding:15px 15px 15px 15px;color:#728391;font-size:14px;line-height:30px;background:#f3f3f3;}
.About01 .box1 .pic{float:right; margin:0 1% 1% 3%;}
.About01 .box1 .h3{font-size:18px;color:#22489f;margin:0 0 10px 0; font-weight:normal;}
.About01 .box1 figure{ padding:3% 1%; color:#728391; }
.About01 .box1 figure p{ line-height:30px; text-indent:2em;}
.About02{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; }
.About02 .ul{ padding-bottom:5%;}
.About02 .ul li{ display:block; float:left; width:33.33%; }
.About02 .ul img{ max-width:98px; margin: 0 auto; display: block;}
.About02 .ul figure{ padding-top:7%; text-align: center;}
.About02 .ul h2{ font-weight:normal; color:#22489f; font-size:16px; margin:0; overflow:hidden; white-space: nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
.About02 .ul p{ margin:10px 0 0; color:#728391;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }
@media(max-width:1000px){
.About01 .box1 .pic{ float:none; margin:0 auto 3% auto; display:block;}	
.About02 .ul figure{ padding:3% 0;}
.About02 .ul{ text-align: center; }
}
@media(max-width:1000px){
.About02 .ul li{ width:100% !important; padding:0 !important; margin:2% 0; display: inline-block; float:initial; }
}

/*产品中心*/
.Prolist{ float: left; width:100%; }
.Prolist .ProDes{ overflow: hidden; width: 100%; }
.Prolist .ProDes .title{ margin:10px 0; font-size: 24px; color:#008cd6; text-transform: uppercase; }
.Prolist .ProDes .ProDesCon{ color:#666666; float: left; width:100%;  }
.Prolist .ProDes .ProDesCon .ProDesTex{ float: left; width:60%; line-height:30px; }
.Prolist .ProDes .ProDesCon .ProDesPic{ float: right; width:40%;}
.ProlistImg .CateT{ position: relative; font-size: 24px; color:#008cd6; width:100%; text-align: center; text-transform: uppercase; font-weight:initial; background:url(../images/bg_line.jpg) repeat-x center center; }
/*.ProlistImg .CateT::after,.ProlistImg .CateT::before{ position: absolute; top:45%; content:''; height: 1px; width:43%; background:#e8e8e8; display:inline-block; }
.ProlistImg .CateT::after{ right: 0;}
.ProlistImg .CateT::before{ left: 0;}*/
.ProlistImg .CateT span{ display:inline-block; background:#fff; padding:0 4%; max-width:92%; margin:0 auto; line-height:24px;}

.ProlistImg .listImg{ text-align: center; }
.ProlistImg .listImg li{ background:url(../images/PorImgBJ.png) center; background-size:100% 100%; display: inline-block; width:32%; margin-right:1.6%; margin-bottom:1.5%; }
.ProlistImg .listImg li:nth-child(3n){ margin-right:0; }
.ProlistImg .listImg .title{ height:200px; float: left; width:40%; text-align:left; padding-left:5%; position: relative; z-index: 99;}
.ProlistImg .listImg .HBack{ display:table; width:100%; height: 100%;}
.ProlistImg .listImg .HBack a{ display: table-cell; vertical-align:middle; padding-left: 10%;}
.ProlistImg .listImg .HBack a span{ display: block; width: 100%; }
.ProlistImg .listImg .HBack a i{ display: block; height:1px; width:45px; background:#000; margin:8px 0; }
.ProlistImg .listImg .HBack a .h4{ font-size:18px; color:#6b6b6b; }
.ProlistImg .listImg .HBack a .en{ color:#6b6b6b; font-size: 12px; text-transform:uppercase;}
.ProlistImg .listImg .Pic{ float: right; width:55%; }
.ProlistImg .listImg li:hover{ background:url(../images/Pro_ImgBJon.jpg) center; background-size:100% 100%;}
.ProlistImg .listImg li:hover .HBack a .h4{ color:#FFF; }
.ProlistImg .listImg li:hover .HBack a i{ background:#FFF;}
.ProlistImg .listImg li:hover .HBack a .en{ color:#FFF; }

.ProlistImg2 .listImg dl{}
.ProlistImg2 .listImg dd{ width:31%; margin-right:3.3%; border:1px solid #cccccc; text-align:left; float:left; margin-bottom:5%;}
.ProlistImg2 .listImg dd:nth-child(3n){ margin-right:0;}
.ProlistImg2 .listImg dd .pic{ position:relative; padding-top:65%; text-align:center;}
.ProlistImg2 .listImg dd figure{ position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden;}
.ProlistImg2 .listImg dd figure i{ display:inline-block;vertical-align: middle; height: 100%;}
.ProlistImg2 .listImg dd figure img{ max-width:100%; max-height:100%; display:inline-block; vertical-align:middle;}
.ProlistImg2 .listImg dd h2{ font-weight:normal; font-size:14px; line-height:29px; position:relative;}
.ProlistImg2 .listImg dd h2 span{ background:#2c445c; border-radius:0 20px 20px 0; color:#fff; width:65%; height:29px; line-height:29px; display:inline-block; padding-left:6%;}
.ProlistImg2 .listImg dd h2 input{ position:absolute; top:50%; margin-top:-7px; line-height:29px; right:5%; width:16px; height:16px;}
.ProlistImg2 .listImg dd h2 .delete{  width: 13px;  height: 14px; background: url(../images/delete.png) center no-repeat;cursor: pointer; line-height:40px;}
.ProlistImg2 .listImg dd p{ margin:0; line-height:39px; height:39px; padding:0 6% 0 5%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ProlistImg2 .listImg dd p span{ width:140px; display:block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; float: left;}
.ProlistImg2 .listImg dd p:nth-child(2n-1){ background:#f4f4f4;}
@media(max-width:1000px){
	.ProlistImg .listImg li{ width:32%; margin-right:1.3%;}
}
@media(max-width:640px){
	.Prolist .ProDes .ProDesCon .ProDesTex,.Prolist .ProDes .ProDesCon .ProDesPic{ width:100%; }
	.ProlistImg .CateT::after, .ProlistImg .CateT::before{ width:33%; }
	.ProlistImg .listImg li{ width:100%; }
	.ProlistImg2 .listImg dd{ width:100%; float:none; margin-right:0 !important;}
}
/*产品表单*/
.Pro_Info{ width: 100%; float: left; overflow:auto; }
.Pro_Info table{ width: 100%; min-width: 845px; float: left; border-bottom:solid 1px #cccccc; margin-bottom: 30px; font-size: 12px;}
.Pro_Info table tr:first-child td{ border-top:solid 1px #cccccc; border-bottom:solid 1px #cccccc; border-right:none; padding:15px 0; margin-top:0px; text-align: center; }
.Pro_Info table tr:nth-child(2){ }
.Pro_Info table tr td{ text-align: center; padding:25px 0; border-right:solid 1px #cccccc; }
.Pro_Info table tr td.koge{ padding:5px 0; }
.Pro_Info table tr td:last-child{ border-right:none; }
.Pro_Info table tr td .delete{ display: inline-block; width:13px; height: 14px; background:url(../images/delete.png) center no-repeat; cursor: pointer; }
.ProlistImg .button{ width:100%; float: left; text-align: center; margin:20px 0 50px; }
.ProlistImg .button .text{ font-size: 16px; color:#666666; background:#f7f7f7; margin:0 10px; border:none; border-radius:5px; width:180px; cursor: pointer; height: 45px; line-height:45px; }
.ProlistImg .button .text:hover,.ProlistImg .button .text.Turnto{ background:#008cd6; color:#FFF; }
.Proform{ padding:5% 0; float: left; width:100%;}
.Proform dl{ width:48%; float:left; padding-left:85px; min-height:40px; position:relative; margin-bottom:15px; max-width:420px;}
.Proform dl.odd{ margin-left:4%;}
.Proform dt{ color:#5b5b5b; font-size:14px; position:absolute; left:0; width:70px; text-align:right; line-height:40px;}
.Proform .text{ border:1px solid #dfdfdf; border-radius:5px; width:100%; padding:0 10px; line-height:38px; color:#5b5b5b;}
.Proform dl.dl{ width:100%; float:none; max-width:none;}
.Proform textarea{border:1px solid #dfdfdf; border-radius:5px;overflow:hidden; resize:none; width:100%; height:260px; padding:10px; color:#5b5b5b;}
.Proform .btn{ display:inline-block; line-height:40px; min-width:140px; margin-right:20px; background-color:#f3f3f3; color:#728391; font-size:14px; border:none; border-radius:5px; cursor:pointer;}
.Proform .submitbtn{ color:#fff; background-color:#008cd6;} 
@media(max-width:640px){
.Proform dl{ float:none; width:100%; margin-left:0 !important;}	
.Proform textarea{ height:150px;}
}
@media(max-width:480px){
.Proform .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;}	
}

/*厂区介绍*/
.Factory .FactoryTex{ float: left; width:50%; line-height: 25px; }
.Factory .FactoryTex .h3{ margin:15px 0; font-size:24px; color:#008cd6; }
.Factory .FactoryTex .text{ color:#666666; }
.Factory .FactoryTex .blue{ color:#008cd6; padding:15px 0 5px; display: block; }
.Factory .FactoryTex p i{color:#008cd6; font-style:initial; padding-right: 10px;}
.Factory .FactoryPic{ float: right; width:47.5%; text-align: right; position: relative; }
.Factory .FactoryPic .video_btn{ position: absolute; left: 0; top: 0; width:100%; height: 100%; background:rgba(0, 0, 0, 0.2) url(../images/video_btn.png) no-repeat center;}

.Factory_list{ float: left; width:100%; box-shadow:0 0px 10px #cccccc; margin:40px 0;}
.Factory_list ul{ display: block; margin-bottom:2%; overflow: hidden; }
.Factory_list li{ float: left; width:23.6%; text-align: center; margin-left:1.1%; padding-bottom:1%; }
.Factory_list li:nth-child(4n){ margin-right:0; }
.Factory_list li p{margin:0; line-height:30px; overflow:hidden; white-space: nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.FactoryTiele{ text-align: center; font-size: 24px;color:#FFF; margin:40px 0;  position: relative;}
.FactoryTiele span{ background-color:#22489f; padding:5px 20px; position:relative;z-index: 2;}
.FactoryTiele::after,.FactoryTiele::before{ position: absolute; left:25%; content:''; height: 1px; width:50%; background:#bbbbbb; display:inline-block; z-index: 1; }
.FactoryTiele::after{ top:50%;}
.FactoryTiele::before{ top:60%;}
#VidoeBox,#VidoeBox video{ width:100%; }

.Factory_list .ul li figure{position: relative;height: 0;overflow: hidden;padding-bottom: 60%;}
.Factory_list .ul li figure img{ position: absolute; display: block;width: 100%;min-height: 100%;}

@media(max-width:640px){
.Factory .FactoryTex,.Factory .FactoryPic{ width:100%; }
.Factory .FactoryPic{ margin:10px 0; }
.FactoryTiele{ margin:20px 0; font-size: 20px; }
.Factory_list li{ width: 48%; }
}

/*Timeline000312 发展历程*/
.Timeline000312 .year{ position:relative; padding:2% 0 4% 0; color:#6e6e6e;}
.Timeline000312 .line{ width:1px; height:96%; left:50%; margin-left:-0.5px; top:4%; position:absolute; background-color:#ededed; z-index:0;}
.Timeline000312 ul{ position:relative; z-index:1; overflow: hidden;}
.Timeline000312 ol{ background:url(../images/Timeline000312-dot_big.jpg) no-repeat center top; height:13px; overflow:hidden; line-height:50px;}
.Timeline000312 li{ float:right; width:50%;position:relative; border-bottom:1px solid #ededed; padding-bottom:50px; padding-top:50px; line-height:18px;}
.Timeline000312 li.first{ padding-top:18px;}
.Timeline000312 li.first figure{ top:0;}
.Timeline000312 li.odd{ float:left;padding-top:58px; }
.Timeline000312 li i{ background:url(../images/Timeline000312-dot.jpg) no-repeat; width:8px; height:8px; position:absolute; left:-4px; bottom:-4px;}
.Timeline000312 li.odd i{ display:none;}
.Timeline000312 li div{ padding-right:150px; padding-left:47px;}
.Timeline000312 li.odd div{ padding-left:150px; padding-right:47px;}
.Timeline000312 li figure{ position:absolute;top:36px; right:10px; width:120px; height:90px;overflow:hidden;}
.Timeline000312 li.odd figure{left:10px; right:auto; top:42px;}
.Timeline000312 li figure img{ max-width:120px; max-height:90px; transition:all ease 0.5s;}
.Timeline000312 li h3{ margin:0; font-size:20px; color:#6e6e6e; padding-bottom:7px; font-weight:normal;}
.Timeline000312 li div a{ color:#6e6e6e;}
.Timeline000312 li div a:hover{ color:#22489f;}
.Timeline000312 .more{ text-align:center; padding-bottom:50px;}
.Timeline000312 .more a{width: 102px;padding-left: 14px;height: 26px; text-align:left;line-height: 26px;display: inline-block;color: #fff;font-size: 14px; background:url(../images/Timeline000312-more_hover.png) no-repeat 90% center #6e6e6e;}
.Timeline000312 .more a:hover{ color:#fff; background-image:url(../images/Timeline000312-more.png); background-color:#22489f;}
@media(max-width:640px){
.Timeline000312 .line{ height: 99%; top: 1%;}
.Timeline000312 li{ padding-bottom: 39px; padding-top: 35px;}
.Timeline000312 li.first{ padding-top:0;}
.Timeline000312 li.first figure{ right:0; }
.Timeline000312 li.odd{ padding-top:39px; }
.Timeline000312 li.odd figure{ left:0; }
.Timeline000312 li figure{ right: 0; }
.Timeline000312 li.odd div{ padding:0;  max-height:inherit!important; padding-top: 97px; padding-right: 10px; text-align: left;}
.Timeline000312 li div{ padding:0; max-height:inherit!important; overflow:inherit; padding-top: 97px; text-align: right; padding-left: 10px;}
}
/*.Timeline000312  发展历程End*/


/*.PicList000307 荣誉资质 为demo编号*/
.PicList000307 { padding-bottom:2%; width:100%; float: left; }
.PicList000307 dd{cursor:pointer; float:left; width:23.5%; margin-right:2%; margin-bottom:2%; box-shadow:0 0 6px #cdcdcd; padding: 4px; background: #fff; text-align:center;  }
.PicList000307 dd:nth-child(4n){ margin-right:0; }
.PicList000307 dd:hover{ box-shadow:0 0 8px #22489f;}
.PicList000307 dd .txt img{ display: block; width:100%; height:50%; margin:auto;}
.PicList000307 dd .txt p{ margin:0; font-size:14px; color:#666; line-height:20px ; padding:10px 0;}
.PicList000307 dd:hover .txt p{ font-weight:bold; color:#008cd6;}
@media(max-width:640px){
.PicList000307 dd{ width:48%; }
.PicList000307 dd:nth-child(2n){ margin-right:0; }
}
/*.PicList000307  荣誉资质End*/


/*新闻动态*/
.PicList001200{ margin-bottom:2%; width: 100%; float: left;}
.PicList001200 li{ padding:10px; border:1px solid #ebebeb;  width:48%; margin:0 2% 2% 0; float:left;}
.PicList001200 li:nth-child(2n){ margin:0 0 2% 0;}
.PicList001200 li a{ display:block; position:relative; padding-left:30%;padding-right:15%;}
.PicList001200 li a::after{ position:absolute; content:''; width:33px; height:33px; background:url(../images/PicList001200-more.png) no-repeat left top; right:2%; top:50%; margin-top:-16px;}
.PicList001200 li figure{ position:absolute; left:0; top:0; height:100%; width:27%;}
.PicList001200 li div{ position:relative; padding-bottom:12%;}
.PicList001200 li div::before,
.PicList001200 li div::after{ position:absolute; content:''; }
.PicList001200 li div::before{width:1px; height:70%; top:15%; background-color:#ebebeb; right:-6%;}
.PicList001200 li div::after{ width:7%; height:1px; background-color:#008cd6; bottom:10%; left:-9%; z-index:2;}
.PicList001200 li h3{ margin:0; font-size:16px; padding:3% 0 0 0; font-weight:normal; color:#333;}
.PicList001200 li p{ margin:3% 0 0 0; color:#969696; line-height:28px; height:56px; overflow:hidden; font-size:12px;}
.PicList001200 li time{ position:absolute; left:0; bottom:5%; color:#969696;}
.PicList001200 li:hover{ border-color:#008cd6; box-shadow:0 5px 5px #eee;}
.PicList001200 li:hover a::after{ background-position:left bottom;}
.PicList001200 li:hover h3{color:#008cd6;}
.PicList001200 li:hover p{color:#008cd6;}
.PicList001200 li:hover time{color:#008cd6;}
@media(max-width:640px){
.PicList001200 li p{line-height:22px; height:40px; }
.PicList001200 li time{ font-size:12px; position:initial; left: none; padding-top:0px;}
.PicList001200 li div{ padding-bottom:0; }
}
@media(max-width:480px){
.PicList001200 li div::before,
.PicList001200 li a::after{ display:none;}
.PicList001200 li div,
.PicList001200 li a{padding-right:0;}
.PicList001200 li a{ padding-left:40%;}
.PicList001200 li figure{ width:37%;}
}
/*.新闻动态  End*/

/*通用详细*/
.News_info{ font-size: 14px; margin-bottom: 30px; }
.News_info .info_title{ padding:10px 0px 0; font-size:18px; text-align:center; margin:0; font-weight: initial;}
.News_info .info_time{ font-size:12px; text-align:center; color:#A1A1A1; margin:0; font-weight:normal; border-bottom:1px dotted #ccc; padding-bottom:5px;}
.News_info .service_pic{ padding:10px 0; text-align:center;}
.News_info .service_pic img{ width:560px; height:456px;}
.News_info .info_txt{ padding:10px 0px;}
.News_info .info_txt{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both;}
.News_info .info_back{ color:#999999; padding:10px;  text-align:center;}
.News_info .info_back a{ padding:0px 3px;}
.News_info .info_back .back{ color:#725600; }
.News_info .PrevNextBox .h1{ font-size:12px; font-weight:normal;}
.News_info .PrevNextBox dl{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.News_info .PrevNextBox a:hover{ color: #22489f; }
.News_info .PrevNextBox a.none{ cursor:default;}
.News_info .PrevNextBox a.none:hover{ color:#ccc;}


/*联系我们*/
.ContactCon{ overflow: hidden; margin-bottom:40px; }
.ContactBox .map{ width:50%; height:350px; float: left; }
.ContactBox .Pic{ width: 50%; float: left; }
.ContactBox .ConTex{ width: 45%; float: right; font-size: 14px; font-family: Arial; color: #3d3c3c;}
.ContactBox .ConTex li{ line-height: 25px; width:100%; float: left; margin-top:4%;}
.ContactBox .ConTex li span{float: right; width: 90%;}
.ContactBox .ConTex li i{ display: block; width:25px; height: 25px; float: left; border:solid 1px #3487ff; background-size:80%!important;  -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;  }
.ContactBox .ConTex li.Company i{ background:url(../images/Contact_Icon1.png) no-repeat center; }
.ContactBox .ConTex li.Add i{ background:url(../images/Contact_Icon2.png) no-repeat center; }
.ContactBox .ConTex li.TEL i{ background:url(../images/Contact_Icon3.png) no-repeat center; }
.ContactBox .ConTex li.Zip i{ background:url(../images/Contact_Icon4.png) no-repeat center; }
.ContactBox .ConTex li.url i{ background:url(../images/Contact_Icon5.png) no-repeat center; }
.ContactBox .ConTex li.FAX i{ background:url(../images/Contact_Icon6.png) no-repeat center; }
.ContactBox .ConTex li.Email i{ background:url(../images/Contact_Icon7.png) no-repeat center; }
@media(max-width:1000px){
.ContactBox .ConTex li span{float: right; width:85%;}
}
@media(max-width:640px){
.ContactBox .ConTex li span{float: right; width:85%;}
.ContactBox .ConTex,.ContactBox .Pic,.Botl{width: 100%;}
.ContactBox .map{ width: 100%; height:200px; margin:20px 0; }
}

/*.SingleBox */
.SingleBox{overflow:hidden; margin-bottom:30px;}
.SingleBox .form{width:55%; margin:0 auto; }
.SingleBox .form .label{ display: inline-block; width: 144px; height: 39px; text-align: right; line-height: 39px;font-size: 14px;color: #868686;vertical-align: top; }
.SingleBox .form .td1{ width:80%; }
.SingleBox .form .text{ border: #e3e3e3 1px solid; height: 37px; line-height: 37px; padding: 0 5px; width:100%; }
.SingleBox .form .submit{ width: 148px; height: 40px; line-height:40px; text-align: center; color: #fff; background: #22489f; font-size: 14px; border:none; border-radius:40px; margin-top: 16px; cursor:pointer; } 
.SingleBox .form tr{ height:41px;}
.SingleBox .form .tr{ height: 56px; }
.SingleBox .form .line{ width: 100%; background: #f9f9f9; height: 8px; display:block;}
.SingleBox .form textarea.text{ width:100%; height: 161px;}
@media(max-width:640px){
.SingleBox .con{margin:0;}
.SingleBox .form,.SingleBox .info{ width:100%; height: auto; margin-top:30px; }
.SingleBox .form{ margin:30px 0; }
}

.SearchBox ul{ float: left; width: 100%; margin-bottom:4%; }
.SearchBox li{ float: left; width:100%; border-bottom:solid 1px #e3e3e3; line-height:45px;}
.SearchBox li a{ float: left; display: block; width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.SearchBox li time{ float: right; display: block; width:30%; text-align: right;}
@media(max-width:640px){
.SearchBox li{ line-height: 35px; }	
}

.bd_weixin_popup{
	height: 310px!important;
}
.Join{ max-width:800px; margin: -3% auto 3%;}
@media(max-width:640px){
.Join{ margin: 0 auto;}
}