@charset "utf-8";
/* CSS Document */
body{font-family: "Microsoft Yahei", "冬青黑体简体中文 w3"; letter-spacing: 0.5px; font-size:14px; color:#656565; line-height:22px;overflow-x:hidden;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, img { margin:0px; padding:0px; border:none;}
fieldset, img, abbr { border:0;}
ul,li,dl,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; border: medium none; }
a, ins { text-decoration:none;}
space-line { clear:both; margin:0px; width:auto; padding:0px;}
input,button,textarea,select{ font:100% Arial,'宋体';}
div{ margin:0px; padding:0px; border:0px;}
a{color:#656565; text-decoration:none;}
a:hover{color:#bd2727; text-decoration:none;}
.clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0;}
.clear{ clear:both;}
/*heard*/
.head{height:36px; line-height:36px; background:#000;}
.fl{ float: left; }
.fr{ float: right; }
.cs{ border: 1px solid red; }
.top_l{ float:left; height:36px; font-family:"宋体"; line-height:36px; font-size:12px; color:#fff;}
.top_r{ float:right; height:36px; width:428px;}
.search{ float:left; width:178px; height:21px; line-height:21px; margin-top:8px;}
.text{ float:left; width:136px; padding-left:20px; height:21px; line-height:21px; background:url(../images/q2.jpg) no-repeat; border:none;}
.iamg{ float:left; width:20px; height:21px;}
.wenzi{ float:right; }
.wenzi m{font-size: 12px; color:#fff; font-weight: bold;}
.wenzi a{ margin:0 3px; font-size:12px; font-family:"宋体"; color:#fff;}
.wenzi a img{  margin-top: -5px;}
/*yidong head*/
.yd_head{width:100%;padding:0% 0;background:black;height:100%; height:50px;}
.yd_head .logo{width:100%;margin:0 auto; text-align: center; font-size: 20px; height: 50px; line-height: 50px;}
.yd_head .logo img{width:110px;margin:0 auto; padding-top:10px;}
.yd_head .logo a{ color:#fff;}
/*yi dong shou ye header*/
#header{padding:10px 0px 12px 2px;position:relative;}
#header>h1{position:absolute;left:45px;top:16px;font-size:14px;font-weight: bold;}
#header>p{position:absolute;left:45px;top:32px;font-size:8px !important;}
#header img{width: 35px;}
#header>.qq{position:absolute;right: 22px;top:14px;padding-left: 16px;background:url("../img/qq.png") no-repeat left center;background-size:10px 15px ;margin-right: 5px;}
#header>.tel{position:absolute;right: 0;top:30px;padding-left: 16px;background:url("../img/tel.png") no-repeat left center;background-size:15px 18px ;margin-right: 5px;}
#header div{font-size: 6px;}
#header span{color:#6ac836;font-size: 14px;}
/*nav*/
.nav_box{width: 100%;}
.nav_beij{ background: rgb(32, 181, 89); }
.logo{ width:1200px;}
.ddsmoothmenu{width:1020px; float:left; margin-top:20px; padding-bottom:15px;font-weight: bold;}
.ddsmoothmenu ul{z-index:100;margin:0;padding:0;list-style-type:none;}
.ddsmoothmenu ul li{position:relative;display:inline;float:left; text-align:center;}
.ddsmoothmenu ul li a{display:block;color:black;text-decoration:none; font-size:16px;border-bottom:2px solid transparent; text-transform: uppercase; padding: 0 30px;}
*html .ddsmoothmenu ul li a{display:inline-block;}
.ddsmoothmenu ul li a:link,.ddsmoothmenu ul li a:visited{color:black;}
.ddsmoothmenu ul li a.selected{color:black;}
.ddsmoothmenu ul li a:hover{color:#bd2727;border-bottom:2px solid #bd2727;}
.ddsmoothmenu ul li ul{position:absolute;display:none;visibility:hidden;background:#FFF;}
.ddsmoothmenu ul li ul li{display:list-item;float:none;width:200px;}
.ddsmoothmenu ul li ul li ul{top:0;}
.ddsmoothmenu ul li ul li a{width:200px;padding:5px 0px;margin:0;border-top-width:0; font-size:14px; text-align:center;}
.ddsmoothmenu ul li ul li a:hover{color:#black;}
.li_jt a:hover{background:url(../images/icon_3_hover.png) no-repeat right center;}
*html .ddsmoothmenu{height:1%;}
.downarrowclass{position:absolute;top:16px;right:7px;}
.rightarrowclass{position:absolute;top:6px;right:5px;}
.ddshadow{position:absolute;left:0;top:0;width:0;height:0;background:silver;}
.toplevelshadow{opacity:0.8;}
.bbs{background:#000;width: 120px;float: right;border-radius: 25px;-moz-border-radius: 55px;text-align: center; height: 24px; line-height: 24px;}
.bbs a{ color: #fff; }
/*热销*/
.fangan_box{width: 100%;}
.best-product{width:1180px; min-width:1180px; height:470px;margin:0 auto; padding-top: 10px;}
.best-product .title{width:1180px;display:table-cell;vertical-align:middle; overflow:hidden;}
.best-product .title p{background:url(../img/title_bg.jpg) no-repeat left center; font-size:18px;  font-family: Arial; color:#cccccc; float:left;}
.best-product .title p span{font-family:"微软雅黑"; font-size:24px; color:#000000;padding-left:22px;margin-right:10px;}
.best-product .title .button{display:inline-block;height:25px;border:1px solid #e0e0e0; float:right; overflow:hidden}
.best-product .title .button .left-button{ display:block;width:34px;height:25px; line-height:25px; text-align:center;border-right:1px solid #e0e0e0; float:left; background:url(../img/lbtn.jpg) no-repeat center }
.best-product .title .button .right-button{ display:block;width:35px;height:25px; line-height:25px; text-align:center; float:left; background:url(../img/rbtn.jpg) no-repeat center; }
.best-product .pcont {FLOAT: left; OVERFLOW:hidden; WIDTH:1180px}
.best-product .ScrCont{ WIDTH: 32766px; ZOOM: 1}
.best-product #List1_1, .best-product #List2_1 {float:left;}
.best-product .pl {width:580px;float:left;margin-right:20px;}
.best-product  .pl img{width:580px;height:360px;}
/*shouye about*/
.sy_about{ margin:25px auto 0 auto; width:1200px; height: 290px;}
.ab_title{width:1180px;height:40px;display:table-cell;vertical-align:middle; overflow:hidden;border-bottom: 1px solid #000;}
.ab_title p{background:url(../img/title_bg.jpg) no-repeat left center; font-size:18px;  font-family: Arial; color:#cccccc; float:left;}
.ab_title p span{font-family:"微软雅黑"; font-size:24px; color:#000000;padding-left:22px;margin-right:10px;}
.ab_title .button{display:inline-block;width:50px;height:25px; float:right; overflow:hidden}
.syaz {width: 342px;padding-right: 31px; float: left;margin-top: 35px;}
.syaz img {display: block;width: 100%;max-width: 342px;max-height: 213px;}
.syay {margin-left: 423px; margin-top:35px;}
.syabt {display: inline-block;padding-right: 100px;font-size:2rem;text-transform: uppercase;font-family: 'AvenirLTStdBlack'; font-weight: bold;}
.syap1 {display: block;line-height: 24px;margin-top: 17px;margin-bottom: 32px;}
.syap2 {display: block;width: 143px;height: 30px;line-height: 30px;border: 1px solid #e3382e;background: #e3382e;color: #fff;text-align: center;border-radius: 15px;text-transform: uppercase;font-weight: bold;}
/*sou suo*/
.index-contact-ico {padding: 15px 5px;}
.index-contact-ico a.menu {height: 35px;border-radius: 5px;display: block;text-align: center;line-height: 35px;color: #FFF;background: #68bf2a;text-decoration: none;}
.index-contact-ico a.ww {background: #68BF2A url(../img/c-ico.png) no-repeat 0px -50px;height: 35px;border-radius: 5px;display: block;padding-left: 25px;text-align: center;line-height: 35px;color: #FFF;text-decoration: none;}
/*banner2*/
.banner2_box{width: 100%;height: 126px; background-color: #000; }
.banner2_small{ width: 1200px; height: 126px; margin:0 auto;}
.banner2_small ul{ padding:20px 0 0 20px; }
.banner2_small ul li{ width: 1000px; height: 80px;}
.banner2_small ul li .banner2_left{width: 100px; float: left; height: 40px; margin-top: 20px;}
.banner2_small ul li .banner2_right{ width: 800px; float: left; margin:10px 0 0 20px;}
.banner2_small ul li .banner2_right h1{ font-size: 30px; color: #f0f0f0; font-weight: bold;}
.banner2_small ul li .banner2_right p{ color: #f0f0f0; font-size: 15px; margin-top: 15px; }
/*home product*/
.home_pro{ margin-bottom: 40px; padding-top: 15px;}
.pr_home_title{width:1200px;height:40px; line-height: 40px; display:table-cell;vertical-align:middle; overflow:hidden;border-bottom: 1px solid #000;}
.pr_home_title p{background:url(../img/title_bg.jpg) no-repeat left center; font-size:18px;  font-family: Arial; color:#cccccc; float:left;}
.pr_home_title p span{font-family:"微软雅黑"; font-size:24px; color:#000000;padding-left:22px;margin-right:10px;}
.top_home_prd{ margin-top: 30px; }
.pr_home_button{display:inline-block;float:right; overflow:hidden}
.cp_lt h4{ text-align: center; }
.cp_lt img{display: block; margin-left: 25px; padding-bottom: 15px;}
.cp_lt a{ line-height:20px; font-size:14px;}
/*main lunbo*/
/*.slide-wp{width:1920px; height:447px; position:relative; left:49%; margin-left:-950px;}
.slides, .slide-bg{height:447px; background-color:#fff; overflow-x:hidden;}
.slidesjs-pagination{position:absolute;top:420px;left:50%;z-index:11;margin-left:-30px;}
.slidesjs-pagination li{float:left;margin-right:10px;}
.slidesjs-pagination li a{text-indent:-9999px;background-color:#333;display:inline-block;*display:block;_display:block;width:25px;height:7px;}
.slidesjs-pagination li a.active{background-color:#666;}
.slideChild{width:945px;margin:0 auto;z-index:10;height:460px;position:relative;}
.slideChild a.opa{position:absolute;top:0;left:0;display:inline-block; *display:block;_display:block;width:100px;height:50px;background-color:#fff;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)"; opacity:0;}
.slideChild a.a-jd{top:320px;left:135px;width:230px;height:55px;}
.slideChild a.a-video{top:50px;left:40px;width:230px;height:285px;}
.slideChild a.a-ad{position:absolute;background-color:#202020;color:#fff;text-align:center;top:365px;left:404px;width:130px;height:32px;line-height:32px;font-size:16px;}
.slideChild span.timeTip{color:#fbd504;font-size:56px;position:absolute;top:165px;left:170px;font-weight:bold;}
.slideImg{position:absolute;top:0;left:0;z-index:9;}*/
/*the case*/
.case_home_box{ background: #f5f6f7; width: 100%; padding-top: 10px; padding-bottom: 30px;}
.case_bg{ background-color: #fff; margin-top: 20px; padding-top: 10px 0 10px 0;}
.case_left_1{ padding: 15px 0 15px 0; }
.case_right_1 h1{ font-size: 18px; font-weight: bold; color: #333333; padding-top: 20px;}
.case_right_1 p{ font-size: 14px; color: #333; padding-top: 5px;}
/*meiti*/
.meiti_box{width: 100%; padding-top: 5px; padding-bottom: 20px;padding-top: 50px; padding-bottom: 20px;background: url(../img/sybg1.jpg) no-repeat center top;}
.sypbt2 span{color: #fff;}
.sypbt2{margin-bottom: 53px;text-align: center;}
.sypbt span {padding-right: 130px;background: url(../img/btbg2.png) no-repeat right center;font-size: 36px;font-size: 3.6rem;text-transform: uppercase;font-family: 'AvenirLTStdBlack';}
.sypbt a {padding-left: 130px;background: url(../img/btbg1.png) no-repeat left center;display: inline-block;}
.synbox{float: left;margin-left:44px;width: 340px;padding-bottom: 29px;}
.synboxn{padding-left: 20px;padding-top: 19px;padding-right: 20px;padding-bottom: 25px;border: 1px solid #656565;background: transparent;transition: 0.5s;}
.syntu img{display: block;width: 100%;max-width: 300px;max-height: 180px;}
.synp1{display: block;color: #fff;font-size: 16px;font-size: 1.6rem;font-weight: bold;line-height: 26px;height: 52px;overflow: hidden;margin-top: 19px;margin-bottom: 11px;}
.synboxn span{color: #999999;padding-left: 22px;background: url(../img/biao.png) no-repeat left center;}
.synp2{display: block;color: #cacaca;line-height: 26px;height: 78px;overflow: hidden;margin-top: 14px;}
.synbox:hover .synboxn{background: #fff;border-radius:6px; }
.synbox:hover .synp1{color: #e3382e;}
.synbox:hover .synboxn span{color: #666666;}
.synbox:hover .synp2{color: #666666;}
.synbox:hover{background: url(../img/synyinying.png) no-repeat center bottom;}
/*Project case*/
.Project_home_box{ background: #f5f6f7; width: 100%; padding-top: 10px; padding-bottom: 30px;}
.indexF ul li{float:left;width:374px;margin:10px 0 0 20px;box-sizing:border-box; list-style: none;}
.indexF ul li a.pic{display:block;width:100%;height:100%;position:relative;}
.indexF ul li a.pic img{width:100%;display:block;}
.indexF ul li a.pic ins{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 3em;-webkit-transition:background-color 0.35s;transition: background-color 0.35s;box-sizing:border-box;}
.indexF ul li a.pic ins::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:'';opacity: 0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale(0);transform:scale(0);}
.indexF ul li a.pic ins h5{opacity:0;margin:21% 0 0 0;text-align:center;font-size:24px;color:#fff;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:scale(0);transform:scale(0);}
.indexF ul li .t{text-align:center;height:84px; overflow:hidden;padding:0;background:none;box-sizing:border-box;transition:all 0.3s ease 0s;}
.indexF ul li .t h6{font-size:24px;transition:all 0.3s ease 0s; line-height: 0px; margin-top: 35px;}
.indexF ul li .t h6 a{color:#050505; text-decoration: none; font-weight: normal;}
.indexF ul li .t a.more{display:none;width:123px;height:30px;line-height:30px;margin-top:0;text-align:center;font-size:13px;color:#fff;background:#f60;text-transform:uppercase;transition:all 0.3s ease 0s;}
.indexF ul li:hover .t{background:rgb(32, 181, 89);}
.indexF ul li:hover .t h6{ margin-top: 20px; }
.indexF ul li:hover .t h6 a{color:#fff;}
.indexF ul li:hover .t a.more{display:inline-block; margin-top: 20px;}
.indexF ul li a:hover ins{background-color:rgba(0,0,0,0.7);}
.indexF ul li a:hover ins::before{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.indexF ul li a:hover ins h5{opacity:1;-webkit-transform:scale(1);transform:scale(1);}

/*yidong meiti*/
.showlist{border-top:1px solid #fff;}
.showlist li{clear:both;margin-top:10px;color:#555;padding:2px 15px 15px 15px;background:url(libg.png) repeat-x 0 100%; font-size:15px;}
.showlist li a{ font-size: 14px; color: #000; }
.showlist li .titl{height:23px;overflow:hidden}
.showlist li .img{border:1px solid #ccc;padding:1px;margin-right:10px; background:#fff;box-shadow:0 0 3px #ccc;border-radius: 5px; This is a div for test!!!.}
.showlist li a.titl{color:#1555a2}
/*the tubiao*/
.tubiao_box{width:100%; background: #fff; border-top: 1px solid #ccc; padding-top: 40px;}
.tubiao_box li {float: left;width: 300px;font-size: 14px;border-right: 1px solid #d6d6d6;padding-left: 40px;}
.tubiao_box li img {float: left;}
.tubiao_box li h3 {font-size: 14px; font-weight: bold; padding-top: 10px;}
/*the links*/
.flink{ width:100%;  background: #fff; padding-top: 10px; clear: both;}
.flink_title{padding-left: 10px;}
.flink_title m{width:6px; height:21px; background:#f7a945; float:left; }
.flink_title dd{ text-indent:15px; font-size:16px; color:#656565; font-weight:bold;}
.flcon{ padding: 10px 0 30px 0; }
.flcon a{ display:inline-block; font-size: 14px; margin: 5px 5px; line-height: 20px;}
.link_left{ float: right; font-size: 14px; }
/*foot*/
.footer_box{ width: 100%; height: 150px; background: #eee;}
.inner {margin: auto;width: 100%;padding-top: 5px;text-align: center;}
.inner .BottomNav {width: 100%;margin: auto;height: 30px;line-height: 30px;color: #FFF; background: rgb(32, 181, 89);}
.HeightTab{ margin-top: 25px; }
.BottomNav a{ padding: 0 5px; }
/*yidong footer*/
.yd_footer{padding:3% 0;}
.yd_footer a{color:#000;}
.yd_footer .tel{width:45%;margin:0 0 0 2.8%;background:#d8d8d8;text-align:center;height:40px;color:#411468;}
.yd_footer .tel p span{font-weight:100;font-size:12px;padding:0px 0  0 16px;background:url(../images/foot-tel.jpg) no-repeat center left;}
.yd_footer .tel p{clear:both;font-weight:bold;font-size:16px;}
.yd_footer .tel p a{clear:both;font-weight:bold;font-size:14px; line-height: 18px;}
.yd_footer .tel p.on{padding:5px 0 0 0;}
.yd_footer .zixun{height:40px;width:23%;margin:0 0 0 2%;background:#d8d8d8;text-align:center;font-size:16px; line-height: 40px; font-weight:bold;color:#411468;}
.yd_footer .pc{height:40px;width:23%;margin:0 0 0 2%;background:#d8d8d8;text-align:center;color:#411468;}
.yd_footer .pc span{display:block;}
.yd_footer .pc span.on{padding:7px 0 0 0;}
.yd_footer .about{padding:2% 0;margin:2% 0 0 0;text-align:Center; color:#000; border-bottom: 1px solid #000; }
.yd_footer .about a{color:#000;}
.yd_footer .about span{padding:0 2%;}
.yd_footer .dizhi{text-align:center;margin:3% 0 0 0;}
/*zhandian_nav*/
.AreaR {width: 820px;float: left;}
.lxpage {}
.lxpage .btitle {font-size: 30px;color: #000;font-weight: bold;margin-bottom: 30px;padding: 10px 100px;text-align: center; margin-top: 20px;}
.maplist {margin: 10px 0;padding: 0px;}
.maplist dl {padding: 0px;margin: 0px;}
.maplist dt {width: 15%;float: left;padding: 0px;}
.maplist dt a {display: block;border: 1px #cccccc solid;height: 30px;line-height: 30px;text-align: center;width: 150px;}
.maplist dd {background: #eeeeee;line-height: 33px;width: 78%;padding: 0px;margin-left: 185px;margin-right: 0px;margin-bottom: 30px;}
.maplist dd a {display: inline-block;margin: 0 10px;}
.blank {height: 8px;line-height: 8px;clear: both;visibility: hidden;}

/*841-1920*/
@media screen and (min-width:841px) and (max-width:1920px){
	.case_yd{ display: none; }
	.yd_meiti_box{display: none;}
    .yd_footer{display: none;}
    .nav{ display: none; }
    #header{ display: none; }
    .yd_head{ display: none; }
    .focus-imgs{ display: none; }
    .askonline{ display:none; }
    .yd_height{ display: none; }

}

/*840*/
@media (max-width: 840px){
.head{display: none;}
.best-product{display: none;}
.nav_box{display: none;}
.sy_about{ display: none; }
.gw_zzsc{ display: none;}
#online_qq_layer{ display: none; }
.banner2_box{display: none;}
.Project_home_box{ display: none; }
/*home productlist*/
.pr_home_title p{background-image:url(../img/title_bg.jpg) no-repeat left center; background-size:2%; font-size:16px;  font-family: Arial; color:#cccccc; float:left;}
.pr_home_title p span{font-family:"微软雅黑"; font-size:16px; color:#000000;padding-left:12px;}
/*main lunbo*/
.slide-bg { display: none; }
/*home case*/
.case_bg{ display: none; }
/* home_case yd*/
.case_yd{ margin-top: 20px; margin-bottom: 15px;}
.case_yd h1{font-weight: normal; font-size: 14px; padding-top: 10px; line-height: 18px; text-align: center; overflow: hidden;}
/*meiti*/
.meiti_box{ display: none; }
/*tubiao*/
.tubiao_box{display: none;}
/*友情链接*/
.flink{ display: none; }
/*底部信息*/
.footer_box{ display: none; }
.yd_height{ height: 40px; }
.askonline {width:100%;height: 38px;position: fixed;bottom: 0;background: #dc0707 url(../img/phone1.png) no-repeat 16px 4px;}
.askonline a {float: left;width: 144px;height: 38px;line-height: 38px;overflow: hidden;font-size:18px;padding-left: 15px;text-align: center;color: #fff;}
.askonline a:last-child{background: #dc0707 url(../img/zixun1.png) no-repeat 16px 2px;border-left: 1px solid #d6cfd3;}
}