﻿@charset "utf-8";
/* CSS Document */
/*Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
.clearfix:after{visibility:hidden;display: block;font-size:0;content:" ";clear:both;height:0;}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.clear{ clear:both; font-size:0; height:0; overflow:hidden;}
.lclear{clear:left;font-size:0;height:0;overflow:hidden;}   
.fl{float:left;}
.fr{float:right;}
.thumb{overflow: hidden;}
.thumb img.img{width: 100%;display: block;}
/* ֹ
iframe{nifm2:expression(this.src='about:blank',this.outerHTML='');}
script{no2js:expression((this.src.toLowerCase().indexOf('http')==0)?document.close():'');}
*/
/* ıԼ˶
div{word-wrap: break-word;word-break: normal;}  
p{text-align:justify; text-justify:inter-ideograph;}
*/
/*general*/
body,html{font-size:12px;font-family:"Microsoft YaHei","Arial Narrow",Helvetica,sans-serif;color:#000000;line-height:1.2;text-align:left;overflow-x:hidden; }
a{color:#000000;text-decoration:none;}
@font-face {font-family: 'iconfont';src: url('iconfont.eot');src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff') format('woff'),url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg');}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.w_1200{width: 1200px;margin: 0 auto;}
.fc-0a7adb{color: #0a7adb;}
.fc-ff0000{color: #ff0000;}
.ipad{display: none;}
.wap{display: none;}
.text-center{text-align: center;}

#pages { clear:both; padding:10px 0px;text-align:center;}
#pages a,
#pages span { display:inline-block;line-height:22px; text-align:center; margin-right:2px;  color:#333333; padding:3px 5px; border:1px solid #ccc; min-width:20px;}

#pages a:hover { background:#0567B5; color:#fff; text-decoration:none; }
#pages span {border:1px solid #ccc; background:#ECECEC; color:#333333; font-weight:bold;}
.page .noPage { display:inline-block;  padding:0px 12px; height:22px; line-height:22px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
#pages a.a1 ,#pages a.a1:hover { background: none; color: inherit; }

.header .logo{float: left;}
.header .logo img{width: 100%;}
.header-right{float: right;}
.search-text{float: left;width: 114px;height: 22px;border:1px solid #eaeaea;margin-right: 5px;}
.search-id{float: left;width: 114px;height: 22px;border:1px solid #eaeaea;line-height: 16px;margin-right: 5px;}
.search-submit{float: left;width: 38px;height: 22px;border:0;background: #dddddd url(../images/ico-1.png) no-repeat 50%;margin-right: 18px;}
.header .tel{float: left;height: 22px;font-size: 14px;background:url(../images/ico-2.png) no-repeat 0 50%;padding-left: 25px;margin-right: 5px;}
.header .lang{float: left;font-size: 14px;/*text-transform:uppercase;*/color: #979797;}
.header .line{float: right;line-height: 22px;margin-top: 15px;}
.header .line form{display: inline-block;float: left;}
.header .lang .fenge{padding: 0 5px;}
.header .lang .on{color: #009b4c;}

.navigation{text-align: right;}
.navigation li{display: inline-block; padding: 0 0 0 4%;position: relative;}
.navigation li.active .h1 a,
.navigation li .h1 a:hover{color: #009b4c;border-bottom: 4px solid #009b4c;}
.navigation li .h1{font-size: 18px;line-height: 91px;}
.navigation li .h1 a{border-bottom: 4px solid #ffffff;padding-bottom: 5px;}
.navigation li dl{display: none; position: absolute;top: 91px;left: 0;width: 100%;text-align:center;z-index: 99;}
.navigation li dd{line-height: 40px;border-bottom: 1px solid #ffffff;}
.navigation li dd a{display: block;background-color: #41a3f7; color: #ffffff; font-size: 14px;}
.navigation li dd a:hover{background-color: #0a7adb;}
.navigation li.hover dl{display: block;}
.am-ipadnav{display: none; float: right;padding-left: 10px;}
.am-ipadnav i{font-size: 26px;cursor: pointer;}

.dx-banner{position:relative;height: 0px;overflow: hidden;padding-bottom:44%;}
.dxBanWrap{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.dx-banner .swiper-container{width:100%;overflow:hidden;position:relative;height: 100%;z-index: 1;}
.dx-banner .swiper-container img{display: block;height: 100%;margin: 0 auto;}
.dx-banner .swiper-container .swiper-pagination{position:absolute;z-index:20;bottom:10px;width:100%;text-align:center}
.dx-banner .swiper-container .swiper-pagination-switch{display:inline-block;width:20px;height:20px;border-radius:20px;background:url(../images/page-02.png) no-repeat;margin:0 7px;cursor:pointer}
.dx-banner .swiper-container .swiper-active-switch{background:url(../images/page-01.png) no-repeat;}
.dx-banner .swiper-button-next,
.dx-banner .swiper-button-prev{display: inline-block;z-index: 999; cursor: pointer; position: absolute;top:50%;margin-top: -34px;width:34px;height:68px;}
.dx-banner .swiper-button-prev{background:url(../images/btn-01.png) no-repeat;left:0px; }
.dx-banner .swiper-button-next{background:url(../images/btn-02.png) no-repeat;right:0px;}

.dx-top{text-align: center;}
.dx-top .line{display: inline-block;width: 40px;height: 5px;background-color: #009b4c;overflow: hidden;margin: 60px 0 20px 0;}
.sd-top.dx-top .line{margin-top: 0;}
.dx-top .name{font-size: 32px;color: #009b4c;}
.dx-top .bg{height: 11px;background: url(../images/line-01.png) no-repeat 50% 0;overflow: hidden;margin-top: 20px;}

.sd-banner img{max-width: 100%;}
.sd-nav{font-size: 16px;font-weight: bold;line-height: 40px;padding: 20px 0;text-align: center;}
.sd-nav a{display: inline-block;padding: 0 35px; border:1px solid #f2f2f2;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;margin: 5px 9px;}
.sd-nav a.on,
.sd-nav a:hover{background-color: #009b4c;color: #ffffff;border:1px solid #009b4c;}

.sd-data{overflow: hidden;}
.sd-data img{max-width: 100%;height: auto;}

.dx-foot{background-color: #444444;padding: 40px 0 20px 0;color: #ffffff;margin-top: 40px;}
.dx-foot a{color: #ffffff;}
.foot-nav{position: relative;}
.foot-nav dt{position: relative;display: inline-block; font-size: 18px;border-bottom: 1px solid #999999;padding: 14px 0;margin-bottom: 5px;}
.foot-nav dt .line{position: absolute;bottom: 0;left: 0; width:39px;height: 3px;background-color: #e7fffd;overflow:hidden;}
.foot-nav .nav-left dd{display: inline-block;line-height: 35px;font-size: 14px;width: 147px; border-right: 1px solid #c8c8c8;text-align: center;}
.foot-nav .nav-left{width: 396px; float: left;margin-top: 20px; }
.foot-nav .nav-left .li-1,
.foot-nav .nav-left .li-4{width: 102px;text-align: left; }
.dx-foot .erweima{float: right;text-align: center;}
.dx-foot .erweima .txt{margin-top: 19px;text-align: center;}
.copyright{line-height: 2;padding: 10px 0;background-color: #303030;}
.copyright,.copyright a{color: #ffffff;}
.foot-nav .tuijian{float: left;margin:20px 0 0 45px;width: 135px;line-height: 35px;font-size: 14px;}

.art-list li{position: relative;border-bottom: 1px solid #d3d3d3;padding:15px 0 15px 0px;}
.art-list li a{display: block;}
.art-list li .thumb{float:left;width:25%;margin-right: 20px;}
.art-list li .title{font-size: 20px;margin-bottom: 5px;}
.art-list li .description{font-size: 14px;line-height: 25px;overflow: hidden;}
.art-list li .thumb img{-webkit-transition:all ease-out .4s;transition:all ease-out .4s;}
.art-list li a:hover .thumb img{-webkit-transform:scale(1.1);transform:scale(1.1);-ms-transform:scale(1.1)}
/*CSS3效果*/
.art-list li a:hover .title{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);-o-transform:translateX(8px);transform:translateX(8px);color:#009b4c;}

.art-show-tit{font-size: 30px;text-align: center;padding: 35px 0 25px 0;}
.art-show-date{color: #888888;text-align: center;border-bottom: 1px solid #cccccc;padding-bottom: 23px;}
.art-show .sd-data{font-size: 14px;line-height: 2;}

.pro-list .li{margin:40px 0 0 0;text-align: center;}
.pro-list .wrap{border:1px solid #f2f2f2;}
.dx-pro-cate{text-align: center;margin: 40px 0 0 0;}
.dx-pro-cate a{display: inline-block; font-size: 16px;line-height:40px;padding: 0 30px;border:1px solid #f2f2f2;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;margin: 5px 9px ;}
.dx-pro-cate a:hover,.dx-pro-cate a.on{background-color: #009b4c;color: #ffffff;}

.dx-product{text-align: center;margin: 40px 0 0 0;}
.dx-product .li{border:1px solid #f2f2f2;margin-bottom: 10px;}
.dx-product .tit,.pro-list .title{font-size: 20px;line-height: 48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.dx-product .line,.pro-list .line{display: block;width: 39px;height: 1px;overflow: hidden;background: #c9c9c9;margin: 0 auto;}
.dx-product .txt-box,.pro-list .txt-box{padding: 0 10px;}
.dx-product .description,.pro-list .description{ line-height: 24px;height: 48px;overflow:hidden;font-size: 14px;margin: 25px 0;}
.dx-product .li .more,.pro-list .more{display: inline-block;line-height: 36px;padding: 0 20px;margin: 0 auto 25px auto;font-size: 14px;border-left: 1px solid #000000;border-bottom: 1px solid #000000;background: url(../images/li-01.png) right bottom no-repeat;}
.dx-product .cate-more{display: inline-block;font-size: 15px;padding: 0 20px;line-height: 35px;border:1px solid #000000;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;margin: 50px auto;-webkit-transition:all ease-out .4s;-ms-transition:all ease-out .4s;
   transition:all ease-out .4s;}
.dx-product .cate-more:hover{background-color: #009b4c;color: #ffffff;border:1px solid #009b4c;padding: 0 3%;}
.dx-product  .tab-main{display: none;}
.dx-product .li .thumb,.pro-list .li .thumb{height: 0;padding-bottom: 82%;position: relative;}
.dx-product .li .thumb-link,.pro-list .li .thumb-link{position: absolute;top: 0;left: 0;height: 100%;width: 100%;}

.dx-about{background: #f7f7f7;overflow: hidden;}
.dx-about .thumb{float: left;width: 50%;}
.dx-about .wrap{padding: 40px 0;}
.dx-about .top{font-size:18px;font-weight: bold;}
.dx-about .txt{float: left;width: 50%;height: 100%;background: url(../images/bg-01.png);padding:0px 5%;background-size: 100%; }
.dx-about .description{font-size: 14px;line-height: 30px;margin: 35px 0;}
.dx-about .more{display: inline-block;line-height: 36px;padding: 0 20px;margin: 0 auto 25px auto;font-size: 14px;border-left: 1px solid #000000;border-bottom: 1px solid #000000;background: url(../images/li-01.png) right bottom no-repeat;}
.dx-about .dx-about-video{float: left;width: 50%;position: relative;}
.dx-about .dx-about-video .video-pic img{width: 100%;height: auto;}

.dx-news{margin-top: 35px;}
.dx-news .left{float: left;width: 50%;}
.dx-news .right{float: left;width: 50%;padding-left: 35px;}
.dx-news .month-date{font-size: 30px;}
.dx-news .year{font-size:18px;}
.dx-news .right .thumb{position: absolute;top: 25px;right:0;width: 116px;height: 90px;}
.dx-news .right .date{position: absolute;top: 25px;left: 0;}
.dx-news .right li{position: relative;border-bottom: 1px solid #d3d3d3;padding: 25px 0;}
.dx-news .right li .wrap{margin: 0 125px 0 100px;}
.dx-news .right li.li-2  .wrap{margin: 0 0 0 100px;}
.dx-news .right li.li-3  .wrap{margin: 0 0 0 225px;}
.dx-news .right li .title{font-size: 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.dx-news .right li .description{font-size: 14px;line-height: 25px;height: 70px;overflow: hidden;color: #333333;}
.dx-news .right li.li-3 .thumb{left: 0;}
.dx-news .right li.li-3 .date{left: 130px;color: #333333;}

.pro-show .left{float: left; width:50%;}
.pro-show .right{float: left; width:50%;padding-left: 50px;}
.pro-show .thumb-li{padding-top: 15px;}
.pro-show .thumb-li a{display: block;float: left;margin:5px 5px 0 0;border-top:2px solid #ffffff;padding-top: 4px;}
.pro-show .thumb-li a.on{border-top:2px solid #e60012;}
.pro-show .right .title{font-size: 20px;}
.pro-show .right .description{font-size: 14px;line-height: 25px;margin-top: 5px;border-bottom: 1px solid #dcdcdc;padding: 0 0 15px 0;}
.pro-show .right .attr{padding: 10px 0 0 0;}
.pro-show .right .attr .li{position: relative; line-height: 25px;min-height: 25px;font-size: 14px;padding-left: 75px;}
.pro-show .right .attr.en .li{padding-left: 125px;}
.pro-show .right .attr .li .label{display: block;line-height: 25px; position: absolute;top: 0;left: 0;color: #000000;padding: 0;}
.pro-show-tit{font-size: 30px;padding: 55px 0 25px 0;}

.guestbook-tit{font-size: 30px;text-align: center;margin-bottom:20px;}
.guestbook .li{line-height: 40px;margin-bottom: 20px;}
.guestbook .li .wrap{border:1px solid #c4c4c4;position: relative;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.guestbook .li .form-wrap{margin-left: 78px;}
.guestbook .li .tit{position: absolute;top: 0;left:10px;font-size: 14px;font-weight: normal;color: #333333;width: 78px;}
.guestbook  .guestbook-txt{border:0;width: 100%;outline: none;}
.guestbook-submit{width: 380px;background-color: #009b4c;border:0;color: #ffffff;font-size: 14px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}

.ng-newswin-nselp a{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;background-color: #eeeeee;border:1px solid #dddddd;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}