@charset "utf-8";
/*产品分类icon*/
@font-face {
    font-family: 'iconfont';  /* project id 1668604 */
    src: url('//at.alicdn.com/t/font_1668604_mpqvjdeuup.eot');
    src: url('//at.alicdn.com/t/font_1668604_mpqvjdeuup.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1668604_mpqvjdeuup.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1668604_mpqvjdeuup.woff') format('woff'),
    url('//at.alicdn.com/t/font_1668604_mpqvjdeuup.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1668604_mpqvjdeuup.svg#iconfont') format('svg');
  }
a {color:#333; text-decoration:none; outline:none;}

/*加载更多*/
.layui-flow-more{
    width: 120px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    display: block;
    background-color: #009943;
    color: #ffffff!important;
    border-radius: 10px;
    margin: 70px auto 30px auto!important;
    font-size: 14px;
    cursor: pointer;
}
.layui-flow-more a cite{
    background-color: #009943!important;
    color: #ffffff!important;
}
/* CSS Document */
.box{
    width: 1280px;
    height: auto;
    display: block;
    margin: 0 auto;
    position: relative;
}
.top{
    width: 100%;
    height: 127px;
    background-color: #ffffff;
    border-bottom: solid 1px #cccccc;
    box-shadow: 0 10px 20px #dcdbdb;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.top .logo{
    float: left;
    margin-top: 23px;
}
.top .tel{
    position:absolute; 
    right:0; 
    top:20px;color:#009943;font-weight:bold;
}
.top .tel i{
 font-style:normal;
 font-size:25px;
color:#009943;
font-weight:bold;
}
.top .search{
    width: 298px;
    height: 38px;
    float: right;
    border: solid 1px #cccccc;
    border-radius: 20px;
    margin-top: 64px;
}
.top .search button{
    font-size: 14px;
    font-family: "myfont-medium","微软雅黑";
    color: #999999;
    line-height: 38px;
    background: url("../img/searchICO.png") no-repeat 4px center;
    padding-left: 38px;
    margin-left: 20px;
    float: left;
	border:0;
	outline:none;
	cursor:pointer
}
.top .search input{
    width: 180px;
    height: 24px;
    border: 0 none;
    float: left;
    margin-top: 8px;
    outline: 0 none;
    padding-left: 10px;
}
.top .nav{
    float: right;
    height: 40px;
    margin: 44px 30px 0 0;
}
.top .nav ul{
    display: block;
}
.top .nav ul li{
    float: left;
    position: relative;
}
.top .nav ul li .yiji a{
    line-height: 40px;
    font-family: "myfont-bold","微软雅黑";
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    padding: 0 20px;
}
.top .nav ul li .yiji a.cur{
    color: #009943;
}
.top .nav ul li .erji{
    width: 120%;
    position: absolute;
    top: 40px;
    left: 0;
}
.top .nav ul li .erji a{
    line-height: 40px;
    background-color: rgba(0,0,0,0.5);
    color: #ffffff;
    font-family: "myfont-regular","微软雅黑";
    font-size: 0.9em;
    display: block;
    text-align: center;
}
.top .nav ul li .erji a:hover{
    background-color: #009943;
    color: #fff;
}
.top .nav span{
    font-family: "myfont-bold";
    font-size: 18px;
    float: left;
    line-height: 40px;
    color: #cccccc;
}
.top .menu-but{ display: none}
.menu{ display: none}

.banner{
    width: 100%;
    height: 464px;
    display: block;
    margin: 128px auto 0 auto;
    background-color: #f1f1f1;
    position: relative;
}
.banner .slide{
    width: 1280px;
    height: 464px;
    display: block;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.banner .slide ul{
    height: 464px;
    position: absolute;
    top: 0;
    left: 0;
}
.banner .slide ul li{
	overflow:hidden;
    width: 1280px;
    height: 464px;
    float: left;
    position: relative;
}
.banner .slide ul li .wz{
    width: 480px;
    height: auto;
    float: left;
    margin-top: 60px;
}
.banner .slide ul li .wz .title{
    font-size: 40px;
    font-family: "myfont-bold","微软雅黑";
    font-weight: bold;
}
.banner .slide ul li .wz .jj{
    font-size: 16px;
    font-family: "myfont-normal","微软雅黑";
}
.banner .slide ul li .wz .text{
    font-family: "myfont-medium","微软雅黑";
    font-size: 1.25em;
    color: #666666;
    line-height: 1.25em;
    margin: 30px 0 80px 0;
}
.banner .slide ul li .wz .oil{
    color: #ffffff;
    background-color: #e60012;
    font-size: 16px;
    padding: 20px;
    border-radius: 4px;
	font-family:"微软雅黑";
}
.banner .slide ul li .pic{
	overflow:hidden;
    width: 682px;
    height: 421px;
    float: left;
    margin: 43px 0 0 80px;
}
.banner .prev{
    width: 45px;
    height: 100px;
    background-image: url("../img/sprite.png");
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    top: 182px;
    left: 30px;
    cursor: pointer;
    opacity: 0.05;
}
.banner .prev:hover{
    opacity: 0.8;
}
.banner .next{
    width: 45px;
    height: 100px;
    background-image: url("../img/sprite.png");
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    top: 182px;
    right: 30px;
    cursor: pointer;
    opacity: 0.05;
}
.banner .next:hover{
    opacity: 0.8;
}
.banner .slide .btn{
    position: absolute;
    width: 1280px;
    height: 10px;
    bottom: 40px;
    text-align: center;
    padding: 0 35px;
}
.banner .slide .btn span{
    display:inline-block;
    _display:inline;
    _zoom:1;
    width:16px;
    height:4px;
    cursor:pointer;
    background:#cccccc;
    margin: 0 0 0 10px;
    border-radius: 2px;
    box-shadow: 0 0 5px #cccccc;
}
.banner .slide .btn span.cur{
    background-color: #e50112;
}
.mobile-slide{ display: none}

.rdxw{
    width: 1290px;
    height: auto;
    background-color: #ffffff;
    display: block;
    margin: 0 auto;
}
.rdxw dt{
    display: block;
    text-align: center;
    font-family: "myfont-bold","微软雅黑";
    font-size: 22px;
    color: #666666;
    margin: 50px auto 20px auto;
}
.rdxw dd{
    display: block;
}
.rdxw dd .moble{
    width: 410px;
    height: auto;
    float: left;
    margin-right:30px;
}
.rdxw dd .moble3{
    margin-right: 0
}
.rdxw dd .moble img{
    height: auto;
	max-width: 410px;
    display: block;
    margin-bottom: 15px;
}
.rdxw dd .moble .date{
    width: 76px;
    height: 63px;
    float: left;
    border-left: solid 1px #cccccc;
    color: #333333;

}
.rdxw dd .moble .date2{
    width: 76px;
    height: 8px;
    float: left;
    border-left: solid 1px #cccccc;
    color: #333333;
	padding-left: 15px;

}.rdxw dd .moble .date .day{
    font-family: "myfont-light","微软雅黑";
    font-size: 54px;
    line-height: 48px;
    display: block;
}
.rdxw dd .moble .date2 .year-mouse{
    font-size: 0.8em;
    display: block;
	color:#ccc;
}
.rdxw dd .moble .cont{
    width: 380px;
    height: 63px;
    float: left;
    padding-left: 15px;
}
.rdxw dd .moble .cont .title{
    font-family: "myfont-medium","微软雅黑";
    font-size: 16px;
    height: 27px;
    color: #000000;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.rdxw dd .moble .cont .text{
    line-height: 18px;
    color: #666666;
	font-family:"微软雅黑";
    font-size: 14px;
	display: -webkit-box;
    overflow: hidden;

    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.rdxw dd .more{
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    background-color: #009943;
    color: #ffffff;
    border-radius: 10px;
    margin: 70px auto 30px auto;
    font-size: 14px;
}

.product-classification1{
    width: 100%;
    height: auto;
    display: block;
    background-color: #f1f1f1;
    overflow: hidden;
}
.product-classification1 dl{
    width: 1280px;
    height: auto;
    display: block;
    margin: 0 auto;
}
.product-classification1 dl dt{
    display: block;
    margin: 60px auto 35px auto;
    text-align: center;
    font-family: "myfont-bold","微软雅黑";
    font-size: 22px;
    color: #666666;
}
.product-classification1 dl dd{
    width: 1280px;
    height: 500px;
    display: block;
    margin-bottom: 60px;
}
.product-classification1 dl dd .moble{
    width: 240px;
    height: 240px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    background-color: #ffffff;
}
.product-classification1 dl dd .moble:nth-child(5n){
    margin-right: 0;
}
.product-classification1 dl dd .moble:nth-child(2n){
    background-color: #dedede;
}
.product-classification1 dl dd .moble .iconfont{
    display: block;
    font-family:"iconfont" !important;
    text-align: center;
    font-size:6em;
    font-style:normal;
    margin-top: 30px;
    color: #dedede;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition:all 0.3s; 
    -moz-transition:all 0.3s; 
    -ms-transition:all 0.3s; 
    -o-transition:all 0.3s; 
    transition:all 0.3s;
}
.product-classification1 dl dd .moble:nth-child(1n):hover .iconfont{
    color:#009943;
    margin-top: 20px;
    -webkit-transition:all 0.3s; 
    -moz-transition:all 0.3s; 
    -ms-transition:all 0.3s; 
    -o-transition:all 0.3s; 
    transition:all 0.3s;
}
.product-classification1 dl dd .moble:nth-child(2n) .iconfont{
    color: #ffffff;
}
.product-classification1 dl dd .moble .title-e{
    display: block;
    text-align: center;
    font-size: 1em;
    margin-top: 20px;
    color: #666666;
    -webkit-transition:all 0.3s; 
    -moz-transition:all 0.3s; 
    -ms-transition:all 0.3s; 
    -o-transition:all 0.3s; 
    transition:all 0.3s;
}
.product-classification1 dl dd .moble .title-z{
    display: block;
    text-align: center;
    font-size: 1.2em;
    color: #666666;
    -webkit-transition:all 0.3s; 
    -moz-transition:all 0.3s; 
    -ms-transition:all 0.3s; 
    -o-transition:all 0.3s; 
    transition:all 0.3s;
}

.product-classification1 dl dd .moble:hover{
    box-shadow: 0 0 10px #9f9e9e;
    -webkit-transition:all 0.3s; 
    -moz-transition:all 0.3s; 
    -ms-transition:all 0.3s; 
    -o-transition:all 0.3s; 
    transition:all 0.3s;
}
.product-classification1 dl dd .moble:hover .title-e{
    margin-top: 40px;
	background-position:50% 70px;
    -webkit-transition:all 0.3s; 
    -moz-transition:all 0.3s; 
    -ms-transition:all 0.3s; 
    -o-transition:all 0.3s; 
    transition:all 0.3s;
}

.zlhz{
    width: 100%;
    height: auto;
    display: block;
    background-color: #000;
    overflow: hidden;
}
.zlhz dl{
    width: 1280px;
    height: auto;
    display: block;
    margin: 0 auto;
}
.zlhz dl dt{
    display: block;
    margin: 30px auto 35px auto;
    text-align: center;
    font-family: "myfont-bold","微软雅黑";
    font-size: 22px;
    color: #666666;
}
.zlhz dl dd{
    display: block;
    width: 1300px;
    height: auto;
}
.zlhz dl dd .moble{
    width: 185px;
    height: 60px;
    float: left;
    position: relative;
    
    margin: 0 10px 20px 10px;
}
.zlhz dl dd .moble img{
    height: 65px;
    position: absolute;
	margin-bottom:20px;
	transition:All 0.3s ease-in-out;    -webkit-transition:All 0.3s ease-in-out;    -moz-transition:All 0.3s ease-in-out;    -o-transition:All 0.3s ease-in-out;
}
/* .zlhz dl dd .moble img:hover{
	transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);
    box-shadow: 0 0 10px #cccccc;
}
 */
.foot{
    width: 100%;
    height: auto;
    display: block;
    background-color: #000000;
}
.foot .foot-nav{
    width: 188px;
    float: left;
    margin-top: 80px;
    border-right: solid 1px #3e3e3e;
}
.foot .foot-nav .title{
    display: block;
    font-size: 18px;
    font-family: "myfont-bold","微软雅黑";
    color: #999999;
    text-align: center;
    font-weight: bold;
}
.foot .foot-nav a{
    font-family: "myfont-normal","微软雅黑";
    font-size: 14px;
    color: #999999;
    display: block;
    margin-top: 25px;
    padding-left: 70px;
    background: url("../img/discICO1.png") no-repeat 60px center;
}
.foot .prompt{
    float: left;
    margin: 80px 0 0 50px;
    color: #999999;
    font-family: "myfont-normal","微软雅黑";
    font-size: 14px;
}
.foot .prompt .title{
    display: block;
    margin-bottom: 15px;
}
/*.foot .ewm{
    width: 150px;
    height: 165px;
    float: right;
    margin: 80px 0 0 20px;
}
.foot .ewm img{
    width: 150px;
    height: 165px;
    display: block;
}*/
.foot .yj-content{
    font-size: 14px;
    font-family: "myfont-bold","微软雅黑";
    color: #3f3f3f;
    display: block;
    margin: 60px auto auto;
    text-align: center;
    padding-bottom: 20px;
}

.news{
    width: 100%;
    height: auto;
    display: block;
    background-color: #e8e4e4;
    padding: 20px 0;
    margin-top: 128px;
}
.news ul{
    width: 792px;
    height: 446px;
    float: left;
    position: relative;
    overflow: hidden;
}
.news ul li{
    width: 792px;
    height: 446px;
    position: absolute;
    top: 0;
    left: 0;
}
.news ul li a img{
    width: 792px;
    height: 446px;
    display: block;
}
.news .cont{
    width: 478px;
    height: auto;
    float: right;
}
.news .cont .moble{
    width: 465px;
    height: 140px;
    display: block;
    padding-left: 13px;
}
.news .cont .moble.cur{
    background: url("../img/triangleICO.png") no-repeat left center;
}
.news .cont .moble a{
    width: 425px;
    height: 100px;
    display: block;
    background-color: #ffffff;
    padding: 20px;
}
.news .cont .moble a .title{
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #333333;
    display: block;
    overflow: hidden;
    font-weight: bold;
}
.news .cont .moble a .title:hover{
    color: #009943;
}
.news .cont .moble a .text{
    height: 60px;
    line-height: 30px;
    font-family: "myfont-normal","微软雅黑";
    font-size: 14px;
    color: #666666;
}
.news .cont .moble.mar{
    margin-top: 13px;
}

.new-list{
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    background-color: #f5f5f5;
}
.new-list dl{
    width: 1280px;
    height: auto;
    display: block;
     margin: 0 auto;
    overflow: hidden;
}
.new-list dl dt{
    display: block;
    height: 42px;
    margin: 30px auto;
    text-align: center;
}
.new-list dl dt a{
    color: #333333;
    font-family: "myfont-bold","微软雅黑";
    font-size: 22px;
    padding: 12px 0;
    margin: 0 30px;
}
.new-list dl dt a.cur{
    border-bottom: solid 3px #009943;
}
.new-list dl .mobile{ display: none}

/* clearfix */
.clearfix{clear:both;}

/* wrapper */
#wrapper{ width:100%;}
#container{position:relative;width:100%;margin:0 auto;}
.grid{ 
    width:32%;
    margin-right: 2%; 
    margin-bottom:2%; 
    background:#fff; 
    display: inline-block;
    box-shadow:0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow:0 1px 3px rgba(34,25,25,0.4);
    -webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4);
    -webkit-transition:top 1s ease, left 1s ease;
    -moz-transition:top 1s ease, left 1s ease;
    -o-transition:top 1s ease, left 1s ease;
    -ms-transition:top 1s ease, left 1s ease;
}
.grid:nth-child(3n){
    margin-right: 0;
}
.grid a{color:#333}
.grid a:hover{color:#000}
.grid .imgholder{
    width: 100%;
    height: auto;
    display: block;
}
.grid .imgholder img{
    max-width:100%;
    display:block;
    /*background:url(../img/loding.gif) no-repeat center;*/
    background-color: #cccccc;
}
.grid .title{
    height: 30px;
    line-height: 30px;
    display: block;
    padding: 0 10px;
    overflow: hidden;
    font-family: "myfont-medium","微软雅黑";
    font-size: 16px;
    margin: 0 0;
}
.grid .text{
    height: 40px;
    line-height: 20px;
    display: block;
    padding: 0 10px;
    overflow: hidden;
    margin: 5px auto;
	color:#bbb;
}

/*新闻页*/
.container{width: 1340px; margin: 128px auto 0;}
.container a{color:#000;}
.container a:hover{color:#009943;}
.newsLeft{display:inline-block; zoom: 1; width:120px; padding-top:10px}
.newsLeft a{font-size:12px; color:#999; display:block;padding:1em 0;}
.newsLeft a.back{font-size:14px; color:#000; line-height:30px;}
.newsLeft a:hover{color:#009943;}
.newsLeft .newsTitle{color:#009943; font-size:20px; padding-left:14px; padding:1em 0 1em 1em;}
.newsContent{display:inline-block;zoom: 1; *display: inline; vertical-align:top; width:1000px; padding-bottom:60px; margin:0 100px;}
.newsContent .newList{display:inline-block;zoom: 1; *display: inline; margin-left:50px; margin-top:30px}
.newsContent .newsImg{width:304px; hanging-punctuation:172px; overflow:hidden}
.newsContent .newsTitle{height:40px; width:100%; text-align:center; padding-top:50px; font-size:20px; font-weight:bold;}
.newsContent .newsDate{height:40px; width:100%; text-align:center; padding-top:10px; font-size:16px; font-weight:bold;}
.newsContent .detail{
    font-size: 14px;
    line-height: 2em;
    margin-top: 0;
    margin-bottom: 10px;
    color: #8f8f94;
}
.newsContent .detail iframe{width: 600px;height: 500px;margin: 0 auto;display: block}
.newsContent .detail img{max-width: 100%;}
.newsContent .newsVisits{margin-top:50px;text-align:right; text-decoration:inherit; color:#999;font-size: 14px;}
.about{border-bottom:1px solid #999; line-height:30px; width:1056px; font-size:16px; margin-left:100px}
.aboutList{margin-top:20px;width:1056px; margin-left:100px; margin-bottom:50px}
.aboutList .newList{width:33%;float:left;zoom: 1; margin-left:0.5%;}
.aboutList .newList:first-child{margin-left:0px}
.aboutList .newList .newsImg{width:100%;overflow:hidden}
.aboutList .newList .newsImg img{max-width:100%;}
.aboutList .newsTitle{text-align:center; line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:330px}

/*服务中心*/
.warp{width: 1280px;margin: 0 auto;overflow: hidden;}
.for1 {background-color: #f1f1f1;width: 100%;padding-top: 127px;}
.for1 ul{padding-top: 40px;padding-bottom: 40px; width: 1000px;margin: 0 auto}
.for1 ul li .servie_img{width: 500px; height: 210px;float: left;}
.for1 ul li .servie_title{width: 500px; height: 210px;float: right;}
.for1 ul li:nth-child(2) .servie_img{width: 500px; height: 210px;float: right;}
.for1 ul li:nth-child(2) .servie_title{width: 500px; height: 210px;float: left;}
.for1 ul li div img{width: 100%;height: 100%}
.for1 ul li div p{font-size: 24px;color: #333333;text-align: left;background: url(../images/icon_l.png) no-repeat right center;margin: 85px 80px 100px 60px;line-height: 30px;}
.for1 ul li div{background-color: #fff;transition: background-color 0.3s}
.for1 ul li div:hover {background-color: #009943;transition: background-color 0.3s }
.for1 ul li a:hover {color:#fff;transition: background-color 0.3s }
.for1 ul li div:hover p{background: url(../images/icon_r.png) no-repeat right center;color: #fff;transition: color 0.3s}

.for2{padding-top: 170px;}
.for2_title{text-align: center;width: 100%;padding-bottom: 30px;}
.for2_title span{font-family: "微软雅黑";font-size: 36px;color: #cccccc;font-weight: 700;display: block;text-transform: uppercase;line-height: 30px;}
.for2_title  p{font-weight: 700;font-size: 28px;color: #333333;line-height: 70px;}

.for2 .for2_l {float: left;width: 554px;height: 410px}
.for2 .for2_l img{max-width:100%;}
.for2 .for2_r{float: right;width: 658px}
.for2 .for2_r span{display: block;line-height: 42px;font-size: 24px;color: #333333;padding-bottom: 25px;}
.for2 .for2_r p{font-size: 18px;color: #333333;line-height: 40px;}

.in_banner{width: 100%;height: 135px;padding-top: 127px;}
.in_banner img{width: 100%;height: 100%}
.scontainer .side2{ width:178px; border:1px solid #e8e8e8; padding:22px 30px 22px 30px; position:fixed; margin-top:-35px; background:#fff;font-size: 24px;float: left;}
.scontainer .side2 div{border-bottom: 1px solid #e8e8e8;padding-top: 22px;padding-bottom: 22px;}
.scontainer .side2 .no_line{border-bottom: none}
.scontainer .side2 a:hover,.set a{color: #009943;transition: color 0.3s}
.scontainer .content{float:right;margin-top: 30px;min-height: 400px;}
.scontainer .accordion{width:980px;background:#fff}
.scontainer .accordion .link{position:relative;display:block;padding-top:33px;padding-bottom:33px;color:#333;font-size:24px;cursor:pointer;transition:all .4s ease}
.scontainer .accordion .submenu p{display:block;color:#666;font-size:18px;line-height:40px}
.scontainer .accordion li:last-child .link{border-bottom:0}
.scontainer .accordion li i{position:absolute;top:35px;left:920px;color:#595959;font-size:18px;transition:all .4s ease}
.scontainer .accordion li i.fa-chevron-down{width:21px;height:14px;background:url(../images/ico_d.jpg) no-repeat right}
.scontainer .accordion li.open .link,.accordion li.open i{color:#009943}
.scontainer .accordion li.open i.fa-chevron-down{transform:rotate(180deg);-ms-transform:rotate(180deg)}
.scontainer .open2{border-bottom:1px dashed #cecece}

/**联系我们*/
.for3{margin-top:170px;}
.for3_title {margin-bottom: 20px;}
.for3_title .us1{background: url(../images/icon_d.png) no-repeat left top;line-height: 60px;font-size: 28px;color: #009943;padding-left: 35px;font-weight: 700}
.for3_title .us2{text-transform: uppercase;font-size: 28px;font-weight: 700;padding-left: 98px;color: #999999}
.for3 .for3_l {float: left;}
.for3 .for3_l img{max-width:100%;}
.for3 .for3_r span{font-size: 22px;font-weight: 700;padding-bottom: 0px;}
.for3 .for3_r p{font-size: 14px;line-height: 24px;}
.for3 .for3_r ul li{float: left;margin-top: 30px;margin-left: 35px;}
.for3 .for3_r {float: right;width: 600px;}

/*招聘信息*/
.jcontainer{padding: 170px 0 70px; background-color: #f1f1f1;}
.jcontainer .accordion{width:100%;background:#fff;overflow:hidden}
.jcontainer .accordion .link{cursor:pointer;display:block;padding-top:20px;padding-bottom:15px;color:#333;font-size:24px;position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.jcontainer .accordion .submenu p{display:block;font-size:14px;line-height:20px;color:#666;}
.jcontainer .accordion li:last-child.open2{border-bottom:0}
.jcontainer .accordion li i{position:absolute;top:48px;left:1080px;font-size:18px;color:#595959;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.jcontainer .accordion li i.fa-chevron-down{background:url(../images/ico_d.jpg) no-repeat right;width:21px;height:14px}
.jcontainer .accordion li.open .link{color:#009943}
.jcontainer .accordion li.open i{color:#009943}
.jcontainer .accordion li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.jcontainer .open2{border-bottom:1px dashed #cecece;padding-left:70px;padding-right:70px}
.jcontainer .accordion .topb{width:100%}
.jcontainer .accordion .topb ul{background-color:#999;padding-right:50px;padding-left:95px}
.jcontainer .accordion .topb ul li{width:150px;line-height:70px;font-size:22px;text-align:center;color:#fff;display:inline-block;margin-right:70px;float:left}
.jcontainer .accordion .top3 ul{background-color:#fff;width:100%;padding-left:20px}
.jcontainer .accordion .top3 ul li{font-size:18px;color:#666}
.jcontainer .accordion .top3 ul .top3_title{font-size:22px;color:#333;text-align:left}
.jcontainer .accordion .top3 ul .top3_title p{line-height:24px;border-left:2px solid #009943;padding-left:20px;margin-top:23px;display:block}

/*产品中心*/
.pcontainer{margin-top: 128px;}
.pcontainer .side{ display:inline-table; width:170px; border:1px solid #e8e8e8; padding:15px; position:fixed; margin-top:30px; background:#fff}
.pcontainer .side div{border-bottom:1px solid #e8e8e8;padding-bottom:0px}
.pcontainer .side div:last-child{border-bottom:0}
.pcontainer .side .title{font-size:24px; line-height:30px; font-weight:normal; border-bottom:1px solid #e8e8e8;padding-bottom:10px;padding-top: 30px;margin-bottom: 10px;}
.pcontainer .side div p{font-size:14px; font-weight:bold; padding-top:0px; background:url(../images/jia.gif) no-repeat; background-position:right 65%; cursor:pointer;margin:14px 0;}
.pcontainer .side div ul{display:none; padding:0px; margin:0px}
.pcontainer .side div ul li{list-style:none; padding:0px; margin:0px; line-height:1em; float:left; margin:5px;}
.pcontainer .side div ul li a:hover{color:#009943;}
.pcontainer .clean{clear:both;}
.pcontainer .side div ul li a{display:block; color:#888; font-size:0.8em;}
.pcontainer .side div.on p{background:url(../images/jian.gif) no-repeat; background-position:right 65%;}
.pcontainer .side div.on ul{display:block}

.pcontainer .content{min-height:200px;display:inline-table;width:1030px;margin-left:250px;margin-top:30px;}
.pcontainer .content .title{font-size:24px; margin-top:20px}
.pcontainer .content .product{padding-left:24px; line-height:30px}
.pcontainer .content .product .s{margin-top:30px; background:#f6f6f6; border-radius:2px; height:59px; padding:10px 0; text-align: center}
.pcontainer .content .product .s .car{font-size:12px; vertical-align:top}
.pcontainer .content .product .s .car a{display:block;line-height:28px;font-weight:bold;text-align: center}
.pcontainer .content .product .car .active{display:inline-block;padding:0px 16px;overflow:hidden;vertical-align:middle;width: 5%}
.pcontainer .content .product .car .active:nth-child(3),.pcontainer .content .product .car .active:nth-child(5){width:9%}
.pcontainer .content .product .iconfont{
    display: block;
    font-family:"iconfont" !important;
    text-align: center;
    font-size:2em;
    font-style:normal;
    color: #626262;
    line-height:28px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition:all 0.3s; 
    -moz-transition:all 0.3s; 
    -ms-transition:all 0.3s; 
    -o-transition:all 0.3s; 
    transition:all 0.3s;
}
.pcontainer .content .product .car .active:hover .iconfont{padding-left:10px;}
.pcontainer .content .product .plist{margin-top:30px}
.pcontainer .content .product .plist .nodata{min-height: 200px;text-align: center;font-size: 14px;color: #595959}
.pcontainer .content .product .plist .item{display:inline-block;zoom: 1; *display: inline; margin-right:20px; margin-bottom:50px; width:17.5%;height:240px; overflow:hidden}
.pcontainer .content .product .plist .item .img img{ width:140px; height:auto; hanging-punctuation:220px; margin-bottom:5px; transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.pcontainer .content .product .plist .item div{font-size:12px; line-height:20px}
.pcontainer .content .product .plist .item div.pname{font-size:16px;; font-weight:bold; color:#000; height:20px; overflow:hidden; vertical-align:top; }
.pcontainer .content .product .plist .item:hover div.pname{height:auto}
.pcontainer .content .product .plist .item:hover .img img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}

/*产品详情*/
.pcontainer .content .detailPic{display:inline-table; width:594px; height:540px; overflow:hidden}
.pcontainer .content .detailPic img{width:500px; height:500px}
.pcontainer .content .option{display:inline-table;vertical-align:top;width:380px;}
.pcontainer .content .option .detailPname{font-size:36px; font-weight:bold; line-height:50px}
.pcontainer .content .option .detailSonName{color:#666; font-size:14px}
.pcontainer .content .option .ml{border-top:1px solid #eee; font-size:12px; margin-top:30px; color:#8c8c8c; line-height:30px;border-bottom:1px solid #eee;}
.pcontainer .content .option .btns{ width:400px; margin-top:5px; padding-bottom:5px;border-bottom:1px solid #eee;}
.pcontainer .content .option .btns span{font-size:18px; font-weight:bold; color:#fff; padding-left:40px}
.pcontainer .content .option .btns .SEA{background:#7f7f7f; width:380px; display:inline-block; zoom: 1; *display: inline;line-height:38px; font-size:12px; border-radius:1em;color:#b2b2b2; padding-left:20px}
.pcontainer .content .option .btns .API{background:#009943; width:380px; display:inline-block;zoom: 1; *display: inline; line-height:38px; font-size:12px; border-radius:1em; color:#05da62; padding-left:20px}
.pcontainer .content .option .zixun{color:#8c8c8c; margin-top:10px;}
.pcontainer .content .option .zixun p{font-size:16px; color:#8c8c8c;padding-bottom: 15px;}
.pcontainer .content .option .zixun div{font-size:12px; line-height:16px;line-height: 24px;}
.pcontainer .content .pcontent{border-top: 1px solid #dddddd;padding: 40px 0;}
.pcontainer .content .pcontent .boxTitle{ text-align: center;font-size: 24px;color: #000;line-height: 30px;padding: 0 0 40px;}
.pcontainer .content .pcontent .plist .item{float: left; width:20%;height:200px; overflow:hidden}
.pcontainer .content .pcontent .plist .item .img img{ width:140px; height:auto; hanging-punctuation:220px; margin-bottom:5px; transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.pcontainer .content .pcontent .plist .item div{font-size:12px; line-height:20px}
.pcontainer .content .pcontent .plist .item div.pname{font-size:16px; font-weight:bold; color:#000; height:20px; overflow:hidden; vertical-align:top; }
.pcontainer .content .pcontent .plist .item:hover div.pname{height:auto}
.pcontainer .content .pcontent .plist .item:hover .img img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}

/*产品列表2*/
.car-bg{background:#f1f1f1;margin: 120px 0 50px;}
.pcontainer2{width: 1340px;margin: 0 auto;}
.car-bg .panel-info{position:relative; margin-top:80px; margin-left:60px; margin-right:60px; margin-bottom:50px; width:1220px; display:inline-block;zoom: 1; *display: inline;}
.car-bg .slider{width:1340px; height:593px; overflow:hidden; position:relative}
.car-bg .side{ display:inline-table; width:170px; border:1px solid #e8e8e8; padding:15px; position:fixed; margin-top:30px; background:#fff}
.car-bg .side div{border-bottom:1px solid #e8e8e8;padding-bottom:0px}
.car-bg .side div:last-child{border-bottom:0}
.car-bg .side .title{font-size:24px; line-height:30px; font-weight:normal; border-bottom:1px solid #e8e8e8;padding-bottom:10px}
.car-bg .side div p{font-size:14px; font-weight:bold; line-height:1em; padding-top:0px; background:url(../images/jia.gif) no-repeat; background-position:right 65%; cursor:pointer}
.car-bg .side div ul{display:none; padding:0px; margin:0px}
.car-bg .side div ul li{list-style:none; padding:0px; margin:0px; line-height:1em; float:left; margin:5px;}
.car-bg .side div ul li a:hover{color:#009943;}
.car-bg .clean{clear:both;}
.car-bg .side div ul li a{display:block; color:#888; font-size:0.8em;}
.car-bg .side div.on p{background:url(../images/jian.gif) no-repeat; background-position:right 65%;}
.car-bg .side div.on ul{display:block}
.car-bg .son{position:absolute; right:40px; top:10px; text-align:right; font-size:16px}
.car-bg .son.hidden{display: none}
.car-bg .content{min-height:200px; display:inline-table; width:1000px; padding-left:60px; margin-left:200px; margin-top:30px}
.car-bg .content .title{font-size:24px; margin-top:20px}
.mb{display: none}

.list_bg:nth-child(odd) .listBg{ background:#f0f0f0}
.list_bg:nth-child(even) .listBg{ background:#e8e8e8}
.list_bg .boxTitle{text-align:center; font-size:24px; color:#000; line-height:30px; padding:40px 0 }
.list_bg .boxSonTitle{font-size:12px; text-align:center; color:#666; margin-top:-40px; margin-bottom:40px}
.list_bg .listBg{padding-bottom:20px}
.list_bg .listBg .content{min-height:200px; display:inline-table; width:1000px; padding-left:60px; margin-left:200px; margin-top:30px}

.list_bg .classCategory{width:33%; display:inline-block; zoom: 1; text-align:center;padding-bottom: 20px;}
.list_bg .classCategory .img{ height:191px; height:100%; text-align:center;}
.list_bg .classCategory .img img{max-width: 100%;}
.list_bg .classCategory .boxTitle{padding-top:20px}
.list_bg .classCategory .boxSonTitle{margin-bottom:20px}
.list_bg .classCategory .viewBtn a{background:#666; border:0; color:#fff; border-radius:5px; line-height:40px; width:182px; outline:none; display:block; margin:0 auto}
.list_bg .classCategory .viewBtn a.on,.list_bg .classCategory .viewBtn a:hover{background:#009943}

/*产品列表3*/
.pcontainer3.car-bg{background: #fff;}
.pcontainer3 .content{min-height:200px; display:inline-table; padding-left:60px; margin-top:30px}
.pcontainer3 .content .title{font-size:24px; margin-top:20px}
.pcontainer3 .content .product{padding-left:24px; line-height:30px}
.pcontainer3 .content .product .s{margin-top:30px; background:#f6f6f6; border-radius:2px; height:59px; padding-top:10px; margin-right:22px; padding-left:50px}
.pcontainer3 .content .product .s .intro{display:inline-table; line-height:14px; color:#000; font-weight:bold; font-size:12px; padding-left:20px; height:44px; vertical-align:middle; padding-top:10px; padding-right:0px}
.pcontainer3 .content .product .s .car{font-size:12px; vertical-align:top}
.pcontainer3 .content .product .s .car a{padding-top:24px}
.pcontainer3 .content .product .plist{margin-top:30px}
.pcontainer3 .plist .item{display:inline-block;zoom: 1; *display: inline; margin-right:20px; margin-bottom:50px; width:17.5%;height:240px; overflow:hidden}
.pcontainer3 .plist .item .img img{ width:140px; height:auto;hanging-punctuation:220px; margin-bottom:5px; transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.pcontainer3 .plist .item div{font-size:12px; line-height:20px}
.pcontainer3 .plist .item div.pname{font-size:16px;; font-weight:bold; color:#000; height:20px; overflow:hidden; vertical-align:top; margin-top: 20px;}
.pcontainer3 .plist .item:hover div.pname{height:auto}
.pcontainer3 .plist .item:hover .img img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}


.pcontainer3 .detailPic{display:inline-table; width:594px; height:496px; overflow:hidden}
.pcontainer3 .detailPic img{display: none}
.pcontainer3 .option{display:inline-table;vertical-align:top;width:380px;}
.pcontainer3 .option .detailPname{font-size:36px; font-weight:bold; line-height:50px}
.pcontainer3 .option .detailSonName{color:#666; font-size:14px}
.pcontainer3 .option .ml{border-top:1px solid #eee; font-size:12px; margin-top:30px; color:#8c8c8c; line-height:30px;border-bottom:1px solid #eee;}
.pcontainer3 .option .btns{ width:400px; margin-top:5px; padding-bottom:5px;border-bottom:1px solid #eee;}
.pcontainer3 .option .btns span{font-size:18px; font-weight:bold; color:#fff; padding-left:40px}
.pcontainer3 .option .btns .SEA{background:#7f7f7f; width:380px; display:inline-block; zoom: 1; *display: inline;line-height:38px; font-size:12px; border-radius:1em;color:#b2b2b2; padding-left:20px}
.pcontainer3 .option .btns .API{background:#009943; width:380px; display:inline-block;zoom: 1; *display: inline; line-height:38px; font-size:12px; border-radius:1em; color:#05da62; padding-left:20px}
.pcontainer3 .option .renzheng{font-size:12px; color:#8c8c8c; line-height:40px}
.pcontainer3 .option .renzheng .con{  height:172px; width:380px; overflow:hidden; overflow-y:auto}
.pcontainer3 .option .renzheng .con img{width:380px}
.pcontainer3 .option .zixun{color:#8c8c8c; margin-top:10px;}
.pcontainer3 .option .zixun p{font-size:16px; color:#8c8c8c;padding-bottom: 15px;}
.pcontainer3 .option .zixun div{font-size:12px; line-height:16px;line-height: 24px;}
.pcontainer3 .option .zixun p img{max-width: 100%;}
.pcontainer3 .miaoshu{border-bottom: 1px solid #dddddd;margin-bottom: 60px;padding-bottom: 20px;}



/*分页*/
.page{text-align:center;font-size: 0}
.page span{width:14px; height:14px; background:#666; border-radius:50%; display:inline-block;zoom: 1; margin-right:10px}
.page a{list-style:none; width:14px; height:14px; background:#666; border-radius:50%; display:inline-block;zoom: 1; margin-right:10px}
.page a:hover{background:#009943}
.page span.layui-laypage-curr{background:#009943}

/*底部*/
.foot{width:100%;height:auto;display:block;background-color:#000000}
.foot .foot-nav{width:188px;float:left;margin-top:80px;border-right:solid 1px #3e3e3e}
.foot .foot-nav .title{display:block;font-size:18px;color:#999999;text-align:center;font-weight:bold}
.foot .foot-nav a{font-size:14px;color:#999999;display:block;margin-top:25px;padding-left:70px; transition:color 0.3s}
.foot .prompt{float:right;margin:80px 90px 0 50px;color:#999999;font-size:14px}
.foot .prompt .title{display:block;margin-bottom:15px}
.foot .ewma{width:170px;float:right;margin-top:0px;margin-bottom:20px;margin-right:14px}
.foot .yj-content{font-size:14px;color:#3f3f3f;display:block;margin:60px auto auto;text-align:center;padding-bottom:20px}
.foot .yj-content a{color:#3f3f3f;}
.foot-nav a:hover,.foot .yj-content a:hover{color:#009943;transition:color 0.3s}
.foot .ewma img{width:100%;height:100%}
.foot .ewm{margin:0}
.foot .ewm img{margin-bottom:20px}


/*文档中心*/
.ad{width: 100%;min-height: 358px;height: 100%;}
.ad img{max-width: 100%;}
.yj-download{width:100%;height:auto;display:block;background-color:#fff;margin:30px auto 20px auto;box-shadow:0 0 20px #ccc}
.yj-download dt{display:block;font-size:24px;font-family:myfont-bold;font-weight:700;padding-left:10px;line-height:80px;border-bottom:solid 1px #ccc}
.yj-download dd{display:block;padding:10px}
.yj-download dd .cont{height:60px;display:block;line-height:60px;border-bottom:dashed 1px #ccc}
.yj-download dd .cont img{height:40px;width:auto;float:left;margin-top:10px}
.yj-download dd .cont span{float:left;margin-left:10px;font-family:myfont-normal,"微软雅黑";font-size:18px;color:#666;width: 60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yj-download dd .cont a{float:right;background-color:#e50112;color:#fff;font-size:16px;line-height:30px;padding:0 20px;border-radius:5px;margin-top:10px}
.yj-download dt a{ font-size:16px; font-weight:normal; background:#efefef; padding:3px 10px; border-radius:3px;margin: 0 5px;}
.yj-download dt a:hover{color:#ff6600}
.yj-download dt a.cur{ background:#ff6600; color:#ffffff}
.doc_banner{min-height:350px;background: #009944 url(../images/doc_b_bg.png) no-repeat right bottom;background-size: auto 100%;position: relative;color: #fff;}
.doc_banner .doc_main{position: absolute;top: 50px;left: 150px;}
.doc_banner .doc_main .doc_left .doc_tit{font-size: 50px;}
.doc_banner .doc_main .doc_left .doc_btn{
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.4), rgba(145, 208, 146, 0.38), rgba(255, 255, 255, 0.54),rgba(145, 208, 146, 0.38),rgba(255, 255, 255, 0));
    background: -o-linear-gradient(rgba(255, 255, 255, 0.4), rgba(145, 208, 146, 0.38), rgba(255, 255, 255, 0.54),rgba(145, 208, 146, 0.38),rgba(255, 255, 255, 0));
    background: -moz-linear-gradient(rgba(255, 255, 255, 0.4), rgba(145, 208, 146, 0.38), rgba(255, 255, 255, 0.54),rgba(145, 208, 146, 0.38),rgba(255, 255, 255, 0));
    background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(145, 208, 146, 0.38), rgba(255, 255, 255, 0.54),rgba(145, 208, 146, 0.38),rgba(255, 255, 255, 0));
    background-size: 100% 4px;
    background-repeat: no-repeat;
    background-position: center 35%;
    width: 400px;
    margin: 40px auto 0;
}
.doc_banner .doc_main .doc_left .doc_btn a{width: 20%;margin-right: 20%;float: left;}
.doc_banner .doc_main .doc_left .doc_btn .item3{margin: 0}
.doc_banner .doc_main .doc_left .doc_btn .icon img{max-width: 100%;}
.doc_banner .doc_main .doc_left .doc_btn .title{text-align: center;color: #fff;font-size: 20px;margin-top: 10px;}
.doc_banner .doc_main .doc_right{position:absolute;top:-10px;left:530px;height:300px;width:274px;background:url(../images/doc_b_qiqi.png) no-repeat center;background-size: 100%;}

.cons img{max-width: 100%;}


.friendlink{width: 1280px;margin: 10px auto;font-size: 14px;}
.friendlink a{display: inline-block;margin: 5px;}