/* CSS Document */
*{padding:0; margin:0;}
body{position:relative; font-family:frutigernext, "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; color:#333;}
ul{list-style-type:none;}
a{text-decoration: none; color: #333;}
a:hover{text-decoration:none;}
h1,h2,h3,h4,h5{ font-weight:inherit;}
img{ margin:0; padding:0; border:0; -width:300px;}
div.ss p{margin:0; padding:0; display:block; width:330px; margin:10px 0;}
div.ss img{ float:left;}
div.in_right1 h1{ display:block; text-align:center;color:#333; height:40px; line-height:40px;}
div.in_right1 .ssm{ margin-top:100px; margin-right:0px; width:330px; height:220px;float:right;}
div.in_right1 .ssc{ margin-top:50px; width:950px; height:700px; }
div.in_right1 .ssc p{margin: 0 0 10px 132px;
    padding: 0;
    text-align: left;}
@font-face { font-family:"testing"; src:url(../font/ZBB.ttf) format("truetype");}
div.ss{ clear:both;}
.logo .llll{ width:300px;}
/*下拉菜单*/
/*.nav-list{border-bottom:1px solid #eee; overflow:hidden;}
.container{ width:1120px; overflow:hidden; margin:0px auto;}
.logo{ width:70px; height:93px; float:left; margin:4px 70px 0px 0;}

.navlist{ width:700px; overflow:hidden; float:left;}
.navlist p{ font-family:Arial; float:left; line-height:18px; font-size:12px; text-align:center; width:100%;}
.navlist a:hover{background:#64aa49; color:#fff;height:70px; padding-top:30px;}
.navlist a{text-decoration:none;font-size:16px;width:75px;display:block;padding:0 15px;height:70px; padding-top:30px; float:left; text-align:center; margin:0px 4px;}
.opt{height:100px; background:#64aa49; color:#fff;}


.nav-cont-wrap{width: 100%; overflow: hidden; display: block!important;}
#nav-want-cont-wrap .nav-cont-wrap ul{width: 100%;}
#nav-want-cont-wrap .nav-cont-wrap ul li{width: 100%;}
.nav-cont-wrap ul{width: 600%; padding-top: 10px;}
.nav-cont-wrap ul li{width: 16.6666666%; float: left;}
.nav-cont-wrap ul li span{display: block; margin-bottom: 5px;}

#nav-cont-wrap{ border-bottom:1px solid #eee; background:#f7f7f7;}
.nav-cont-wrap{ width:760px; overflow:hidden; margin:0px auto;}
.nav_left{width:200px; float:left; line-height:24px; margin:10px 0;}
.nav_left span{border-bottom: 1px solid #eee; padding-bottom:10px; text-indent:10px;}
.nav_right{ width:560px; float:right; overflow:hidden; margin:20px 0;}
.nav_right1{ width:250px; overflow:hidden; float:left; margin-left:30px;}
.nav_right1 h3{ font-size:16px; overflow:hidden; margin:10px 0px 5px;}
.nav_right1 p{ line-height:24px; font-size:14px; color:999;}
.nav_right1 img{ width:200px; height:172px;}


.nav-cont-wrap ul{width:100%; padding-top:0;}
#nav-cont-wrap ul li{display:none; width:100%;}


.vivo-nav{width:230px;height:60px;position:relative;z-index:999; float:right;}
.search-user{ width:230px; overflow:hidden; float:right; margin-top:35px;}
.search-user dt{ width:166px; height:25px; border-right:1px solid #eee; float:left; padding-right:20px;}
.search-user dd{ width:23px; height:23px; float:right;}

.seek{ width:230px; height:100px; float:right; position:relative;}
.vivo-search{height:40px;width:255px;position:absolute; top:64px;display:none;}
.search-box{width:255px;height:36px;}
.search-box input{width:140px;height:20px;padding:7px 10px;font-size:14px;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle; border:1px solid #ccc;}
.search-box button{width:66px;height:36px;overflow:hidden;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:#008cd6;outline:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;}*/


.logo{float:left; margin:10px 50px 0px 0px;}
.container {margin:0 auto;overflow:hidden;width:1120px;}
.container1{margin: 0 auto;
    overflow: hidden;
    width: 1120px;}

#nav-cont .nav-list {font-size:18px; background:#000; }
.navlist{overflow:hidden; float:left;}
.navlist p{ font-family:Arial; float:left; line-height:24px; font-size:12px; text-align:center; width:100%;}
#nav-cont .nav-list ul li a {display: block;float:left;color:#fff;text-align:center;height: 83px;
line-height: 83px;width:106px; font-size: 22px;}
-#nav-cont .nav-list ul li a.active {text-decoration:none;border-bottom:2px solid #3ebc0f;color:#3ebc0f;}
#nav-cont .nav-list ul li a:hover { background:#42a6c7;}
#nav-cont-wrap {/* width:100px;background: #f7f7f7;*/width:1120px; position:relative; margin:0 auto;}
.nav-cont-wrap {/*margin: 0 auto;*/overflow:hidden;width:250px;display: none; position:absolute; top:0; left:454px; background-color:#000;}
.nav-cont-wrap ul {height:180px;position:relative;width:100%;padding-top:2px;}
.nav_left{width:200px; float:left; line-height:24px;}
.nav_left span{border-bottom: 1px solid #eee; padding:10px 0;text-indent:20px;display: block; width:250px;}
.nav_left span:hover{ background:#65d1f4;}
.nav_left span a{ color:#fff; font-size:18px;}
.nav_right{ width:560px; float:right; overflow:hidden; margin:20px 0;}
.nav_right1{ width:200px; overflow:hidden; float:left; margin-left:30px;}
.nav_right1 h3{ font-size:16px; overflow:hidden; margin:10px 0px 5px;}
.nav_right1 p{ line-height:24px; font-size:14px; color:999;}
.nav_right1 img{ width: 200px; height: 125px;}

.vivo-nav{width:230px;height:60px;position:relative;z-index:999; float:right;}
.search-user{ width:230px; overflow:hidden; float:right; margin-top:35px;}
.search-user dt{ width:166px; height:25px; float:left;}
.search-user dd{ width:23px; height:23px; float:right; border-left:1px solid #eee; padding-left:20px;}

.seek{ width:230px; height:100px; float:right; position:relative;}
.vivo-search{height:40px;width:255px;position:absolute; top:64px;display:none;}
.search-box{width:255px;height:36px;}
.search-box input{width:140px;height:20px;padding:7px 10px;font-size:14px;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle; border:1px solid #ccc;}
.search-box button{width:66px;height:36px;overflow:hidden;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:#3ebc0f;outline:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;}




/*新闻上下滚动*/
.news_wap{ width:100%; height:48px; background:#eeeff2;}
.group-news .col-xs-2{ width:310px; float:left; color:#fff; background:url(../images/jiantou4.png) right no-repeat #64c6e6; line-height:46px; text-indent:20px; font-size:18px;}
.col-xs-2 span{ font-size:16px; margin-right:10px; margin-left:10px;}
.group-news .col-xs-1{ width:48px; overflow:hidden; float:right; margin-top:5px;}
.news-item-box{ width:750px; float:left;height:38px; overflow:hidden; line-height:38px; margin-top:5px; text-indent:20px;}



.news_right{ width:770px; height:48px; float:right; margin-right:20px;}
.scrollbox{width:770px; position: relative;}
.scrollDiv{width:770px;height:38px; overflow:hidden; display:block; margin-top:5px;padding-left: 10px;}

.scrollDiv li{width:770px;height:38px;margin-right:11px; float:left; line-height:38px;}

.scroltit{ position: absolute; right:0; top:0;width:18px;}
.scroltit small{float:right; font-size:12px;width:18px;height:18px; line-height:18px; text-align: center;}






/*banner*/
/* flexslider */
.flexslider{position:relative;/*height:570px*/;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;height:643px; margin-top:83px;}
.slides{position:relative;z-index:1;}
/*.slides li{height:570px;}*/
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center; margin-left: 515px;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:15px;height:15px;line-height:40px;overflow:hidden;border-radius: 50%;
background: #808080;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0; background:#000; border:1px solid white;}

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


/*产品特效*/
/*.mr_frbox { height: 180px; padding-top:20px; width:1120px;height:180px;margin:30px auto;position: relative;}
.mr_frBtnL, .mr_frBtnR{display: block;width:40px;height:73px;position: absolute;top:77px;}
.mr_frUl {width:1020px;height:190px;overflow: hidden; margin:0px 50px; padding-top: 7px;}
.mr_frUl {left:-30px;}
.mr_frBtnR {right:-30px;}
.mr_frUl ul li {width:160px;height:190px;overflow: hidden; margin:0 24px;float: left; text-align:center;}
.mr_frUl ul li p{ line-height:28px; font-size:16px;}*/
/*.mr_frUl ul li img{ width:200px; height:172px;}
.mr_frUl ul li a{ font-size:12px; color:#000;}
.mr_frUl ul li a:hover{ color:#5da746;}*/

/*产品特效*/
/*.slidegrid {float: left;position: relative;overflow: hidden;}
.slideitems {width:2000000em;position: absolute;}
.mainPhoto {width:1120px;height:180px;margin:30px auto;position: relative; padding-top:20px;}
.mainPhoto span.goleft, .mainPhoto span.goright {display: block;width:40px;height:73px;position: absolute;top:77px;}
.mainPhoto span.goleft {left:-30px;}
.mainPhoto span.goright {right:-30px;}
.mainPhoto .go {width:1020px;height:200px;position: relative;left:0px;overflow: hidden; margin:0px 50px;}
.mainPhoto .go li {width:200px;height:200px;overflow: hidden; margin:0 33px;float: left; text-align:center;}
.mainPhoto .go li p{ line-height:28px; font-size:16px;}
.mainPhoto .go li img{ width:200px; height:172px;}
.mainPhoto .go li a{ font-size:12px; color:#000;}
.mainPhoto .go li a:hover{ color:#5da746;}
*/

/*内容*/
.wap{ width:1120px; overflow:hidden; margin:30px auto;}
.wap dl strong{ color:#a9a9a9; color: #c5c5c5;
display: block;
text-align: right; font-size:13px; margin-top:15px;}
.wap dt{ width:340px; overflow:hidden; float:left; margin-right:38px;}
.wap dd{ width:340px; overflow:hidden; float:right;}
.wap dt img, .wap dd img{ width:340px; height:209px; float:left;}
.wap_side{ width:318px; overflow:hidden; border:1px solid #e2dede; border-top:0; padding:10px;}
.wap_side a strong:hover{ color:#64c6e6;}
.wap_side h2{ width:100%; font-size:18px; /*text-indent:15px;*/ color:#2987bc;border-left: 5px solid #64c6e6;
padding-left: 10px;
display: block;
margin-top: 10px;/* background:url(../images/index_09.jpg) left no-repeat;*/}
.wap_side p, .video dd p{ margin:10px 0 0; line-height:20px; color:#666; font-size:12px;}
/*.wap_side p{ height:40px; overflow:hidden;}*/
/*.wap_side i{ width:17px; height:17px; float:right; background:url(../images/index_10.jpg) no-repeat;}*/

.pay, .way{ float:left; margin-right:61px; overflow:hidden;}
.pay{ width:310px;}
.pay h3, .way h3, .wechat h3{ width:100%;border-bottom:1px solid #e2dede; text-indent:5px; padding:30px 0px 10px; margin-bottom:15px;}
.pay img{ width:68px; height:68px; float:left; margin-right:25px;}
.way{ width:546px;}
.way p{ width:100%; color:#666; font-size:12px; line-height:20px;}
.wechat{ width:141px; overflow:hidden; float:right;}
.wechat img{ width:113px; height:113px; margin-left:15px;}

/*底部*/
.footer_wap{ width:100%; background:#F2F3F4;position: fixed;
bottom: 0;}
.footer{ width:1120px; overflow:hidden; margin:0px auto; color:#666; font-size:14px;}

.bottom_wap{ width:100%; overflow:hidden; background:#f3f3f3; padding-bottom:20px;}
.bottom{ width:1120px; overflow:hidden; margin:0 auto;}
.yss{ width:1120px; margin:0 auto; text-align:center; padding-top:15px;}
.yss a{ margin-right:20px; color:#666;}
.yss a:hover{ color:#2987bc;}

/*内页banner*/
.inside_banner{ width:100%; height:250px; background:url(../images/banner2.jpg) center no-repeat;}
.location{width: 100%;font-size: 14px;height: 40px;line-height: 42px;background: #E6E7E9;border-top: 5px solid #D1D2D4;}
.banner{ width:100%; overflow:hidden; margin:0 auto;}
.banner img{ width:100% !important; height:300px !important; margin-top:83px;}
/*内容关于我们*/
/*.title{background:url(../images/niv_04.png) center top #ccc;height:57px;width:100%; overflow:hidden;}
.title_wap dt{ width:523px; float:left; overflow:hidden; font-size:24px; line-height:57px; color:#fff; text-indent:250px;}
.title_wap dt i{ width:45px; height:45px; background:url(../images/niv_05.png) no-repeat; background-size:45px 45px; float:right; margin:7px 120px 0 0;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity:0.7;}
.title_wap dd{ color:#ebecf0; float:left; font-size:57px; line-height:57px; text-indent:100px; letter-spacing:2px;}
.title_wap{ width:1120px; overflow:hidden; margin:0px auto;}*/
.h10{height: 10px;background:#D1D2D4;}
.h86{height: 86px;}
.h100{height: 100px;}
.content{ width:1120px; overflow:hidden; margin:0px auto;}
.inforo{
    height: 120px;
	padding-top:20px;
    border-bottom: 1px dashed #d7d7d7;
	}
.inforo img {
    width: 160px;
    height: 98px;
    float: left;
    padding: 0px 10px 0 30px;}
.inforo h2 {
    width: 900px;
    float: right;
    font-size: 16px;
    font-weight: inherit;}
.inforo h2 a{color:#222; font-weight:700;}
.inforo h2 a:hover{ color:#64c6e6;}
div.inforo p{
	font-size: 14px;
    width: 900px;
    float: right;
    color: #555;
	line-height:1.5;
	padding:0;
	height:24px;
	margin-top:10px;}

/*左侧代码*/
.in_left{ width:310px; overflow:hidden; float:right; margin:10px 0 30px;}
.in_left h2{ width:310px; height:40px; background-color:#64c6e6;text-indent:10px; font-size:18px; color:#fff; font-weight:inherit; line-height:40px; padding-left: 10px;}
.in_left ul{ overflow:hidden;}
.in_left li{line-height:40px; font-size:16px; margin-top:6px;}

.in_left ul li a:hover{/*background-color:#000; color:#fff;*/ background:#64c6e6; color:#fff;}
.in_left ul li a{text-decoration:none;width:300px;display:block;padding:0 0 0 20px;height:40px; float:left;background-color:#e8e8e8; margin-bottom:6px; color:#7d7d7d;}
.pitch{background:#efeeee; color:#000;}
.in_left li me{ float:right; margin-right:15px;}
.sky{ height:250px; margin-top:140px; -margin-left:12px;}
.sky .xt{ display:inline-block; width:110px; height:61px; float:left;padding: 0px 16px 15px 22px; }
.sky .xt img{ border-radius:10px; width:110px; height:61px;}
.sky .xt:hover{ background:none;}
.in_left em{ width:202px; height:47px; background:url(../images/niv_06.png) no-repeat #fff; float:left; margin-top:30px;}

/*内容右侧*/
.in_right{ width:1120px; overflow:hidden;}
div.in_right1 .hz{ clear:both; background:#f8f8f8;}
div.in_right1 .hz img{width:900px; height:550px; }
div.in_right1 .hzt,.hztt{float:left;background:#f8f8f8;}
div.in_right1 .hzt{ margin: 15px 14px 15px 0;}
div.in_right1 .hztt{margin:15px 0px 15px 25px;}
div.in_right1 .hzt img{width:430px; height:400px;  }
div.in_right1 .hztt img{width:430px; height:400px;  }
.in_right1{ width:810px; overflow:hidden; /*float:right;*/ margin-top:10px;}
.in_ppos{height:40px; line-height:42px; width:1120px; -border-bottom:1px solid #64c6e6; font-size:16px; padding-left:10px; margin:0 auto; text-align:left;}
.in_right p{ display:block; font-size:16px; color:#333; font-weight:100;}
.in_right1 img.damen{ float:right; margin-top: 85px; margin-right: 100px;}
.in_ppos_02{width:100%; overflow:hidden;border-bottom:1px solid #54b98d;}
.in_ppos a:hover{ color:#64c6e6;}
div.in_right1 .bgg p{ display:block; text-align:center; font-size:16px; font-weight:600; height:40px; line-height:40px; }


/*.in_referral{ width:306px; height:258px; background:url(../images/index_12.jpg) no-repeat; margin:20px 19px; padding-left:594px;}*/
.in_referral{ width:306px; height:258px; margin:20px 19px; }
.in_referral h2{ width:306px; overflow:hidden; line-height:50px; font-size:30px; text-align:center; color:#5da746; float:right;}
.in_referral p{ width:306px; line-height:14px; color:#ccc; font-family:Arial; text-align:center; font-size:12px;}
.in_nr{overflow:hidden;}
.in_nr p{ text-indent:25px; line-height:30px;}

/*联系我们*/
.touch{ width:179px;border-bottom:1px solid #e7e7e7; font-size:12px; line-height:26px; padding:10px;}


/*企业文化*/
.corp, .honor{ width:937px; overflow:hidden; margin:15px 0;}
.corp img{ width:133px; height:171px; float:left;}
.corp h2{ width:750px; line-height:35px; float:right; font-size:20px; color:#000;}
.corp p{ width:750px; text-indent:25px; float:right; line-height:30px;}
.corp_t{ width:646px; overflow:hidden; margin:0px auto;}
.corp_t li{ width:646px; height:auto; text-align:center;}
.corp_t li img{height:auto; float:left;}

/*视频*/
.video{ display:inline-block;width:400px; overflow:hidden; margin:20px 0px 0px 32px;/* float:left;*/ vertical-align:top;}
.video dt img{ width:400px; height:246px; float:left;}
.video dd{ width:378px; overflow:hidden; float:left; overflow:hidden; border:1px solid #e2dede; border-top:0; padding:10px;}
.video dd h2{color:#1e6b00;font-size:18px; width:100%;}


/*荣誉证书*/
.honor li{ width:277px; float:left; overflow:hidden; margin:10px 0px 10px 18px;}
.honor li img{ width:277px; height:198px;}
.honor li p{ text-align:center; line-height:30px;}

/*新闻资讯*/
.infor{margin:10px 0px 0px 0; width:250px; float:left;}
.infor img{float:left; padding:0px 10px;}
.infor h2{  float:right; font-size:16px; font-weight:inherit;}
.infor p{ overflow:hidden; line-height:36px; height:36px; font-size:16px; color:#333; float:right; padding-right:95px;}
.infor a{ color:#666;}
.infor a:hover{ color:#3EBC0F;}

/*联系我们*/
.contact{ width:380px; overflow:hidden; background:url(../images/ccccc.png) no-repeat scroll -52px -27px; float:left; margin-top:40px; margin-left: 48px; height: 342px;}
.contact img.damen{ float:right;}
.contact h3{ width:100%; overflow:hidden; font-size:14px; color:#999; margin-top: 35px;}
.contact h3 span{ width:100%; line-height:18px; float:left; font-family:Arial; font-size:10px;}
.contact .address{ /*width:342px; */padding-left:40px;background:url(../images/vi_04.png) no-repeat left top; line-height:22px;}
.contact li{ width:100%; /*float:left; */line-height:35px; margin-bottom:15px;}
.contact li i{ width:35px; height:35px; float:left; margin-right:10px; text-align:center;}

/*服务中心*/
.jx-question-bg {width:100%;}
.jx-question-list {display:none;overflow:auto; line-height:28px;}
.jx-question-list ul li {border-bottom:1px solid #eee; padding:10px;}
.jx-question-list ul li p {margin:0;}
.jx-question-list ul li p:before {content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background-color:black; margin:0px 10px 4px 0;}
.jx-question-list ul li p span {float: right;cursor: pointer;}
.jx-question-list div {display: none;padding-left: 10px;text-indent: 2em;margin-top: 5px;color: rgb(157,157,157);}

/*产品中心*/
.center{ margin:0;}
.inside_center{ width:256px; overflow:hidden; float:left; margin:0px 16px 50px 18px; padding:5px;}
.inside_center dt{ width:256px; overflow:hidden; float:left;}
.inside_center dt img{ width:248px; height:155px; -border:1px solid #ccc; padding:3px;}
.inside_center:hover{ background:#f8f8f8;}
.inside_center dd{line-height:30px;overflow:hidden;text-align:center; float:left; width:100%;}
.inside_center dd em{display: block;margin-left:50px; margin-top:15px;}
.ck{ background:#f27000;}
.inside_center dd em a{color:#fff;display:block;float:left;font-size:14px;font-style:normal;height:35px;line-height:35px;text-align:center;width:100px;}
.inside_center dd p{line-height:38px; text-align:center; margin-bottom:10px;}
.inside_center a:hover{ color:#46aa49;}

/* 产品详细 */
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix{ zoom:1;}

.sma{ margin-top:10px;}


/* Clear Fix */ 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
/* Hide from IE Mac */ 
.clearfix{display:block;} 
/* End hide from IE Mac */ 
/* end of clearfix */ 
/*页面全局结束*/
.tab{ overflow:hidden; }
.tab li,.tab a{cursor:pointer;float:left;text-align: center;}
.m{overflow:hidden; margin: 20px 70px 0;}


.tab{border-bottom:1px solid #eee;margin-bottom:10px;}
.tab li{position:relative;height:28px;margin-right:10px;line-height:28px;width:100px;}
.curr{ background:#eee;height:28px;line-height:28px;text-align:center;width:100px;}

/*评论列表*/
.pro{ width:1100px; overflow:hidden; margin:0px 10px;}
.pro li{ width:1100px; text-align:center; overflow:hidden; float:left;}
.pro li img{ margin:0px auto; width:936px; margin-right: 164px;}


/*图片小图预览列表*/
.preview{ width:980px;margin:20px 70px 0; padding-bottom:10px;overflow: hidden;/* border-bottom:1px dashed #eee;*/}
.preview span.jqzoom img{ height:250px; width:960px;}
.spec-preview{width:980px;height:250px;}
.spec-scroll{clear:both;margin-top:5px;width:980px;}

.spec-scroll .items{position:relative;width:980px;height:66px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}

.spec-scroll .items ul li{float:left;width:196px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:180px;height:37px; margin-top:4px;}
.spec-scroll .items ul li img:hover{border:1px solid #2aa300;}



/*弹出二维码*/
.cd-popup-container a{color:#2a53a5;text-decoration:underline;}

.img-replace {
  /* replace text with an image */
  display: inline-block;overflow: hidden;text-indent: 100%;color: transparent;white-space: nowrap;}

.cd-popup-trigger {display: block;}


.cd-popup {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color:rgba(94, 110, 141, 0.9);opacity: 0;visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;}
.cd-popup.is-visible {opacity: 1;visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;}

.cd-popup-container {position: relative;width:300px; padding:5px;max-width:400px;margin:14em auto;background:#FFF;border-radius: .25em .25em .4em .4em;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;}

.cd-popup-container .cd-popup-close {position: absolute;top:2px;right:2px;width:30px;height:30px;}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {content: '';position: absolute;top: 12px;width: 14px;height: 3px;background-color: #8f9cb5;}
.cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);left: 8px;}
.cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);right: 8px;}
.is-visible .cd-popup-container {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
@media only screen and (min-width: 1170px) {
.cd-popup-container {margin: 8em auto;}
}

/*悬浮置顶*/
/* jump */
#jump{position:fixed;top:400px;right:30px;width:40px;z-index:400;}
*html #jump{position:absolute;top:expression(documentElement.scrollTop + "px");margin:300px 0 0 0;}
#jump li{ width:45px; height:45px;overflow:hidden; margin-bottom:10px}
#top,#weixin{display:block;width:45px;height:45px;overflow:hidden;cursor:pointer;}

#weixin{background:url(../images/nvi_05.jpg) no-repeat;}

#weixin:hover{background:url(../images/nvi_05.jpg) no-repeat;}
#EWM{position:absolute;left:-160px;display:none; top:-50px; z-index:999999999;}
#EWM img{width:150px;height:150px;}

/*翻页代码*/
.pagesize { width:100%; margin:25px auto; text-align:center; font-size:14px; overflow:hidden; float:left;}
.pagesize .previouspostslink,.pagesize .nextpostslink{border:solid 1px #4d9dfb;}
.pagesize a,.pagesize .extend,.pagesize span{ display: inline-block; line-height:20px; padding:2px 8px; border:solid 1px #d5d5d5; margin:0 2px; text-decoration:none;}
.pagesize a:hover{ border-color:#3EBC0F;}
.pagesize .thisclass {display:inline-block; line-height:20px; padding:2px 8px; background:#3EBC0F; border:solid 1px #009d63; margin:0 2px; color:#fff;}
.pagesize li { display:inline;}


/*文章内容*/
.article_wap{width:1120px; verflow:hidden; margin:10px auto 50px;}
.article_wap h1{ margin:0 100px;overflow:hidden; font-size:20px; font-weight:inherit; text-align:center; border-bottom:1px solid #eee; line-height:48px;}
.article_wap p{ margin:0 100px; height:auto; text-indent:25px; line-height:26px; padding:10px 0px;}
.article_wap span{ padding:3px; margin-right:30px; color:#BDBDBD; font-size:14px;}

.article{ margin:0 100px; overflow:hidden;border:1px dashed #ccc; padding:7px 15px; background:#fff; line-height:26px;}
.at{ height:auto; text-align:center; padding:5px 0px; font-weight:700; color:#eb3d00; font-size:14px;}

.article_page{ margin:40px 50px; overflow:hidden; color:#000; font-size:14px; text-align:center; border-top:1px dashed
 #ccc; padding-top:15px;}
.article_page dt{ width:350px; float:left;}
.article_page dd{ width:350px; float:right;}
.article_page a{ color:#333; text-decoration:none;}
.article_page a:hover{color:#3EBC0F; text-decoration:none;}


/*服务中心*/
.contentWrapper {width:100%;height:100%;position: relative;}
.contentLeft {z-index: 10;width:100%;height:100%;}
.contentRight {padding: 1.3rem 2rem;margin-left:250px;}
.leftNavigation li ul {list-style: none;padding:0;}
.leftNavigation li { border-bottom:1px dashed #999;}
.leftNavigation li a {font-size: 0.875rem;display: block; padding:10px 0;color:#666;text-overflow: ellipsis;overflow: hidden;position: relative;-webkit-transition: color 0.2s ease;transition: color 0.2s ease;}

.leftNavigation li a .leftNavIcon {position: absolute;top: 0;left: 0;width:3rem;padding: 0.8rem 0;text-align: center;}
.leftNavigation li a:hover {color:#3ebc0f;}
.leftNavigation li ul {display: none; font-size:12px;background:#fff; padding:0px 10px;}
.leftNavigation li ul li { text-indent:25px; line-height:20px; padding:5px 0;}
.leftNavigation li ul li a {border-bottom: solid 1px #233547;}
.leftNavigation li ul li:last-child a {border-bottom: none;}
.contentLeft ul li p:before {content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background-color:black; margin:12px 10px 4px;}

.leftNavigation li.active ul {display: block;}
.leftNavigation > li.active {background: #eee;font-weight:bold;}

/*左边地址*/
.left_te{width:202px; overflow:hidden;float:left;}
.left_te dl{width:100%;overflow:hidden;}
.left_te dl dt{height:35px;line-height:35px;font-size:16px;background:url(../images/left_02.png) no-repeat;color:#fff; padding-left:10px;}
.left_te dl dd{line-height:20px;font-size:12px;background:#F7F7F7;color:#717171; padding:10px; line-height:28px;}

/*地图*/
#mapContainer{height:390px; float:right;}

/*内页底部修改*/
.boot{ width:110px; float:left; overflow:hidden; float:left; margin:0px 35px;}
.boot dt{margin-bottom:5px;padding:30px 0 10px;width:100%; font-size:16px;border-bottom: 1px solid #e2dede; text-indent:8px;}
.boot dd{ width:100%; float:left; line-height:24px;}
.boot dd i{ width:3px; height:3px; float:left; background:#999; margin:11px 5px;}
.boot dd a:hover{color:#3EBC0F;}

/*OEM*/
.oem{width:937px; overflow:hidden; margin:0px auto;}
.oem img{width:750px; height:300px;margin:20px 95px;}
.oem p{width:750px; text-indent:25px; line-height:27px;margin-left:96px; margin-top:20px;}

/*2016-03-02补充样式*/
.mian_hy{ width:1120px; margin:0 auto; position:relative;}
.slide_hy{
   /* border-bottom: 2px solid #b0eafb;*/
    height: 247px;
    margin: 0;
    overflow: hidden;
    width: 1120px;
}
/*分页*/
.pageon {
background: #1c1b19;
	border: 1px solid #000;
	height: 25px;
	text-align: center;
	vertical-align: top;
	display: block;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
	text-decoration: none;
	overflow: hidden;
	font: 14px/15px Verdana,sans-serif,"宋体";
	padding-top: 8px;
	padding-right: 15px;
	padding-left: 15px;
	color: #FFFFFF;
	
	}

.pageoff a:link {
	background: #fff url(../images/page_bg.gif) repeat-x left top;
	border: 1px solid #CCCCCC;
	height: 25px;
	text-align: center;
	vertical-align: top;
	display: block;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
	text-decoration: none;
	overflow: hidden;
	font: 14px/15px Verdana,sans-serif,"宋体";
	color: #333;
	padding-top: 8px;
	padding-right: 15px;
	padding-left: 15px;
}
.pageoff a:visited {
	background: #fff url(../images/page_bg.gif) repeat-x left top;
	border: 1px solid #CCCCCC;
	height: 25px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	vertical-align: top;
	display: block;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
	text-decoration: none;
	overflow: hidden;
	font: 14px/15px Verdana,sans-serif,"宋体";
	color: #333;
	padding-top: 8px;
	padding-right: 15px;
	padding-left: 15px;
}
.pageoff a:hover { 
background:  #64c6e6;
	-border: 1px solid #000;
	height: 25px;
	text-align: center;
	vertical-align: top;
	display: block;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
	text-decoration: none;
	overflow: hidden;
	font: 14px/15px Verdana,sans-serif,"宋体";
	padding-top: 8px;
	padding-right: 15px;
	padding-left: 15px;
	color: #FFFFFF;}
.pageetc {
	height: 29px;
	text-align: center;
	vertical-align: top;
	display: block;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
	font-size: 14px;
	line-height: 15px;
	text-decoration: none;
	overflow: hidden;
	padding-top: 12px;
	padding-right: 10px;
	padding-left: 10px;
}
.page_in {
	background: #fff url(../images/page_in.gif) repeat-x right top;
	border: 1px solid #CCCCCC;
	height: 30px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: left;
	vertical-align: top;
	display: block;
	margin-right: 0px;
	margin-left: 0px;
	text-decoration: none;
	overflow: hidden;
	font: 14px/15px Verdana,sans-serif,"宋体";
	color: #333;
	padding-top: 11px;
	padding-right: 2px;
	padding-left: 2px;
	width: 53px;
}
.page_1 .off{
	background: #FFFFFF url(../images/page1.gif) no-repeat 3px 4px;
	display: block;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 1px 3px 1px 12px;
	vertical-align: top;
	font: 12px/17px;
	color: #CCCCCC;
	margin-right: 5px;
}
.page_1 a:link,.page_1 a:visited{
	background: #FFFFFF url(../images/page1.gif) no-repeat 3px -23px;
	display: block;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 1px 3px 1px 12px;
	vertical-align: top;
	font: 12px/17px;
	color: #005AA0;
	margin-right: 5px;
}
.page_1 a:hover{
	background: #FFFFFF url(../images/page1.gif) no-repeat 3px -23px;
	display: block;
	float: left;
	border: 1px solid #EE0000;
	padding: 1px 3px 1px 12px;
	vertical-align: top;
	font: 12px/17px;
	color: #EE0000;
	margin-right: 5px;
}
.page_2 .off{
	background: #FFFFFF url(../images/page1.gif) no-repeat 43px -55px;
	display: block;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 1px 12px 1px 3px;
	vertical-align: top;
	font: 12px/17px;
	color: #CCCCCC;
}
.page_2 a:link, .page_2 a:visited{
	background: #FFFFFF url(../images/page1.gif) no-repeat 43px -85px;
	display: block;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 1px 12px 1px 3px;
	vertical-align: top;
	font: 12px/17px;
	color: #005AA0;
	text-decoration: none;
}
.page_2 a:hover{
	background: #FFFFFF url(../images/page1.gif) no-repeat 43px -85px;
	display: block;
	float: left;
	border: 1px solid #EE0000;
	padding: 1px 12px 1px 3px;
	vertical-align: top;
	color: #EE0000;
	font: 12px/17px;
	text-decoration: none;
}
.page_3 a:link, .page_3 a:visited{
	display: block;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 1px 3px;
	vertical-align: top;
	font: 12px/17px;
	color: #005AA0;
	margin-right: 5px;
	background: #FFFFFF;
}
.page_3 a:hover{
	display: block;
	float: left;
	border: 1px solid #EE0000;
	padding: 1px 3px 1px 3px;
	vertical-align: top;
	font: 12px/17px;
	color: #EE0000;
	margin-right: 5px;
	background: #FFFFFF;
}
.page_3 a.cur{
	display: block;
	float: left;
	border: 1px solid #EE0000;
	padding: 1px 3px 1px 3px;
	vertical-align: top;
	font: 12px/17px;
	color: #EE0000;
	margin-right: 5px;
	background: #FFFFFF;
}
.page_3 .spc{
	display: block;
	float: left;
	padding: 2px;
	vertical-align: top;
	font: 12px/17px;
	color: #005AA0;
	margin-right: 5px;
}
.pagejump1{
	width: 45px;
	float: left;
	height: 23px;
}
.pagejump1 .inp{
	width: 45px;
	float: left;
	height: 23px;
	padding: 0px;
	margin: 0px;
}
.pagejump1 .inp input{
	padding: 2px;
	width: 39px;
	border: 1px solid #CCCCCC;
	font: 14px Arial, Helvetica, sans-serif;
	height: 17px;
	margin: 0px !important;
	_margin: -1px 0px 0px;
}
.pagejump1 .btn{
	display: none;
}
.pagejump_txt{
	height: 20px;
	width: 20px;
	text-align: right;
	float: left;
	vertical-align: top;
	line-height: 17px;
	font-size: 14px;
	padding-top: 3px !important;
	_padding-top: 4px;
}
.pagejump2{
	width: 90px;
	background: #1c1b19;
	padding: 0px;
	height: 23px;
	text-align: left;
	overflow: hidden;
	float: left;
}

.pagejump2 .inp {
    width: 45px;
	float: left;
	height: 23px;
	padding: 0px;
	margin: 0px ;
	overflow: hidden;
}
.pagejump2 .inp input {
	padding: 2px;
	width: 100%;
	border: 1px solid #CCCCCC;
	font: 14px Arial, Helvetica, sans-serif;
	height: 17px;
	margin: 0px;
	overflow: hidden;
}
.pagejump2 .btn{
	display: ;
	margin: 0px;
	width: 45px;
	padding: 0px;
	height: 23px;
	overflow: hidden;
	float: left;
	
}

.pagejump2 .btn input{
	margin: 0px;
	width: 45px;
	padding: 0px;
	border: 0px none #1c1b19;
	height: 23px;
	overflow: hidden;
	
	display: block;
	cursor: pointer;
}
.pagejump2 .btn input:hover{background:#64c6e6;}

/*分页 end */
.about_us{ width:1120px; margin:0 auto;}
.introduce{-margin-top:20px; padding:10px 20px; background-color:#D1D2D4;}
.introduce img{ float:left;width:480px; height:380px; margin-left:18px;}
.int_text{ margin-left:580px; padding:20px 15px; width:450px; background-color:#f0f0f0;}

.int_text p{ line-height:20px;}
.int_text p span{font-size: 14px;}
.company_detail1{ -margin-top:20px; }
.company_detail1 ul{ width:100%; background-color:#d1d2d4; padding:12px 0;}
.au_title{ padding:10px 0 10px 20px; font-size:16px; background-color:#e8e8e8; color:#999; height: 30px;line-height: 30px;}
.introduce h3{ padding:10px 0 10px 20px; font-size:16px; background-color:#e8e8e8; color:#64c6e6;margin-bottom:15px;}
.company_detail1 h3{padding:10px 0 10px 20px; font-size:16px; background-color:#e8e8e8; color:#999;-margin-bottom:15px;  height: 30px;line-height: 30px;}
.company_detail1 li{ display:inline-block; width:557px; text-align:center; padding:10px 0 10px 0;}
.company_detail1 li img{ width:420px; height:280px;}
.company_detail1 li p{ padding-top:10px; line-height:20px;}

.activity{ width:1120px; margin:0 auto;}
.act_item h3{ padding:10px 0; margin:10px 0; color:#fff; font-size:18px; text-align:center; background-color:#64c6e6;}
.act_show img{ width:150px; margin:0 16px; height:240px;}
.show_box{ display:none;width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.5);text-align:center;}
.show_box img{ width:640px;}
.show_box span{ display:block; width:700px; height:48px; background:url(../images/close.png) no-repeat right top; background-size:35px;}
.show_box2{ width:700px; margin:0 auto;margin-top:12%; padding-bottom:15px;}

.contact_title{padding:10px 0 10px 20px; font-size:16px; background-color:#e8e8e8; color:#64c6e6; margin:20px 0 0;}
.clear{ clear:both;}

.contact_list li{ display:inline-block; width:497px; padding:30px 0 10px 60px;}
.contact_list li img{ float:left; margin-left:20px; width:190px; height:230px;}
.cl_text{ margin-left:260px; padding-top:50px;}
.cl_text p{ padding:10px 0; line-height:20px;}

.da-thumbs li p{ font-size:16px; color:#333; text-align:center; line-height:22px; padding:8px 0 0;}
.product_item{ margin-bottom:10px; border:5px solid #6C6D70;}
.product_item td{ position:relative;}
.product_item .zhong{ border-left:5px solid #6C6D70;}
.product_item .zhong{ border-right:5px solid #6C6D70;}
.product_item td img{ width:260px; height:260px;}
.product_item td h3{ width:100%;padding:8px 0; font-size:16px; color:#fff; background-color:#65d1f4;position:absolute; top:0; left:0; text-indent:12px;}
.product_item td p:nth-of-type(1){ margin-top:15px;}
.product_item td p{ line-height:17px; font-size:12px; color:#000;margin-left:10px;}
.product_item td a{ display:inline-block; width:100px; height:38px; background-color:#64c6e6; border:1px solid #e8e8e8; border-radius:5px; color:#fff; line-height:38px; text-align:center; font-size:18px;}
.product_item td a:hover{ background-color:#65d1f4;}

.product_detail{ padding:20px;}
.product_detail img{ float:left; width:300px; margin-left:50px; margin-top:20px;}
.pd_text{ margin-left:400px; padding-top:20px;}
.pd_text h3{ color:#64c6e6; font-size:18px; margin-bottom:10px;}
.pd_text p{ font-size:14px; color:#000; line-height:20px;}

.pro_tab ul{ height:40px; border-bottom:1px solid #e4e4e4; background-color:#e8e8e8; border-left:1px solid #e4e4e4; border-top:1px solid #e4e4e4; margin-top:15px;}
.pro_tab li{ float:left; width:170px; height:40px; text-align:center; line-height:40px; font-size:16px; border-right:1px solid #e4e4e4; cursor:pointer; color:#64c6e6;}
.pro_tab li.aton_2{ background-color:#fff; position:relative;}
.pro_tab li.aton_2 .zhe{ position:absolute; bottom:-1px; left:0;display:inline-block; width:170px; height:1px; background-color:#fff;}
.pro_cont img{ width:100%; margin-top:10px;}
.pro_cont2{ padding-top:20px;}
.pro_cont2 p{ line-height:22px;}

.content2{ width:1125px; overflow:hidden; margin:0px auto; padding-left:30px; background-color:#cacaca;}
.product_list td{ border:2px solid #4a4848;}


.news_r_img{width:100%; height: auto; overflow: hidden; margin:20px auto 0;}
.news_r_img ul{margin-right:-2%;}
.news_r_img ul li{width:14.666%; float:left; margin:0 2% 1% 0;}
.news_r_img ul li span{width:100%;float:left; text-align:center;line-height:22px; font-size:13px; padding-top:10px;min-height:30px;}
.news_r_img ul li img{width:99%;height:auto;float:left; padding:1px; box-sizing:border-box; border:1px solid #ccc;}
.news_r_img ul li img:hover{padding:1px;background:#f08519;border:1px solid #ccc;}


.inf_lc{clear: both;padding: 12px 0 0; width: 100%; margin: 20px auto 0 auto;}
.inf_lc li{padding: 15px 20px 15px 0; border: 1px solid white; border-radius: 8px; height: auto; overflow: hidden; margin: 0 0 30px; background: #f9f9f9;}
.inf_lc li:hover{border-color: #64c6e6;border-radius: 4px;}
.inf_lc li.bg{background: #f5f5f5;}
.inf_lc li .bt{padding: 22px 5px 0 15px;text-align: center;float: left;width: 64px;overflow: hidden;}
.inf_lc li .bt b{font-weight: 100;display: block;line-height: 36px;height: 36px;overflow: hidden;font-size: 36px;font-family: Arial;text-transform: uppercase;}
.inf_lc li .bt span{font-weight: 100;display: block;line-height: 16px;height: 16px;overflow: hidden;font-size: 12px;font-family: Arial;text-transform: uppercase;color: #343434;}
.inf_lc li .nyzi{padding: 0 0 0 14px;line-height: 26px;width: 70%;font-size: 14px;float: left;color: #999;}
.inf_lc li .nyzi b{display: block;font-weight: 100;color: #e60012;line-height: 30px;height: 30px;margin: 5px 0;font-size: 15px;}
.inf_lc li .nyzi b a, .inf_lc li .nyzi b a:hover{color: #64c6e6;font-weight: bold;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.inf_lc li .nyzi b a:hover{color: #e60012;}
.inf_lc li .fr{margin: 50px 0 0;width: 70px;height: 25px;line-height: 25px;text-align: center;color: #ffffff;background-color: #ff9900; float: right;}
.inf_lc li .fr:hover{background: #ff9900;}