@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;
}

/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6,ul,li{ margin: 0; padding: 0;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;} 
li{list-style: none;}
a{text-decoration: none;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
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: #26257d;}

/*清除浮动*/
.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: 1200px; margin: 0 auto;}
/*全局样式*/




/*页面框架结构*/
.contain{width: 1100px; max-width: 96%; margin: 0 auto; background: #fff;} /*页面主体内容*/
.content{} /*内容*/
.txtbox,
.singlepage{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden;}

.body_page{background: #fff;}


/*分页*/
.pages{}
/*分页*/

.login{background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; position: relative;}
.login i{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7);}
.login_box{position: absolute; top: 25%;  left: 50%; margin-left: -162px;  z-index: 10;}
.login_logo{text-align: center; animation:and 1s;
-webkit-animation:and 1s ;  /*Safari and Chrome*/}

@-webkit-keyframes and {
    0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    60%{opacity:1;-webkit-transform:translateY(30px); transform:translateY(30px)}
    80%{-webkit-transform:translateY(-10px); transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-o-keyframes identifier {
    0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    60%{opacity:1;-webkit-transform:translateY(30px); transform:translateY(30px)}
    80%{-webkit-transform:translateY(-10px); transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-moz-keyframes identifier {
     0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    60%{opacity:1;-webkit-transform:translateY(30px); transform:translateY(30px)}
    80%{-webkit-transform:translateY(-10px); transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes identifier {
     0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    60%{opacity:1;-webkit-transform:translateY(30px); transform:translateY(30px)}
    80%{-webkit-transform:translateY(-10px); transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}



.login_btn{height: 39px; width: 321px; line-height: 39px; margin-top: 20%; border: 1px solid #bdbdbd; position:relative; -webkit-animation:btn 1s ; nimation:btn 1s ;}
@-webkit-keyframes btn {
    0%{opacity: 0; }
    100%{opacity: 1; }
}
.login_btn:after{content: ""; width: 3px; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -2px; background: url(../images/login_line.png) 0 0 no-repeat;}
.login_btn a{display: block; width: 50%; float: left; text-align: center; font-size: 14px; color: #fff;}
.login_btn a.cn{font-family: "宋体";}
.login .text{position: absolute; width: 1200px; max-width: 100%; left: 50%; margin-left: -600px; bottom: 10%; z-index: 1; color: #1f1f1f;}
.login .text .left{float: left;}
.login .text .right{float: right;}

/*头部*/
.headerW{background: #fff;}
.header{width: 1100px; max-width: 96%; margin: 0 auto; height: 78px; position: relative;}
.header .logo{float: left; margin: 2% 0 0 0;}
.header .logo img{display: block; max-height: 34px;}
.header .mainnav{float: left; margin-left: 5%; width: 70%;}
.header .mainnav ul li{float: left; margin: 0 3.5%;}
.header .mainnav ul li>a{display: block; line-height: 78px; position: relative; font-size: 16px; color: #000; font-weight: bold;}
.header .mainnav ul li>a i{position: absolute; width: 100%; height: 8px; background: #26257d; bottom: -3px; left: 0; display: none; z-index: 99;}

.header .mainnav ul li.on>a i,.header .mainnav ul li>a:hover i{display: block;}
.header .mainnav ul li.on>a,.header .mainnav ul li>a:hover{color: #26257d;}

.header_r{position: absolute; top: 29px; right: 0; }
.header_r .icon{width: 23px; height: 28px; display: block; float: left; margin-left: 20px; position: relative;}
.header_r .icon1{background: url(../images/icon1.png) 0 50% no-repeat; cursor: pointer;}
.header_r .icon2{background: url(../images/icon2.png) 0 50% no-repeat;}
.header_r .icon3{background: url(../images/icon3.png) 0 50% no-repeat;}
.header_r .leng{width: 50px; height: 28px; background: #c7c7c7; color: #fff; text-align: center; line-height: 28px; float: right; margin-left: 30px; }
.header_code{position: absolute; top: 120%; width: 100px; height: 100px; padding: 5px; background: #fff; left: 50%; margin-left: -55px; border: 1px solid #f3f3f3; display: none; z-index: 99;}
.header_code:after{content: ""; width: 0px; height: 0; position: absolute; top: -12px; left: 50%; margin-left: -6px; border: 6px solid transparent; _border-color: tomato; _filter: chroma(color=tomato); border-bottom-color: #f3f3f3; overflow: hidden; pointer-events: none;}
.header_r .search{position: absolute; top: 120%; right: -10px; width: 150px; border: 1px solid #e2e2e2; height: 30px; line-height: 30px; padding-left: 10px;background: #fff; display: none; z-index: 99;}
.header_r .search .text{width: 100px; height: 30px; line-height: 30px; float: left;}
.header_r .search .btn{width: 40px; height: 30px; display: block; float: right; background: url(../images/icon1.png) 50% 50% no-repeat;}

.mobile_menu{position: absolute;z-index: 5;top: 50%;width: 30px;height: 30px;margin-top: -15px;right: 2%;cursor: pointer; display: none; }
.mobile_menu span{ position:absolute; width:100%; height:3px; background-color:#ccc; left:0; top:50%; margin-top:-1.5px;transition:all ease-out 0.3s;}
.mobile_menu span::before,
.mobile_menu span::after{ position:absolute; content:''; left:0; width:100%;height:3px; background-color:#ccc; transition:all ease-out 0.3s;}
.mobile_menu span::before{ top:-10px;}
.mobile_menu span::after{ bottom:-10px;}

.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;}
/*头部*/


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


.h_ban{width: 100%; overflow: hidden; position: relative;}
.h_ban .bx-pager{position: absolute; left: 0; bottom: 27px; width: 100%; text-align: center; z-index: 99;}
.h_ban .bx-pager .bx-pager-item{display:inline-block;  *zoom:1; *display:inline; margin: 0 8px;}
.h_ban .bx-pager .bx-pager-item a{display: block; width: 18px; height: 18px; background: #636464; border-radius: 50%; text-indent: 18px; overflow: hidden;}
.h_ban .bx-pager .bx-pager-item a.active{background: #fff;}
.h_ban .h_video{width: 100%; padding-bottom: 40%; position: relative; display: block;}
.h_ban .txt{ position:absolute; width:100%; top:45%; z-index:5; font-size:32px; color:#fff; text-align:center;}
.h_ban video{ position: absolute; width: 100%; height: 100%; background: #000;} 
.banner{padding-top: 3px; background: #fff;}
.banner img{width: 100%;}



.h_title{text-align: center; text-transform: uppercase;}
.h_title .en{color: #ccc; font-size: 32px; margin: 0; line-height: 32px;}
.h_title .en span{display: block; font-size: 48px; line-height: 48px;}
.h_title .cn{font-size: 24px; font-weight: normal; margin: 15px 0 0 0; color: #26257d;font-weight: bold;}
.h_title .cn i{display: block; width: 55px; height: 1px; background: #000000; margin: 5px auto 0;}

.h_pro{padding: 45px 0; width: 1100px; max-width: 96%; margin: 0 auto; }
.h_proList{ margin-top: 67px;}
.h_proList ul{margin-right: -4%;}
.h_proList ul li{width: 12.666%; float: left; margin-right: 4%;}
.h_proList ul li a{display: block; position: relative;}
.h_proList ul li .text{position: absolute; top: 0; left: 0; width: 100%; height: 55%; border-radius: 50%; background: rgba(0, 0, 0, 0.4); padding-top: 45%; text-align: center; font-size: 16px; color: #fff; transition: 0.5s;}
.h_proList ul li .text .title{padding: 0 5%; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.h_proList ul li .text .btn{width: 46px; height: 46px;  background: url(../images/pro_arrow.png) 0 0 no-repeat; background-size: contain; display: block; margin: 20px auto 0; opacity: 0; transition: 0.5s;}

.h_proList ul li:hover .text{height: 65%; padding-top: 35%; background: rgba(250, 149, 6, 0.8);}
.h_proList ul li:hover .text .btn{opacity: 1;}
.h_proList ul li span{display: block; }
.h_proList ul li .pic{padding-bottom: 100%; background-repeat: no-repeat; background-position:  center center; background-size: cover; border-radius: 50%; background-color: #e5e5e5; transition: 0.5s;}
.h_proList ul li:hover .pic{transform: scale(1.18,1.18)}
.h_proList .more{width: 122px; height: 34px; line-height: 34px; border: 1px solid #b2b2b2; display: block; margin: 40px auto 0; text-align: center; color: #585858;}
.h_proList .more:hover{color: #26257d;}

.h_technologyW{width: 100%;  background: url(../images/bg1.jpg) 50% 0 no-repeat; overflow: hidden;}
.h_technology{width: 1100px; height: 631px; position: relative; margin: 0 auto; max-width: 96%; padding: 40px 0;}
.h_techTab ul li a{width: 97px; height: 76px; padding-top: 20px; position: relative; display: block; background: url(../images/tech_bg1.png) 0 0 no-repeat; background-size: contain;}
.h_techTab ul li a .title{display: block; position: relative; margin-left: -15px; font-size: 18px; color: #27257d; }
.h_techTab ul li .pic{position: absolute; bottom: -10px; right: -10px;}
.h_techTab ul li{position: absolute; top: 50%; left: 50%; z-index: 99;}
.h_techTab ul li.li1{margin-left: -21%;  margin-top: -15%;}
.h_techTab ul li.li2{margin-left: -29%; margin-top: -8%;}
.h_techTab ul li.li3{margin-left: -37%; margin-top: -1%;}
.h_techTab ul li.li4{margin-left: -43%; margin-top: 8%;}
.h_techTab ul li.li5{margin-left: -47%; margin-top: 18%;}
.h_techList{position: absolute; bottom: 0; right: 0; margin-right: -411px; width: 97%; height: 100%;}
.h_techList ul li{display: none;}
.h_techTab ul li:hover a{ background: url(../images/tech_bg2.png) 0 0 no-repeat; background-size: contain;}
.h_techTab ul li a:hover .title{color: #ff4e00;}

.h_newsW{width: 100%; padding: 45px 0; background: url(../images/bg2.jpg) 50% 0 no-repeat;}
.h_news{width: 1100px; max-width: 96%; margin: 0 auto;}
.h_newsList{margin-top: 66px; overflow: hidden;}
.h_newsList ul{margin-right: -3%;}
.h_newsList ul li{width: 29.3333%; margin-right: 4%; float: left;}
.h_newsList ul li a{display: block; border: 1px solid #fff;}
.h_newsList ul li span{display: block;}
.h_newsList .pic{display: block; background-repeat: no-repeat; background-position: center center; padding-bottom: 69%; background-size: cover;}
.h_newsList .text{padding:6% 5%; background: #fff; text-align: center; border-top: 1px solid #fff;}
.h_newsList .title{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 16px; color: #000; text-align: center;}
.h_newsList ul li time{display:inline-block;  *zoom:1; *display:inline; margin-top: 15px; font-family: "Arial"; color: #a3a3a3; padding-left: 25px; background: url(../images/icon_time.png) 0 50% no-repeat;}
.h_newsList ul li a:hover .text{background: #ff9600;}
.h_newsList ul li a:hover .title,.h_newsList ul li a:hover time{color: #fff;}
.h_newsList ul li a:hover  time{background: url(../images/icon_time2.png) 0 50% no-repeat;}
.h_news .more{width: 122px; height: 34px; line-height: 34px; border: 1px solid #b2b2b2; display: block; margin: 40px auto 0; text-align: center; color: #585858;}
.h_news .more:hover{color: #26257d;}

.h_contactW{padding-top: 45px;}
.h_contact{width: 1100px; max-width: 96%; margin: 0 auto;}
.h_contactBox{border: 1px solid #eeeeee; position: relative; margin-top: 27px;}
.h_contactBox::before{content: ""; width: 1px; height: 180px; background: #eeeeee; position: absolute; top: 50%; margin-top: -90px; left: 50%; margin-left: -1px;}
.h_contactBox img{position: absolute; top: 50%; left: 15%; height: 78px; width: 78px; margin-top: -39px;}
.h_contactBox span{float: left; display: block; font-size: 16px; font-family: "Arial"; color: #000; margin: 30px 0 0 20px; }
.h_contactBox .left{width: 33%; height: 78px; padding: 37px 2% 37px 15%; float: left; position: relative;}
.h_contactBox .right{width: 33%;  height: 78px;  padding: 37px 2% 37px  15%; float: right;  position: relative;}

.h_contactBox .d1{width: 33%; height: 78px; padding: 0px 2% 37px 15%; float: left; position: relative;}
.h_contactBox .d2{width: 33%; height: 78px; padding: 0px 2% 37px 15%; float: right; position: relative;}
.h_contactBox .d1 img,.h_contactBox .d2 img{ top:0; margin-top:0px;}
.h_contactBox .d2 span{ margin-top:15px;}

.h_map{width: 100%; margin-top: 43px; padding-bottom: 40%; position: relative;}
.h_mapBox{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.h_mapBox img{max-width: inherit;}

.footerW{width: 100%; background: #26257d; padding: 20px 0; }
.footer{width: 1100px; max-width: 96%; margin: 0 auto; font-size: 13px;}
.footerL{width: 55%; float: left; color: #fff;}
.footer_add{margin-top: 5px;}
.footer_add span{display:inline-block;  *zoom:1; *display:inline;  margin-right: 5px;}
.footerR{width: 45%; float: right; text-align: right;}
.footer_link{color: #fff; font-size: 0; line-height: 24px;}
.footer_link a{color: #fff; font-size: 13px;}
.footer_link em{font-size: 13px; margin: 0 5px;}
.footer_Tech{color: #fff; height: 13px; line-height: 13px; }
.footer_Tech img{line-height: 13px;}


.menu{width: 1100px; max-width: 96%; margin: 0 auto; position: relative; border-bottom: 1px solid #e5e5e5; margin-top: -80px; background:rgba(255, 255, 255, 0.80);}
.menu ul li{float: left; width: 20%;}
.menu ul li a{display: block; height:80px; line-height:80px; text-align: center; padding: 0 5%; font-size: 16px; color: #27257d; border-left: 1px solid #e5e5e5; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.menu ul li.on a,.menu ul li a:hover{/*background: #ff9600; */color: #fff; background:rgba(255, 150, 0, 0.58)}
.menu ul li:first-child a{border-left: none;}
.menu6 ul li{width: 14.285%; /*background: #fff;*/}
.menu3 ul li{width: 33.3333%;}
.menu4 ul li{width: 25%;}
.menu2 ul li{width: 50%;}

.pro_box{margin-bottom: 65px;}
.pro{ padding: 0 8%;  background: #fff;}
.pro_list .pic{float: left; width: 42%;}
.pro_list .text{float: right; width: 55%; padding-top: 10%;}
.pro_list .text a{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 24px; color: #333;}
.pro_list .text a:hover{color: #ff9600;}
.pro_list .text  .txt{margin-top: 2%; font-size: 15px; line-height: 28px;}
.pro_list  ul li{padding: 5% 0;}
.pro_list  ul li.on .pic{float: right;}
.pro_list  ul li.on .text{float: left;}

.pro_news{background: #f5f5f5;  padding: 5%; margin-bottom: 68px;}
.pro_news .title{margin: 0; font-size: 24px; color: #333; text-align: center; font-weight: normal;}
.pro_news .tip{font-size: 14px; color: #333; margin-top: 10px;}
.pro_news .text{text-align: center; margin-top: 20px;}
.pro_news .text i{width: 46px; height: 47px; margin: 0 auto; display: block; background: url(../images/icon_email.png) 0 0 no-repeat;}
.pro_news .text span{display: block; margin-top: 10px;  font-size: 16px; color: #333;}
.pro_news .text a{font-size: 16px; color: #27257d; margin-top: 10px;}

.quality_box{margin-bottom: 33px;}
.quality{padding: 5% 8%;}
.qualityT{font-size: 16px; text-indent: 2em;}
.quality_list{overflow: hidden;}
.quality_list ul{margin-right: -1.5%;}
.quality_list ul li{width: 31.833%; margin:40px 1.5% 0 0; float: left;}
.quality_list ul li a{display: block; position: relative;}
.quality_list ul li a::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); transition: 0.5s;opacity: 0;}

.quality_list ul li:hover a::before{opacity: 1;}
.quality_list ul li span{display: block;}
.quality_list ul li .pic{background-repeat: no-repeat; background-position: center center; background-size: cover; padding-bottom: 118%; }
.quality_list ul li .title{position: absolute; width: 90%; padding: 0 5%; top: 40%; text-align: center; display: block; font-size: 18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #fff; opacity: 0; transition: 0.5s;}
.quality_list ul li:hover .title{opacity: 1;}
.quality_list ul li .title i{display: block; width: 65px; height: 3px; background: #a6a6a6; margin: 30px auto 0;}
.quality_list ul li:hover .title i{background: #ff9600;}

.qualityT_txt .pic{float: right; margin-left: 4%;}
.qualityT_txt .title{font-size: 24px; color: #27257d;}
.qualityT_txt .text{font-size: 16px; line-height: 32px; text-indent: 2em;}


.hotProduct_box{margin-bottom: 33px;}
.hotProduct{padding: 5% 8%;}
.hotProductT{font-size: 16px; text-indent: 2em;}
.hotProduct_list{overflow: hidden;}
.hotProduct_list ul{margin-right: -1.5%;}
.hotProduct_list ul li{width: 31.833%; margin:10px 1.5% 0 0; float: left;}
.hotProduct_list ul li a{display: block; position: relative;}
.hotProduct_list ul li a::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); transition: 0.5s;opacity: 0;}

.hotProduct_list ul li:hover a::before{opacity: 1;}
.hotProduct_list ul li span{display: block;}
.hotProduct_list ul li .pic{background-repeat: no-repeat; background-position: center center; background-size: cover; padding-bottom: 118%; }
.hotProduct_list ul li .title{padding:5%; text-align: center; display: block; font-size: 18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition: 0.5s;}

.hotProductT_txt .pic{float: right; margin-left: 4%;}
.hotProductT_txt .title{font-size: 24px; color: #27257d;}
.hotProductT_txt .text{font-size: 16px; line-height: 32px; text-indent: 2em;}



.service_box{margin-bottom: 26px;}
.service{padding: 5% 8%;}
.serviceT .tip1{font-size: 27px; color: #333333; font-weight: bold; position: relative; display: inline-block; }
.serviceT .tip1:after{content:""; width: 24px; height: 6px; background: #333333; position: absolute; top: 10px; right: -50px;}
.serviceT .tip2{font-size: 24px; color: #ff9600;  }
.serviceT .tip3{font-size: 20px; color: #333;  font-weight: bold;}
.serviceList {margin-top: 20px;}
.serviceList ul li{padding: 40px 0;}
.serviceList ul li .service_pic{float: right; width: 34%; position: relative; }
.serviceList ul li .service_pic img{position: relative; z-index: 10;}
.serviceList ul li .service_pic i{position: absolute; height: 100%; width: 100%; top: 6%; left: 4%; background: #ff9600;}
.serviceList ul li .text{float: left; width: 63%; padding-top: 8%; text-align: right; }
.serviceList ul li .title{display:inline-block;  *zoom:1; *display:inline;  font-size: 22px; color: #333; font-weight: bold; margin: 0; position: relative;}
.serviceList ul li .title:after{content: ""; width: 134px; height: 2px; background: #ff9600; position: absolute; top: -15px; left: 0; z-index: 12;}
.serviceList ul li:nth-child(3) .title:after{width: 150px;}

.serviceList ul li.on .title:after{left: auto; right: 0;}
.serviceList ul li .txt{font-size: 15px; color: #666; line-height: 28px; white-space: pre-line;}
.serviceList ul li.on .service_pic{float: left;}
.serviceList ul li.on .text{float: right; text-align: left;}
.serviceList ul li.on .service_pic i{top: 6%; left: -5%;}

.test_box{margin-bottom: 32px;}
.test{padding: 5% 8%}
.testT{text-indent: 2em; font-size: 16px; line-height: 32px; color: #333;}
.testBox{margin-top: 40px;}
.testBox .tip{font-size: 16px; color: #333;}
.testBox_txt{padding: 20px 10px; margin-top: 10px; background: #f0f0f0;   line-height: 35px; font-size: 15px; color: #333;} 
.test_tip{display:inline-block;  *zoom:1; *display:inline; margin-top: 60px; font-size: 22px; padding-right: 30px; background: url(../images/arrow_tip.png) 100% 50% no-repeat; color: #333;}
.test_list ul li{margin-top: 56px; position: relative;}
.test_list ul li .pic{background-repeat: no-repeat; background-position: center center; background-size: cover; padding-bottom: 34%; float: left; width: 30%;}
.test_list ul li .right{width: 65%; float: right;}
.test_list ul li .title{font-size: 18px; color: #333; font-weight: bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  display: block;}
.test_list ul li .text{line-height: 24px;}
.test_list ul li .tip1{font-size: 14px; color: #666; margin-top: 10px;}
.test_list ul li .txt{font-size: 14px; color: #666; min-height: 48px;}
.test_list ul li .tip2{margin-top: 20px; font-size: 14px; color: #333;}
.txt_list{margin-top: 10px;}
.txt_list dl{margin: 0;}
.txt_list dl dt{height: 30px; line-height: 30px; margin: 0; background: #f0f0f0;}
.txt_list dl dt span{height: 30px; }
.txt_list dl dd{margin: 0; overflow: hidden; border-bottom: 1px solid #eeeeee;}
.txt_list dl dd span{padding: 12px 0;}
.txt_list dl span{display: block; width: 25%; float: left; text-align: center; font-size: 14px; color: #333;}
.test_list ul li.top .txt_list dl span{width: 20%;}
.test_list ul li .right .tip3{font-size: 14px; color: #666; margin-top: 10px;}


.test_video{margin-top: 20px; overflow: hidden;}
.test_video ul{margin-right: -2%;}
.test_video ul li{width: 46%; margin-right: 4%; float: left;}
.test_video ul li span{display: block;}
.test_video ul li a{display: block; padding: 12px; border: 1px solid #dedede;}
.test_video ul li .pic{background-repeat: no-repeat; background-size: cover; background-position: center center; padding-bottom: 65%; position: relative;}
.test_video ul li .pic:after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.54); transition: 0.5s;}
.test_video ul li .pic i{width: 57px; height: 57px; position: absolute; top: 50%; margin-top: -29px; left: 50%; margin-left: -29px; background: url(../images/video.png) 0 0 no-repeat; background-size: contain; z-index: 10;}
.test_video ul li .title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  margin-top: 10px; font-size: 15px; color: #333;}
.test_video ul li:hover .pic:after{opacity: 0;}
.test_video .video{display: none;}
video{ max-width:100%;}

.news_box{margin-bottom: 34px;}
.news{padding: 5% 8%; }
.newsT{font-size: 18px; font-weight: bold; color: #333333;}
.newsT .time{display: inline-block; font-size: 15px; color: #a3a3a3; padding-left: 22px; background: url(../images/icon_time.png) 0 50% no-repeat; margin-left: 10px; font-weight: normal;}
.newsT .tip{font-size: 14px; color: #666; margin-top: 20px;}
.newsT .text1{font-size: 16px;color: #666; font-weight: bold; margin-top: 20px;}
.newsT .text2{font-size: 14px; color: #666; line-height: 24px; margin-top: 5px; font-weight: normal;}
.news_tip{display:inline-block;  *zoom:1; *display:inline; font-size: 22px; padding-right: 30px; line-height:48px; padding-bottom:40px; background: url(../images/arrow_tip.png) 100% 25% no-repeat; color: #333;}
.newsList{ display:none; padding-top:5%}
.newsList ul li{margin-bottom: 40px;}
.newsList ul li .pic{width: 40%; margin-left: 2%; float: left; position: relative;}
.newsList ul li .pic img{position: relative;z-index: 10;}
.newsList ul li .pic:after{content: ""; width: 80%; height: 100%; position: absolute; top: -8%; left: -6%; background: rgba(0, 0, 0, 0.54); background: #f0f0f0;}
.newsList ul li .Box{width: 46%; float: right; position: relative;}
.newsList ul li .Box .time{position: absolute; text-align: center; top: -5%; left: -70px;}
.newsList ul li .Box .time span{font-weight: bold; display: inline-block; position: relative; font-size: 35px; color: #333333;}
.newsList ul li .Box .time span:after{content: ""; width: 5px; height: 2px; background: #ff9600; position: absolute; right: 5px; bottom: 3px;}
.newsList ul li .Box .time  .tip{font-size: 16px; color: #333; font-weight: bold; margin-top: 10px;}
.newsList ul li .Box .text{font-size: 14px; line-height: 30px;}
.newsList ul li.on .pic{float: right;}
.newsList ul li.on .pic:after{left: auto; right: -6%;}
.newsList ul li.on .Box{float: left; margin-left: 10%;}

.news .btn{ cursor:pointer; text-align: center; margin:5% 0; font-size: 16px; color: #666; position: relative}
.news .btn:after{height: 3px; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -2px; background: #f0f0f0; content: "";}
.news .btn a{background: #fff; display:inline-block;  *zoom:1; *display:inline; position: relative; z-index: 10; padding: 0 10px;}

.news .show{height: 57px; line-height: 57px; margin:5% 0; text-align: center; color: #666; width: 100%;  background: #f0f0f0; display: block;}
.news .show a{ background:none}

.newsCon {margin-top: 45px;}
.newsCon ul li{padding: 25px 0;}
.newsCon ul li .title{display:inline-block;  *zoom:1; *display:inline; padding-right: 100px; position: relative; font-size: 18px; color: #333; font-weight: bold; overflow: hidden; height: 22px; line-height: 22px;}
.newsCon ul li .title .time{font-family: "Arial"; font-size: 15px; font-weight: normal; color: #a3a3a3; top: 0; right: 0; position: absolute; background: url(../images/icon_time.png) 0 50% no-repeat; padding-left: 18px;}
.newsCon ul li .title:hover{color: #26257d;}
.newsCon ul li .text{text-indent: 2em; font-size: 14px; color: #666; margin-top: 20px; line-height: 26px;}
.newsCon ul li .more:after{height: 3px; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -2px; background: #f0f0f0; content: "";}
.newsCon ul li .more{text-align: center; margin-top: 20px; font-size: 16px; color: #666; position: relative}
.newsCon ul li .more a{background: #fff; display:inline-block;  *zoom:1; *display:inline; position: relative; z-index: 10; padding: 0 10px;}

.dow_box{margin-bottom: 32px;}
.dow{padding: 5%;}
.dowT{width: 92%; padding: 20px 4%; color: #333; background: #f1f1f1; font-size: 16px;}
.dowT span{color: #ff9600;}
.dowLis{overflow: hidden;}
.dowList ul{margin-right: -5%;}
.dowList ul li{width: 28.333%; margin: 4% 5% 0 0; float: left;}
.dowList ul li a{display: block; border: 1px solid #dfdfdf; position: relative;}
.dowList ul li a:hover{ border: 1px solid #ff9600; }
.dowList ul li .time{position: absolute; top: 0; left: 0; width: 68px; height: 58px; padding-top:10px; text-align: center; background: #b9b9b9; color: #fff; font-size: 24px; line-height: 21px;}
.dowList ul li:hover .time{background: #ff9600;}
.dowList ul li .time em{font-style: normal; font-size: 12px;}
.dowList ul li span{display: block;}
.dowList ul li .title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding: 10% 2% 18% 25%; text-align: center; font-size: 18px; color: #666; border-bottom: 1px dashed #cbcbcb;}
.dowList ul li:hover .title{ border-bottom: 1px dashed #ff9600;}
.dowList ul li .btn{text-align: center; padding: 20px 0; font-style: normal;}
.dowList ul li .btn em{font-style: normal; padding-left: 42px; position: relative; display:inline-block;  *zoom:1; *display:inline; }
.dowList ul li .btn em:after{content: ""; width: 35px; height: 35px; position: absolute; top: 50%; margin-top: -18px; left: 0; background: url(../images/dow1.png) 0 0 no-repeat; background-size: contain;}
.dowList ul li:hover .btn em{color: #ff9600;}
.dowList ul li:hover .btn em:after{background: url(../images/dow2.png) 0 0 no-repeat;  background-size: contain;}
.dowList ul li:hover .title{color: #ff9600;}

.Complaint_box{margin-bottom: 32px;}
.Complaint{padding: 5% 8%;}
.Complaint_form table{width: 100%;}
.ComplaintT{font-size: 16px; color: #333; padding-left: 10px;}
.ComplaintT em{color: #ff3c00; margin-right: 10px;}
.Complaint_form .tip{width: 90px; text-align: right; font-size: 16px; }
.Complaint_form {margin-top: 40px;}
.Complaint_form  td{padding-top: 14px; position: relative;}
.Complaint_form  td i{position: absolute; bottom: 0; left: 36%; color: #ff603f;}
.Complaint_form  td .text{width: 32%; padding-left: 2%; border: 1px  solid #dadada; height: 50px; margin-left: 10px;}
.Complaint_form  td textarea{width: 100%; height: 230px; padding: 10px; border: 1px  solid #dadada; margin-left: 10px;}
.Complaint_form  td .btn{width: 193px;height: 57px; background: #26257d; color: #fff; text-align: center; line-height: 57px; margin: 0 auto; display: block; font-size: 16px; margin-top: 20px; cursor: pointer;}

/*详细*/
.info{padding: 5%;}
.news-info .h5{ text-align:center; color:#666; font-size:18px; font-weight: normal; margin: 0;}
.news-info .time{ text-align:center; margin-top: 10px; font-size: 14px; color: #999; padding-bottom: 20px; border-bottom: 1px dashed #d2d2d2;}
.info_other{margin-top: 30px; padding: 30px 0;position: relative; border-top: 1px solid #f3f3f3;}
.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: #ff9600;}
.info_other span.back{display: block;}
.info_other span.back a{display: inline-block;;}
.news-info .con{margin-top: 20px;}
.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;}

/*友情链接 */
.Links{padding: 5%;}
.Links_list{width: 1200px; margin: 0 auto; max-width: 100%;}
.Links_list ul{margin-right: -2%;}
.Links_list ul li{ text-align:center; width:18%; float:left;  margin: 2% 2% 0 0;}
.Links_list ul .pic{ width:100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.Links_list ul .pic{ width:100%;  border:solid 1px #e0e0e0; padding:1px; display:block; overflow:hidden; display: block; padding-bottom: 40%;}
.Links_list ul .pic:hover{ border:1px solid #00a1e9;}
.Links_list ul .pic img{ width:100%; }
.Links_list ul .h1{ font-size:12px; font-weight:normal; height:20px; line-height:20px; padding-top:5px; margin: 0;}
.Links_list ul .h1 a{ padding:0 3px; white-space:nowrap; display:block; text-overflow:ellipsis; overflow:hidden; font-weight:normal; font-size: 14px;}

.about_box{margin-bottom: 32px;}
.about{padding: 5%;}

@media(max-width:1210px){
.h_proList{padding:0 2%;}
.h_proList ul{margin-right:0; }
.h_proList ul li{width: 16%; float: left; margin:0 2%;}

}
@media(max-width:1210px){
.login .text{left: 0; margin-left: 0; width: 96%; padding: 0 2%;}
}


@media(max-width:1100px){
.header .mainnav{margin-left: 3%;}
.header .mainnav ul li{margin: 0 2.5%;}
    
.h_contactBox .left{width: 38%; padding: 37px 2% 37px 10%; }
.h_contactBox .right{width: 38%;  padding: 37px 2% 37px  10%; }
.h_contactBox img{left: 5%;}

.h_ban .txt{ font-size:24px;}
}


@media(max-width:1000px){

.header .mainnav ul li>a{font-size: 14px;}
.header_r a.icon{margin-left: 15px;}  
.header .mainnav ul li{margin: 0 2%;}
.header .logo{width: 15%;}
    
.h_techList{width: 105%;}
.h_proList ul li .text .btn{width: 30px; height: 30px; margin-top: 10px;}
.h_proList ul li .text .title{font-size: 14px;}
    
.h_techTab ul li a{width: 77px; height: 56px; padding-top: 20px; }
.h_techTab ul li a .title{font-size: 14px;}
    
.h_contactBox img{width: 60px; height: 60px; margin-top: -30px;}
  
.menu{margin-top: -60px;}
.menu ul li a{height:60px; line-height:60px; font-size: 14px;}
    
.serviceList ul li .txt{font-size: 13px;}
    
.txt_list dl span{font-size: 12px;}
.Complaint_form  td .text{width: 40%;}
.Complaint_form  td i{left: 46%; }
}


@media(max-width:768px){
.header{height: 50px;}
.header .logo{width: auto; margin: 15px 0; display: table-cell; vertical-align:middle; }
.header .logo a{vertical-align:middle; }
.header .logo img{height: 20px;}
.header_r{top: 11px; right: 50px;}
.header_r a.icon2,.header_r a.icon3{display: none;}
.header .mainnav{position: absolute; right: -2%; top: 100%; width: 55%; background: #fff; display: none; z-index: 100;}
.header .mainnav ul li{width: 100%; text-align: center; margin: 0; border-top: 1px solid #e0e0ff;}
.header .mainnav ul li a{ height: 40px; line-height: 40px;}
.header .mainnav ul li.on>a i, .header .mainnav ul li>a:hover i{display: none;}
    
.mobile_menu{display: block;}

.h_proList ul {font-size: 0; text-align: center;}
.h_proList ul li {width: 29.33%; margin-top: 20px; float: none; 
display:inline-block;  *zoom:1; *display:inline; }
    
.h_techList{width: 125%;}
.h_techTab ul li.li1{margin-left: -15%;  margin-top: -20%;}
.h_techTab ul li.li2{margin-left: -24%; margin-top: -10%;}
.h_techTab ul li.li3{margin-left: -33%; margin-top: 0;}
.h_techTab ul li.li4{margin-left: -42%; margin-top: 10%;}
.h_techTab ul li.li5{margin-left: -47%; margin-top: 22%;}
    
.h_contactBox span{font-size: 14px;}
    
.menu{margin-top: -50px;}
.menu ul li a{height: 50px; line-height: 50px; font-size: 14px;}
    
.pro_list .text{padding-top: 5%;}
    
.quality_list ul li .title{font-size: 14px;}
    
.quality_list ul{margin-right: -2%;}
.quality_list ul li{width: 48%; margin:20px 2% 0 0; }

.hotProduct_list ul li .title{font-size: 14px;}
    
.hotProduct_list ul{margin-right: -2%;}
.hotProduct_list ul li{width: 48%; margin:20px 2% 0 0; }

.serviceList ul li .service_pic{width: 100%;}
.serviceList ul li .service_pic img{width: 100%;}
.serviceList ul li .text{width: 100%; text-align: left;}
.serviceList ul li .txt{white-space:normal;}
.service_pic {margin-top: 20px;}
.serviceList ul li .text{padding-top: 0;}
.serviceList ul li.on .title:after{right: auto; left: 0;}
    
.testT{font-size: 14px; line-height: 24px;}
.testBox{margin-top: 20px;}
.testBox_txt{font-size: 14px; line-height: 24px;}
.test_tip{font-size: 16px; margin-top: 20px;}
.test{padding: 2%;}
.test_list ul li{margin-bottom: 40px;}
.test_list ul li .con{position: absolute; bottom: 0; left: 0; width: 100%;}
.test_list ul li{margin-top: 20px;}
    
.newsList ul li .Box .time{left: -55px;}
    
.newsCon ul li .title{display: block;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  display: block;}
    
.dowList ul li .title{font-size: 14px;}
.dowList ul li .time{width: 50px; height: 45px; padding-top: 5px; font-size: 16px;}
.dowList ul li .time em{font-size: 12px;}
.Complaint_form  td .text{width: 60%;}
.Complaint_form  td i{left: 66%; }
    
.qualityT_txt .pic{margin: 0; width: 100%; float: none;}
.qualityT_txt .pic img{width: 100%;}
.qualityT_txt  .text{margin-top: 20px;}
.qualityT_txt .title{font-size: 18px;}

.hotProductT_txt .pic{margin: 0; width: 100%; float: none;}
.hotProductT_txt .pic img{width: 100%;}
.hotProductT_txt  .text{margin-top: 20px;}
.hotProductT_txt .title{font-size: 18px;}

.h_ban .txt{ font-size:16px;}
}

@media(max-width:640px){
.header_r a.leng{width: 40px; height: 25px; line-height: 25px; margin: 3px 0 0 10px; font-size: 12px;}
.h_title .en{font-size: 18px; line-height: 24px;}    
.h_title .en span{font-size: 22px; line-height: 24px;}    
.h_title .cn{font-size: 18px; margin-top: 10px;}    
    
.h_pro{padding: 20px 0;}
.h_proList{margin-top: 0; padding: 0;}
.h_proList ul li .text .title{font-size: 12px;}
.h_proList ul li .text .btn{width: 20px; height: 20px;}
.h_proList .more{width: 100px; height: 32px; line-height: 32px; margin-top: 30px;}
    
.h_technology{padding: 20px 0;}
.h_technology{height: auto;}
.h_techTab ul li.li1,
.h_techTab ul li.li2,
.h_techTab ul li.li3,
.h_techTab ul li.li4,
.h_techTab ul li.li5{margin: 10px 0 0 0;}
.h_techTab ul li{position: static; width: 33.33%; display:inline-block;  *zoom:1; *display:inline; }
.h_techList{width: 100%; margin-right: 0; position: relative; margin-top: 20px;}
.h_techTab ul{margin-top: 20px; text-align: center; font-size: 0;}
.h_techTab ul li a .title{font-size: 12px; margin-left: 0;}
.h_techTab ul li a{background-position: center 0; width: 90%;}    
.h_techTab ul li a:hover{background-position: center 0; width: 90%;}   
    
.h_newsW{padding: 20px 0; background: #e8e8e8;}
.h_newsList{margin-top: 20px;}
.h_newsList ul{margin: 0;}
.h_newsList ul li{width: 100%; margin: 10px 0 0 0;}
.h_news .more{width: 100px; height: 32px; line-height: 32px; margin-top: 30px;}
    
.h_contactBox{padding: 20px 0;}
.h_contactBox::before{display: none;}
.h_contactBox .left{width: 80%; padding: 10px 5% 10px 15%; float: none; height: auto; overflow: hidden;}
.h_contactBox .right{width: 80%; padding: 10px 5% 10px 15%; float: none; height: auto;  overflow: hidden; margin-top: 10px;}
.h_contactBox img{width: 40px; height: 40px; margin-top: -20px;}
.h_contactBox span{margin-top: 0; font-size: 12px;}
    
.footerL{width: 100%; text-align: center}
.footerR{width: 100%; text-align: center;}
    
.menu{margin-top: 10px; border-bottom: none;}
.menu ul li{width: 25%;}
.menu ul li a{height: 40px; line-height: 40px; font-size: 12px; border-left: none; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.menu6 ul li{width: 33.3333%;}
.menu3 ul li{width: 33.3333%;}
.menu4 ul li{width: 25%;}
.menu2 ul li{width: 50%;}   
    
    
.pro_list .pic{width: 80%; text-align: center; padding: 0 10%;}
.pro_list .text{width: 100%;}
.pro_list .text a{font-size: 18px;}
    
    
.login_box{left: 0; margin-left: 0; width: 80%; padding: 0 10%;}
.login_btn{width: 100%;}
.login .text span{display: block; text-align: center;}
.login .text .left,.login .text .right{float: none;}
.login .text .right{margin-top: 10px;}
  
.serviceList ul{margin-top: -20px;}
.serviceList ul li{padding: 0; margin-top: 60px;}
.serviceList ul li .title{font-size: 16px;}
.serviceList{margin-top: 0;}
.serviceT .tip1{font-size: 18px;}
.serviceT .tip2{font-size: 16px;}
.serviceT .tip3{font-size: 14px;}
.serviceT .tip1:after{height: 3px;}
    
.test_list ul li .pic{width: 50%; padding-bottom: 57%;}
.test_list ul li .right{width: 48%;}
.test_list ul li .title{font-size: 16px;}
.test_list ul li .tip1{font-size: 12px; margin-top: 0;}
.test_list ul li .tip2{font-size: 12px; margin-top: 10px;}
.test_list ul li .txt{font-size: 12px; line-height: 20px;}
.test_list ul li .right .tip3{font-size: 12px;}
    
.test_video ul li .pic i{width: 40px; height: 40px; margin-top: -20px; margin-left: -20px;}
    
    
.newsList ul li .pic{width: 100%; margin: 0; float: none;}
.newsList ul li.on .pic{float: none;}
.newsList ul li .pic img{width: 100%;}
.newsList ul li .pic:after{display: none;}
.news_tip{font-size: 18px;}
.newsList ul li .Box{width: 80%; padding-left: 55px; margin-top: 20px; float: none;}
.newsList ul li.on .Box{float: none;}
.newsList ul li .Box .time{top: 0; left: 0;}
.newsList ul li .Box .text{line-height: 24px;}
.newsList ul li .Box .text{max-height: 190px; overflow-y: auto;}
.newsList ul li.on .Box{margin-left: 0;}
  
.newsCon {margin-top: 10px;}
.newsCon ul li{padding: 10px 0;}
.newsCon ul li .title{font-size: 14px;}
.newsCon ul li .title .time{font-size: 12px;}
.newsCon ul li .more{font-size: 14px;}
.news .btn{height: 40px; line-height: 40px;}
    
.dowT{font-size: 14px;}
.dowList ul li .btn em{padding-left: 30px;}
.dowList ul li .btn em:after{width: 20px; margin-top: -10px;}
.dowList ul{margin-right: -2%;}
.dowList ul li{width:48%; margin: 4% 2% 0 0; float: left;}
    
.Complaint{padding: 5% 2%;}
.Complaint_form  td .text{width: 80%; padding: 0 10px; height: 35px; line-height: 35px;}
.Complaint_form  td textarea{width: 80%; height: 200px;}
.Complaint_form .tip{font-size: 14px;}
.Complaint_form  td .btn{height: 40px; line-height: 40px; width: 120px;}
.Complaint_form  td i{left: 95%; }
.Complaint_form{margin-top: 20px;}
    
.qualityT_txt  .text{font-size: 14px; line-height: 24px;}

.hotProductT_txt  .text{font-size: 14px; line-height: 24px;}

.info{padding: 2%;}
    
.Links_list ul li{width: 48%;}
    
.about{padding: 2%;}
}

/*弹出提示框*/
#tc_add_jzk { display: none;}
#tc_add_jzk .f_d_zw{ width:390px; height:260px; margin:-140px 0px 0px -195px;}

.f_d_k{ background:#000000; filter:alpha(opacity=35); -moz-opacity:0.35; opacity:0.35; width:100%; height:100%; position:fixed; z-index:99991; top:0px; left:0px;}
#tc_login,#tc_ts_jzk,#tc_ts2_jzk,#tc_ts_yy1,#tc_ts_yy2,#tc_yy{ display:none;}

.fo_jzk{ width:90%; float:left; padding:20px 20px 15px 20px;}
.fo_jzk dl{ width:100%; float:left; margin-bottom:-5px; font-size:14px;}
.fo_jzk dt{ float:left; width:100px;  line-height:28px;}
.fo_jzk dd{ float:right; width:240px; line-height:30px; margin: 0;}
.fo_jzk input{ float:left;}
.f_d_zw{ width:260px;  position:fixed; overflow:hidden; left:50%; top:50%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:solid 1px #dddddd; margin:-70px 0px 0px -130px; z-index:99993; height:140px; background:#fdfdfd; font-size:14px;}
.tx2{ width:229px; padding-left:10px; height:30px; line-height:30px; background:#fdfdfd; border:solid 1px #dddddd;}
.tc_bt{ width:350px; height:42px; border-bottom:solid 1px #dddddd; float:left; margin:0px 20px; font-size:16px; line-height:44px;}
.jzk_an{ width:100%; float:left; height:40px; line-height:40px; border-top:solid 1px #dddddd;}
.jzk_an .an_d,.jzk_an a.cd_a_d{ float:left; width:50%;}
.jzk_an .an_d{ border-right:solid 1px #dddddd;}
.an_d{ width:100%; height:40px; line-height:100%; text-align:center; cursor:pointer; font-size:14px; background:#fdfdfd;}
.an_d:hover{color:#ff9913;}
.cd_a_d{ width:100%; height:40px; line-height:40px; text-align:center; cursor:pointer; font-size:14px; background:#fdfdfd;}
.cd_a_d:hover{color:#ff0000;}

.f_d_zw a.cd_close{ position:absolute; right:20px; top:15px;}
.tc_nr2{width:100%; float:left; border-bottom:solid 1px #dddddd;  padding:15px 10px; text-align:center; font-size:24px; line-height:35px;}
a.cd_close{ background:url(../images/h4_03c.png) no-repeat; width:15px; height:15px; display:inline-block;}
a.cd_close:hover{background:url(../images/h4_03c_.png) no-repeat;}

#tc_ts2_jzk .f_d_zw{ width:260px; height:160px; margin:-80px 0px 0px -130px;}
.f_d_zw a.cd_qd{ width:100%; float:left; height:35px; line-height:35px; text-align:center;}
#xiazai {display:block; border-radius: 5px; padding: 10px 30px; background: #26257d; width: 80px; margin: 0 auto; color: #fff; text-align: center; margin-top: 20px;}

/*控制下载成功提示*/
#inputSuccess_2{ padding:10px 10px 10px 10px !important; width: 96% !important; text-align: center !important; color: #26257d !important; }

.txt_list table{border-collapse:collapse;border-spacing:0; width:100%; border:0;}
.lp_sybg tr th{ background:#f0f0f0; height:30px; line-height:30px; text-align:center; font-weight:normal;}
.lp_sybg tr td{ border-bottom:1px solid #eeeeee; height:44px; line-height:44px; text-align:center;}

/*新增*/
.product-center ul,.product-center-list ul{
	overflow: hidden;
	font-size: 0;
	padding: 20px 0;
}
.product-center ul li,.product-center-list ul li{
	width: 48%;
	display: inline-block;
	margin: 15px 1% 0 1%;
}
.product-center ul li a{
	width: 100%;
	padding: 10px 0;
	height: 80px;
	line-height: 100px;
	display: table;
	font-size: 0;
	text-align: center;
	background: #27257d;
	color: #fff;
	border-radius: 8px;
	text-align: center;
}
.product-center ul li a:hover{
	background: #e47b00;
}
.product-center ul li span{
	width: 90%;
	font-size: 14px;
	line-height: 20px;
	display: table-cell;
	vertical-align: middle;
}
.product-center-list ul li .product-center-box{
	position: relative;
}
.product-center-list ul li img{
	width: 100%;
	display: block;
	margin: auto;
}
.product-center-list ul li span{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: rgba(228,123,0,0.5);
	display: none;
}
.product-center-list ul li:hover span{
	display: block;
}
.product-center-list ul li p{
	font-size: 12px;
	color: #666;
	margin-top: 10px;
	text-align: center;
	padding: 0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-bottom: 15px;
}
.product-center-page{
	font-size: 0;
	text-align: center;
	margin: 30px 0;
}
.product-center-page a{
	width: 40px;
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	color: #666;
	border: 1px solid #d1d1d1;
	margin: 0 5px;
	font-family: SimHei;
	display: none;
}
.product-center-page a.first-page,.product-center-page a.last-page,.product-center-page a.prev-page,.product-center-page a.next-page{
	display: inline-block;
}
.product-center-page a.crt,.product-center-page a:hover{
	background: #ff9600;
	color: #fff;
	border-color: #ff9600;
}
@media only screen and (min-width: 768px) {
	.product-center ul li,.product-center-list ul li{
		width: 23%;
	}
	.product-center ul li span{
		font-size: 16px;
	}
	.product-center-list ul li p{
		font-size: 16px;
	}
	.product-center-page a{
		display: inline-block;
	}
}