/* CSS Document */
*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#e8e8e8;scrollbar-shadow-color:#c1c1bb;scrollbar-highlight-color:#c1c1bb;scrollbar-3dlight-color:#ebebe4;scrollbar-darkshadow-color:#ebebe4;scrollbar-track-color:#f4f4f0;scrollbar-arrow-color:#cacab7; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a{text-decoration:none; color:#000; /*-webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;*/}
a:hover {text-decoration:none; color:#e93133;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{ border:0; display:block; width:100%;}

input,button,select,textarea{outline:none}

.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
*html .clearfix {height:1%;}
.clearfix {display:block; }
*+html .clearfix {min-height:1%;}

body {font-size:12px; color:#000; background:#fde8e8; font-family:Verdana,Arial, Helvetica, sans-serif; padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none;}

.main {position:relative; margin:0 auto; width:96%; max-width:1200px;}

/***头部***/
.header {display:block;}
.m-header {display:none;}

.header {/*position:fixed; top:0; left:0;*/ width:100%; background:url(../images/back_02.jpg) repeat-x; z-index:9;}
.header .main {height:140px;}
.header-left {float:left;width:450px;}
.header-right {float:right; width:62.5%;}
.header-righttop {width:100%; display:block; height:50px; margin-top:20px; margin-bottom:0px; float:right; background:url(../images/back_07.png) 480px no-repeat; line-height:25px; font-size:14px; text-align:right;}
.header-rightend {width:100%; float:right; display:block;}

.nav {float:left; overflow:hidden; width:96%; height:40px; margin:10px 0 0; margin-left:4%;}
#menu {overflow:hidden; margin:0 auto; float:right;}
#menu li {float:left; line-height:40px; text-align:center; padding:0 0 0 24px;}
#menu li a{display:block; color:#000; font-size:16px; white-space:nowrap;}
#menu li a:hover {color:#3A3535;}
.one{font-size:16px; color:#fff; line-height:40px; text-align:right;}
#menu li:hover{color:#fff;}
#menu li:hover span {color:#fff;}
#menu span:hover a {color:#fff;}
.two{font-size:16px; color:#fff; line-height:40px; text-align:center;  text-transform:uppercase;}

#menu li ul{position:absolute; visibility:hidden; z-index:99999;}
#menu li ul li{float:none; display:inline; line-height:40px; text-align:left; color:#fff; height:40px;}
#menu li ul li a{min-width:100px; padding:0 20px; width:auto; color:#fff; font-size:14px; font-weight:normal; background:#e93133; border-bottom:1px solid #d22224;}
#menu li ul li a:hover{color:#fff; background:#d22224;}

.usa {float:right; margin-top:20px; width:31px;}
@media screen and (max-width:768px) {
.header {display:none;}
.m-header {display:block; position:fixed; top:0; left:0; width:100%; background-color:#fff; border-bottom:1px solid #eee; z-index:9;}
.m-header .main {margin:0 auto; width:96%; height:45px; overflow:hidden;}
.m-header-logo {float:left; width:40%;}

.nav-btn {position:relative; float:right; margin:12px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:2px; background:#e93133; transition:all ease 0.35s;}
.nav-btn span:nth-of-type(1){top:0;}
.nav-btn span:nth-of-type(2){top:10px;}
.nav-btn span:nth-of-type(3){top:20px;}
.nav-btn-se span:nth-of-type(1){top:10px; transform:rotate(45deg);}
.nav-btn-se span:nth-of-type(2){width:0}
.nav-btn-se span:nth-of-type(3){top:10px; transform:rotate(-45deg);}

.m-nav {position:fixed; top:-100%; left:0; z-index:9999; width:100%; height:calc(100% - 100px); font-size:16px; line-height:42px; background:#eee; overflow:auto; overflow-x:hidden; transition:top ease 0.35s; opacity:.9;}
.nav-show {top:45px;}
.nav-show ul {border-bottom:1px #ddd solid;}
.m-nav ul li i {position:absolute; top:5px; right:0px; border-left:1px #ddd solid; height:30px; padding:0 17px 0 17px;}
.m-nav ul li i svg {transform:rotate(-90deg); transition:all ease 0.35s;}
.m-nav ul li .m-nav-i-se svg {transform:rotate(0deg);}
.m-nav ul li {position:relative; padding-left:20px; line-height:40px; font-size:15px; border-top:1px #ddd solid;}
.m-nav >ul >li:last-child {border-bottom:1px #ddd solid;}
.m-nav ul li ul {display:none;}
.m-nav ul li a {color:#000;width:80%;}
.m-nav ul li ul li a {display:block; font-size:14px; color:#6a6a6a; line-height:36px; text-align:left;}
.m-nav ul li i svg {width:20px; height:20px; fill:#555;}
.m-nav ul li .m-nav-i-se svg {fill:#008cd6;}
.m-nav ul li ul li>ul {margin-left:10px;}
}



/*banner开始*/
.flexslider{display:block; position:relative; height:auto; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; margin:0px auto;}
.slides{position:relative;z-index:0;}
.slides li{}
.slides li div{}
.slides li img{width:100%; height:auto; display:block;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0px 4px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/bpng01.png) no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background:url(../images/bpng02.png) no-repeat;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:48%;}
.flex-direction-nav li a{display:block;width:15px;height:29px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:10px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px;background:url(../images/next.png) center center no-repeat;}
@media screen and (max-width:768px) {
.flexslider{display:block; position:relative; height:auto; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; margin:45px auto 0;}
.slides{position:relative;z-index:0;}
.slides li{}
.slides li div{}
.slides li img{width:100%; height:auto; display:block;}
.flex-control-nav{position:absolute;bottom:5px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:8px;height:8px;margin:0px 2px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:8px;height:8px;line-height:30px;overflow:hidden;background:url(../images/bpng03.png) no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background:url(../images/bpng04.png) no-repeat;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:35%;}
.flex-direction-nav li a{display:block;width:15px;height:29px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:10px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px;background:url(../images/next.png) center center no-repeat;}
}
/*banner结束*/




/***wrap***/
.wrap {position:relative; padding:30px 0 50px; width:100%; background:url(../images/bg.jpg) top center no-repeat; overflow:hidden;}
@media screen and (max-width:768px) {
.wrap {padding:20px 0 30px; background:none;}
}

/***htitle***/
#htitle {position:relative; width:100%; background:url(../images/back_12.jpg) repeat-x; height:86px; margin-bottom:30px;}
.htitle {margin:0 auto; width:96%; max-width:1200px; text-transform:uppercase; color:#000; height:56px; line-height:56px; overflow:hidden; padding-top:30px;}
.htitle .tx-en {display:inline-block; vertical-align:middle; font-size:24px; margin-right:8px;}
.htitle .tx-cn {display:inline-block; vertical-align:middle; font-size:18px;}
.htitle span{float:right;font-size:14px; color:#000;}
@media screen and (max-width:768px) {
#htitle{margin-bottom:10px;}
.htitle {margin:0 auto; height:79px; line-height:24px; text-align:center; padding-top:20px;}
.htitle .tx-en {display:block; font-size:1.25rem; margin-right:0;}
.htitle .tx-cn {display:block; font-size:1.125rem;}
.htitle .more {position:relative;display:block; margin:5px auto 0; width:28%; font-size:0.75rem; color:#666; border:1px solid #ddd;}
.htitle span{ display:none;}
}

/***mod1***/
.mod1 {overflow:hidden; background:#fde8e8; padding-bottom:30px;}
.major-pro {position:relative; float:left; width:100%; max-width:596px; box-shadow:0 0 8px 2px #d1d1d1; overflow:hidden;}
.show-pro {float:right; width:100%; max-width:578px;}
.show-pro a {position:relative; float:left; width:48.2%; box-shadow:0 0 8px 2px #d1d1d1; overflow:hidden;}
.show-pro a:nth-child(2n+2) {margin-left:3.6%;}
.show-pro a:nth-child(n+3) {margin-top:29px;}

.major-pro a:hover img, .show-pro a:hover img {/*transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;*/}

.pro-name {position:absolute; bottom:0; left:0; width:100%; color:#000; text-align:center;}
.major-pro .pro-name {height:60px; line-height:60px; font-size:18px; background-color:rgba(243, 164, 179, 0.8);}
.show-pro .pro-name {height:50px; line-height:50px; font-size:16px; background-color:rgba(243, 164, 179, 0.7);}
@media screen and (max-width:768px) {
.mod1{padding-bottom:0;}
.major-pro {float:none; box-shadow: none; overflow:hidden;}
.show-pro {float:none; margin-top:15px;}
.show-pro a {box-shadow:none;}
.show-pro a:nth-child(n+3) {margin-top:15px;}
.major-pro a:hover img, .show-pro a:hover img {transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1);}
.major-pro .pro-name {height:40px; line-height:40px; font-size:16px;}
.show-pro .pro-name {height:34px; line-height:34px; font-size:14px;}
}


/***mod2***/
.mod2 {overflow:hidden; background:#fde8e8; padding-bottom:30px;}
.aboutleft{float:left; width:47%; max-width:561px; display:block;}
.aboutright{ float:right; width:50%; font-size:14px; line-height:26px; margin-left:3%; text-align:justify;}

@media screen and (max-width:768px) {
.mod2 {margin-top:25px;}
.aboutleft{float:left; width:100%; width:100%; display:block;}
.aboutright{ float:left; width:96%; font-size:0.875rem; line-height:26px; margin-left:0; padding:0 2%;}
}



/***mod3***/
.mod3 {overflow:hidden;background:#fde8e8; padding-bottom:30px;}

.workshopindex{overflow:hidden;}
.workshopindexul{overflow:hidden; padding:0; margin:0;}
.workshopindexul li{float:left; width:22%; text-align:center;}
.workshopindexul li:hover{box-shadow:#ddd 0px 0px 20px;}
.workshopindexul li img{width:100%; height:auto;}
.workshopindexul li:not(:nth-of-type(4n)){ margin-right:4%;}
.workshopindexul li p{font-size:16px; padding-top:15px; padding-bottom:15px; width:100%; margin:0px auto; line-height:22px; height:44px; text-align:center; font-weight:normal; color:#000; background:#f3a4b3;}
@media screen and (max-width:768px) {
.mod3 {padding-bottom:0px;}
.workshopindex{width:90%; padding:20px 20px 0px 20px;}
.workshopindexul li{width:99%; padding:0; margin-bottom:30px;}
.workshopindexul li img{width:100%;}
.workshopindexul li:not(:nth-of-type(4n)){ margin-right:0;}
.workshopindexul li h2{font-size:1.25rem;}
.workshopindexul li p{font-size:0.875rem;line-height:22px; height:auto;}

}




/***mod4***/
.mod4 {overflow:hidden;background:#fde8e8; padding-bottom:30px;}
.news-item {float:left; width:47.5%; overflow:hidden; margin-bottom:2.5%;}
.news-item:not(:nth-of-type(2n)){ margin-right:5%;}

.news-item .news-img {float:left; width:35%; max-width:210px;}
.news-item .news-info{float:right; width:62%;}
.news-item .news-title {font-size:14px; width:100%; line-height:24px; font-weight:600;}
.news-item .news-bar {margin-top:3px; line-height:22px; font-size:12px; color:#848484;}
.news-item .news-bar span {margin-right:18px;}
.news-item .news-synopsis {margin-top:3px; font-size:12px; height:80px; line-height:20px; overflow:hidden;}

@media screen and (max-width:768px) {
.mod4 {margin-top:0px;}
.mod4 .htitle {padding-bottom:0; border-bottom:0;}
.mod2 .htitle .more {bottom:0;}
.news-item {float:left; width:100%; overflow:hidden; margin-bottom:20px;}
.news-item:nth-child(2n+2) {margin-left:0;}
.news-item .news-bar {display:none;}
.news-item:nth-child(2),.news-item:nth-child(n+3) {margin-top:10px;}
.news-item .news-title {font-size:14px; line-height:20px;}
.news-item .news-synopsis {color:#555;}
}





/***footer***/
.footer {position:relative; padding:40px 0px 30px 0; width:100%; color:#333; line-height:28px; text-align:center; background:url(../images/back_37.jpg) repeat-x;}
.footer .online {margin-bottom:20px; padding-bottom:10px; border-bottom:2px solid #383838;}
.footer .online li {position:relative; display:inline-block; margin:0 10px; width:52px;}
.footer .online-show {position:absolute; top:-146px; left:50%; margin-left:-70px; width:140px; height:140px; opacity:0;}
.footer .online li:hover .online-show { opacity:1; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.copyright{}

@media screen and (max-width:768px) {
.footer {padding:25px 0 65px 0; line-height:22px;}
.footer .online {margin-bottom:16px; padding-bottom:12px;}
.footer .online li {margin:0 8px; width:46px;}
}



/*--------手机版底部按钮--------------*/
.zsend{display:none;}
@media screen and (max-width:768px) {
#idend{ display:none;}
.subnav{display:none;}
.end{ padding:13px 5% 65px; width:90%;}
.zsend{display:block;margin:0 auto; position:fixed; bottom:0; width:100%; height:40px; padding:5px 0;z-index:1000; text-transform:uppercase;background:#4aa729;}
.zsend li{float:left; text-align:center; color:#fff; width:24%; font-size:0.75rem; height:40px;}
.zsend li img{width:20px; margin:0 auto;}
}




/*--------内页banner----------*/
.lybanner{width:100%; overflow: hidden; margin:0px auto;}
.lybanner img{width:100%; height:auto; display:block;}
@media screen and (max-width:768px) {
.lybanner{margin-top:45px;}
}



/*--------内页路径--------*/
#weizhi{background: url(../images/back_12.jpg) repeat-x;; width:100%; margin:0px auto;border-bottom:1px #ddd solid;}
.weizhi{overflow:hidden;width:96%; max-width:1200px; margin:0 auto; font-size:14px; line-height:30px; padding:5px 0 5px;}
.weizhi span{float:right; font-size:12px;}
@media screen and (max-width:768px) {
.weizhi{padding:5px 0px; font-size:0.75rem; width:94%;}
.weizhi span{font-size:0.75rem;}
}



/*--------内页子栏目--------*/
.pcategory{width:96%; max-width:1200px; margin:20px auto;}
.pcategory ul{overflow:hidden; text-align:center; padding:0px; margin:0px;}
.pcategory li{text-align:center; font-size:14px; overflow:hidden; background:#fff;display:inline-block; border-radius:5px;}
.pcategory li a{display:block; padding:12px 30px;}
.pcategory li a:hover{background:#e93133; color:#fff;}
@media screen and (max-width:768px){
.pcategory{width:94%; margin:15px auto;}
.pcategory li{font-size:0.875rem; margin-bottom:1px; width:100%;}
.pcategory li a{padding:10px 20px; line-height:16px;}
}


#onsec{background:#e93133; color:#FFF;}
#onsec a{color:#fff;}


.mainbg{width:96%; max-width:1200px; margin:25px auto; background:#fff;}
@media screen and (max-width:768px){
.mainbg{width:94%; margin:3% auto;}
}



/*关于我们*/
.tylm{ overflow:hidden; line-height:30px!important; padding:50px 80px;}
.tylm h1 { font-size:24px; line-height:30px; margin-bottom:15px;}
.tylm img{max-width:100%; height:auto;width:32%; display: -webkit-inline-box;}
.tylm table{width:100%!important;display: block;display: -webkit-box;width: auto;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
.tylm p,.tylm span{line-height:30px!important; font-size:14px!important;}
.tylm td{padding:4px!important; font-size:12px!important; border:1px #CCCCCC solid!important;}
@media screen and (max-width: 768px) {
.tylm{font-size:0.875rem; padding:5%;}
.tylm img{width:100%; height:auto; display:block;}
}


/*联系我们*/
.contact{ overflow:hidden; line-height:30px!important; padding:50px 80px;}
.contactleft{float:left; width:40%;}
.contactright{float:right; width:60%;}
.contact h1 { font-size:24px; line-height:30px; margin-bottom:15px;}
.contact img{max-width:100%; width:auto; height:auto; display: -webkit-inline-box;}
.contact table{width:100%!important;display: block;display: -webkit-box;width: auto;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
.contact p,.contact span{line-height:30px!important;}
.contact td{padding:4px!important; font-size:12px!important; border:1px #CCCCCC solid!important;}
@media screen and (max-width: 768px) {
.contact{font-size:0.875rem; padding:5%;}
.contact img{max-width:100%; height:auto; display:block;}
.contactleft{float:left; width:100%;}
.contactright{float:left; width:100%;}

}


/*新闻列表页*/
.news{overflow:hidden;padding:50px;}
.newsul{overflow:hidden;}
.newsul li{overflow:hidden; border-bottom:1px #ddd dotted; padding:0px 0px 2% 0; float:left; width:48%; margin-bottom:2%;}
.newsul li:not(:nth-of-type(2n)){ margin-right:4%;}
.newsul li img{ width:35%; margin-right:2%; float:left; border:0px; border:1px #CCCCCC solid;}
.newsul li h2{font-size:14px; font-weight:bold; color:#e93133; line-height:22px;}
.newsul li a h2{color:#e93133;}
.newsul li a:hover h2{color:#028de8;}
.newsul li div{color:#5a5a5a;line-height:20px; font-size:12px; padding-top:4px;}
.newsul li p{color:#919191; padding-top:4px; line-height:20px; font-size:12px;}
.newsul li p span{ margin-right:25px;}
@media screen and (max-width:768px) {
.news{width:90%; padding:20px;}
.newsul li{padding:0 0 20px; margin-bottom:20px; width:100%;}
.newsul li:not(:nth-of-type(2n)){ margin-right:0%;}
.newsul li img{width:40%; margin-right:4%;}
.newsul li h2{font-size:0.875rem;}
.newsul li div{font-size:0.75rem; line-height:22px;}
}


/*新闻详情页*/
.newsshow{padding:50px 80px; overflow:hidden;}
.news_xxjs{line-height:30px!important; font-size:14px!important; font-weight:normal!important; margin:20px auto 20px; overflow:hidden;}
.news_xxjs p,.news_xxjs span{line-height:30px!important; font-size:14px;}
.news_xxjs td{padding:4px; font-size:12px!important; border:1px #CCCCCC solid;}
.news_xxjs table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}
.news_xxjs img{ max-width:100%; height:auto; overflow:hidden; margin:0 auto; display:block; padding:10px 0;}

.news_title{font-size:28px; color:#111c36; text-align:center; border:1px #eaeaea solid; padding:10px 20px 10px; font-weight:bold; background:#f5f5f5;}
.news_title h1{font-size:28px; font-weight:bold;}
.pubdate{border-top:#ccc 0px dotted; line-height:20px; margin:10px 0; OVERFLOW: hidden; text-align:center;color:#999999;}
.pubdate span{margin:0px 10px;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
.pubdate1{height:20px; line-height:20px; margin:10px 0 20px 0; OVERFLOW: hidden; text-align:center; color:#999999;}
@media screen and (max-width:768px) {
.newsshow{padding:20px;}
}

/*相关资讯*/
.Information{verflow:hidden;margin-top:20px;}
.Information h4{padding-left:10px; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#000; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{border-bottom:1px dotted #DCDCDC; line-height:22px;font-size:13px; padding:10px 0;}
.Information li span{float:right; font-size:12px; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-width:768px) {
.newsshow{padding-bottom:20px;}
.news_title{font-size:1.4rem; font-weight:bold;}
.news_title h1{font-size:1.4rem;}
.news_xxjs{font-size:0.875rem!important;}
.news_xxjs p,.news_xxjs span{font-size:0.875rem!important;}
.news_xxjs td{font-size:0.875rem!important;}
.news_xxjs img{width:100%; height:auto;}
.Information ul li{font-size:0.875rem; padding:10px 0 10px 8px;}
}



/*分页*/
.page{text-align:center; background:#f5f5f5; padding:8px 0; border:1px solid #D9D9D9; margin-top:20px;}
.page a{display:inline-block; border:1px #ddd solid; font-size:14px; padding:2px 6px; border-radius:3px; margin:0 2px; font-family:"宋体";}
.page a:hover{background:#111c36; color:#fff;}
.pagea{background:#111c36; color:#fff;}
@media screen and (max-width:768px) {
.page{padding:12px 0;}
.page a{font-size:0.875rem; padding:3px 8px; margin:0 2px;}
}



/*下载中心*/
.download{overflow:hidden;padding:50px 80px;}
.downloadul{overflow:hidden;}
.downloadul li{overflow:hidden; font-size:14px; padding:15px 0 15px 40px; line-height:28px; border-bottom:1px #ddd dotted; background:url(../images/comment01.png) no-repeat left center; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.downloadul li:hover{background:#fafafa url(../images/comment01.png) no-repeat left center;}
.downloadul li span{float:right; font-size:13px; color:#acacac; margin-left:50px;}
@media screen and (max-width:768px) {
.download{overflow:hidden;padding:20px;}
.downloadul li{font-size:0.875rem; padding:15px 0 15px 35px; line-height:28px;}
.downloadul li span{font-size:0.75rem; display:none;}
}


/*产品中心*/
.product{overflow:hidden; padding:50px;}
.productul{overflow:hidden;}
.productul li{float:left; border:1px #ddd solid; width:30%; padding:0%; text-align:center; margin-bottom:4%;}
.productul li:hover{box-shadow:#ddd 0px 0px 20px;}
.productul li img{width:100%; height:auto;}
.productul li:not(:nth-of-type(3n)){ margin-right:4%;}
.productul li h2{font-weight:bold; font-size:20px; padding:0px 12%;line-height:35px;}
.productul li span{font-size:14px; line-height:25px; font-weight:normal; display:block; margin-bottom:5px;}
.productul li p{font-size:14px; padding-top:10px; padding-bottom:10px; width:85%; margin:0px auto; line-height:22px; text-align:center; font-weight:normal; color:#555555;}
@media screen and (max-width:768px) {
.product{width:90%; padding:20px;}
.productul li{width:99%; padding:0; margin-bottom:20px;}
.productul li img{width:100%;}
.productul li:not(:nth-of-type(3n)){ margin-right:0;}
.productul li h2{font-size:1.25rem;}
}





/*产品中心详情页*/
.cpshow{overflow:hidden; padding:50px 80px;}
.cpshowtop{overflow:hidden; background:#f5f5f5; padding:3%;}
.cpshowtop_l{ float:left; width:50%; border:0px #ddd solid;}
.cpshowtop_r{float:right; width:45%; overflow:hidden;}
.cpshowtop_r h2{font-size:30px;}
.cpshowtop_r p{color:#838383; padding-top:10px; line-height:24px;}
.cpshowtop_r p span{padding-right:10px;}
.cpshowtop_r_div{font-size:13px; line-height:26px; padding-top:10px;}


.lanrenzhijia{width:500px;position:relative; overflow:hidden; margin:0 auto;}
.lanrenzhijia .btn{position:absolute;width:18px;height:34px;top:542px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.lanrenzhijia .prev{left:0;background:url(../images/back_16.png) no-repeat;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:213px;width: 46px;height: 48px;}
.lanrenzhijia #prevTop{background: url(images/prevBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(images/nextBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia .next{right:0;background:url(../images/back_19.png) no-repeat;}
.lanrenzhijia li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf a{display: block; width:500px;height:375px; position: absolute;color: #fff;}
.lanrenzhijia .picBox{height:375px;position:relative;overflow:hidden;}
.lanrenzhijia .picBox ul{height:375px;position:absolute;}
.lanrenzhijia .picBox li{width:500px;height:375px;}
.lanrenzhijia .picBox li img{width:100%; height:auto; display:block;}
.lanrenzhijia .listBox{width:500px;height:62px;margin:0 auto;position:relative;padding:15px 0 0; overflow:hidden;}
.lanrenzhijia .listBox ul{height:62px;position:absolute;}
.lanrenzhijia .listBox li{width:86px;height:62px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:80px;height:62px;}
.lanrenzhijia .listBox li img{width:76px;height:57px;border:2px solid #fff;}
.lanrenzhijia .listBox .on img{width:76px;height:57px;border:2px solid #d22224;}
.lanrenzhijia .listBox .on i{display:block;}
@media screen and (max-width:768px) {
.lanrenzhijia{width:100%;position:relative; overflow:hidden; margin:0 auto;}
.lanrenzhijia .btn{position:absolute;width:18px;height:34px;top:390px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.lanrenzhijia .prev{left:0;background:url(../images/back_16.png) no-repeat;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:213px;width: 46px;height: 48px;}
.lanrenzhijia #prevTop{background: url(images/prevBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(images/nextBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia .next{right:0;background:url(../images/back_19.png) no-repeat;}
.lanrenzhijia li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf a{display: block; width:360px;height:208px; position: absolute;color: #fff;}
.lanrenzhijia .picBox{height:208px;position:relative;overflow:hidden;}
.lanrenzhijia .picBox ul{height:208px;position:absolute;}
.lanrenzhijia .picBox li{width:360px;height:208px;}
.lanrenzhijia .picBox li img{width:100%; height:auto; display:block;}
.lanrenzhijia .listBox{width:300px;height:35px;margin:0 auto;position:relative;padding:15px 0 10px;overflow:hidden;}
.lanrenzhijia .listBox ul{height:35px;position:absolute;}
.lanrenzhijia .listBox li{width:60px;height:35px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:60px;height:60px}
.lanrenzhijia .listBox li img{width:56px;height:auto;}
.lanrenzhijia .listBox .on img{width: 56px;height:auto; border:2px solid #AEAEAE;}
.lanrenzhijia .listBox .on i{display:block;}
}
@media screen and (max-width: 375px) {
.lanrenzhijia{width:100%;position:relative; overflow:hidden; margin:0 auto;}
.lanrenzhijia .btn{position:absolute;width:18px;height:34px;top:340px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.lanrenzhijia .prev{left:0;background:url(../images/back_16.png) no-repeat;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:213px;width: 46px;height: 48px;}
.lanrenzhijia #prevTop{background: url(images/prevBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(images/nextBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia .next{right:0;background:url(../images/back_19.png) no-repeat;}
.lanrenzhijia li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf a{display: block; width:320px;height:185px; position: absolute;color: #fff;}
.lanrenzhijia .picBox{height:185px;position:relative;overflow:hidden;}
.lanrenzhijia .picBox ul{height:185px;position:absolute;}
.lanrenzhijia .picBox li{width:320px;height:185px;}
.lanrenzhijia .picBox li img{width:100%; height:auto; display:block;}
.lanrenzhijia .listBox{width:245px;height:30px;margin:0 auto;position:relative;padding:15px 0 10px;overflow:hidden;}
.lanrenzhijia .listBox ul{height:30px;position:absolute;}
.lanrenzhijia .listBox li{width:50px;height:30px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display:block; width:42px; height:30px}
.lanrenzhijia .listBox li img{width:42px;height:auto;}
.lanrenzhijia .listBox .on img{width:42px;height:auto;border:2px solid #AEAEAE;}
.lanrenzhijia .listBox .on i{display:block;}
}

#tab1 ,#tab2{width:100%; height:55px; margin:50px auto 0; background:#f5f5f5;}
#tab1 ul ,#tab2 ul{margin:0;padding:0;}
#tab1 li,#tab2 li{float:left;padding:0 40px; height:55px;line-height:55px;text-align:center; background:#e6e6e6; color:#626262; font-size:18px; cursor:pointer; border-right:1px #fff solid;}
#tab1 li.now,#tab2 li.now{color:#fff;background:#e93133;}
.tablist{overflow:hidden; display:none; padding-top:10px; line-height:26px!important; font-size:14px!important; font-weight:normal!important;}
.tablist table{width:100%!important;}
.tablist p,.tablist span{line-height:26px!important; font-size:14px!important;}
.tablist td{padding:2px 4px!important; font-size:12px!important; border:1px #CCCCCC solid!important;}

.block{display:block;}
.tablist img{ max-width:100%; height:auto; overflow:hidden;}
@media screen and (max-width:768px) {
.cpshow{padding:0;}
.cpshowtop{padding:5%; background:#f5f5f5;}
.cpshowtop_l{float:none; width:99%; border:0px #ddd solid; margin-bottom:20px;}
.cpshowtop_r{float:none; width:100%;}
.cpshowtop_r h2{font-size:1.3rem;}
.cpshowtop_r p{font-size:0.75rem;}
.cpshowtop_r_div{font-size:0.75rem; line-height:24px;}

#tab1 ,#tab2{height:auto; margin:30px auto 0; overflow:hidden;}
#tab1 li,#tab2 li{padding:0px; height:45px;line-height:45px; font-size:1rem; width:33%;}
.tablist{font-size:0.875rem; padding:20px;}
.tablist p,.tablist span{font-size:0.875rem!important;}
.tablist td{font-size:0.75rem!important;}
.tablist table{ width:100%; display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}
}



.bottom1{ width:200px; height:35px; line-height:35px; text-align:center; color:#fff; background:#e93133; font-size:16px; border-radius:25px; margin:0px auto; cursor:pointer;}
.bottom1 a{display:block; color:#fff;}
.bottom1 a:hover{background:#d22224; cursor:pointer;border-radius:25px;}
@media screen and (max-width:768px) {
.bottom1{ width:80%; font-size:1rem;}
}



/*分销商的*/
.dealerend{overflow:hidden; margin-top:15px; padding-top:15px; border-top:1px #ddd solid; width:90%; margin:0 auto;}
.dealerend h2{ line-height:40px; margin-bottom:15px; font-weight:bold;}
.dealerend ul{overflow:hidden;}
.dealerend li{float:left; width:48%; overflow:hidden; margin-bottom:30px;}
.dealerend li:not(:nth-of-type(2n)){ margin-right:4%;}
.dealerend li img{float:left; width:30%; height:auto; margin-right:10px; border:1px #CCCCCC solid;}
.dealerend li div{overflow:hidden; font-size:13px; line-height:20px;}
@media screen and (max-width:768px) {
.dealerend{margin-top:10px; padding-top:10px;}
.dealerleft { width:100%;}
.dealerroght{font-size:0.75rem; width:92%;}
.dealerend li{float:none; width:100%;}
.dealerend li:not(:nth-of-type(2n)){ margin-right:0;}
.dealerend li div{font-size:0.75rem;}
.dealer_submit { width:100%; margin-top:10px;}
}



/*视频的*/
.video{overflow:hidden; padding:50px 80px;}
.videoul{overflow:hidden;}
.videoul li{float:left; overflow:hidden; width:21.5%; border:1px #ddd solid; padding:0.5%; text-align:center; margin-bottom:2.5%; background:#FFF;}
.videoul li:not(:nth-of-type(4n)){ margin-right:2.5%;}
.videoul li img{width:100%; height:auto; display:block;}
.videoul li p{font-size:13px; padding-top:10px; height:40px;}
.videoul li:hover{border:1px #e93133 solid; cursor:pointer;}
.videoul li h2{overflow:hidden; margin-top:5px; line-height:20px; font-size:14px;}
@media screen and (max-width:768px) {
.video{padding:5%;}
.videoul li{width:100%; margin-bottom:5%; border:0;}
.videoul li:not(:nth-of-type(4n)){ margin-right:0;}
.videoul li p{font-size:0.75rem}
.videoul li h2{margin-top:0px; line-height:26px; font-size:1rem;}
.videoul li:hover{border:0;}
}


/*应用案例*/
.solution{overflow:hidden;padding:50px;}
.solutionul{overflow:hidden;}
.solutionul li{float:left; overflow:hidden; width:31.3%; padding:0%; text-align:center; margin-bottom:3%;}
.solutionul li:not(:nth-of-type(3n)){ margin-right:3%;}
.solutionul li img{margin:0px auto;}
.solutionul li h2{ font-size:16px; padding-bottom:5px; padding-top:10px; font-weight:bold; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.solutionul li h2 a{color:#e93133;}
.solutionul li h2 a:hover{color:#028de8;}
.solutionul li div{line-height:20px; font-size:12px; color:#666; padding:0 5%;}
.solutionul li p{margin-top:20px;}
@media screen and (max-width:768px) {
.solution{padding:20px;}
.solutionul li{width:100%; margin-bottom:35px; min-height:inherit; max-height:inherit; line-height:18px; padding:0%；}
.solutionul li:not(:nth-of-type(3n)){ margin-right:0;}
.solutionul li h2{font-size:0.875rem;}
.solutionul li div{font-size:0.75rem; min-height:0px;}
.solutionul li p{margin-top:10px;}
}



/*企业资质*/
.honor{overflow:hidden; padding:50px;}
.honor h2{ font-size:16px; line-height:28px; margin-bottom:20px;}
.honorul{overflow:hidden;}
.honorul li{float:left; overflow:hidden; width:31%; border:1px #ddd solid; text-align:center; margin-bottom:3%; background:#FFF;}
.honorul li:not(:nth-of-type(3n)){ margin-right:3%;}
.honorul li img{width:100%; height:auto; display:block;}
.honorul li p{font-size:14px; padding:10px;}
.honorul li:hover{border:1px #e93133 solid; cursor:pointer;}
.honorul li:hover p{color:#e93133;}
.honorlr{overflow:hidden; margin-top:40px; line-height:28px; font-size:13px;}
@media screen and (max-width:768px) {
.honor{padding:5%;}
.honor h2{ font-size:1rem; line-height:28px; margin-bottom:10px;}
.honorul li{width:100%; padding:0; margin-bottom:5%;}
.honorul li:not(:nth-of-type(5n)){ margin-right:0;}
.honorlr{margin-top:30px; line-height:26px; font-size:0.875rem;}
}