/* CSS Document */
html { overflow-y: scroll;}
body, div, dl, dt, dd, ul, ol, img, li, h1, h2, h3, h4, h5, h6, form, input, textarea, button, input, select, textarea, p { margin: 0;padding: 0; border: 0; font-weight: normal;font-family:"helvetica neue", tahoma, "hiragino sans gb", stheiti, "wenquanyi micro hei", 微软雅黑, 宋体, sans-serif; color:#333;}

body, div, img, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; border:none;}
body{}
a:link,a:visited{ color: #000; text-decoration: none}
a{blr:expression(this.onFocus=this.blur());}
a { text-decoration: none; }
a:hover, a:active { color: #FF8F00; text-decoration: none;}

li { text-align: left; list-style: none; color:#121212;}

.ellipsis ul li { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.max-width{width:100%;max-width: 1200px;margin: 0 auto 0 auto;height:auto;clear:both; }
.wenhou{ height:36px; line-height:36px; border-bottom:#c8e0f5 solid 1px;}
.wenhou div{color:#444444;}
.wenhou .m_home{display:none;}
.wenhou .m_zx{display:none;}

.header-logo{min-height:100px;}
.logo{float:left;line-height:100px}
.tel{float:right;width:25%; min-width:290px;padding-top:30px; font-weight:600; background: url(../Images/mao.png) no-repeat left center;}
.tel img{ float:left;margin-top:10px; }
.tel p{color:red; font-size:23px; line-height:30px;}


.m_menu a{ display:none;}
.nav{ clear:both; width:100%; z-index:999;}
.nav,.nav ul{ background:#b81b32;}
.nav ul li{float:left; line-height:60px;text-align:center; width:12.5%; }
.nav ul li:hover{background:#42940b;}

.nav a{ display:block; color:#fff;font-family:'微软雅黑'; font-size:18px;}

.main_visual{height:500px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:500px;width:100%;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:700px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:500px;}
.main_image li span{display:block;width:100%;height:500px}
.main_image li a{display:block;width:100%;height:500px}


.main_image li .img_0{background:url(../Images/banner01.jpg) center top no-repeat}
.main_image li .img_1{background:url(../Images/banner02.jpg) center top no-repeat}
.main_image li .img_2{background:url(../Images/banner03.jpg) center top no-repeat}

div.flicking_con{position:absolute;top:670px;left:50%;z-index:2;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('http://img.derunyoule.com/skin/pm_m/images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:174px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url('http://img.derunyoule.com/skin/pm_m/images/hover_left.png') no-repeat left top;left:50px;}
#btn_next{background:url('http://img.derunyoule.com/skin/pm_m/images/hover_right.png') no-repeat right top;right:50px;}




.title{ line-height:40px;}

.title h4 {background: #b91b32;color: #fff;margin: 0 auto;text-align: center;font-size:18px;}

.title h7 {font-weight:bold;font-size:16px; margin: 0 auto;line-height:50px;    text-align: center;}
.title h8 {font-weight:bold;font-size:16px;margin: 0 auto;line-height:50px;     text-align: center;color:#b91b32;}

.title .xjt{width:auto;margin: 5px auto 0 auto;}
.more{ text-align:right;float:right; font-size:14px; margin-right:50px; line-height:normal;}

.mark-left{display: inline-block;position: relative;top: -5px;width: 40px;height: 1px;overflow: hidden;background-color: #ccc;}
.title span {margin: 0 10px;color: #666; border-bottom:1p}

.left3g { display:none;}	
.pro_class{    margin-top: 15px;}
.pro_class .focusimg ul{width:1050px;height:230px; display:block; overflow:hidden;border-left:1px #CCC solid;margin:0 auto; background-color: #b91b32; }
.pro_class .focusimg ul li{ width:224px; float:left; text-align:center;  }
.pro_class .focusimg ul li:hover{border-top:#F90 5px solid;}
.pro_class .focusimg ul li h3{line-height:50px; display:block; font-size:18px;font-weight:normal;  color:#fff;font-family: "helvetica neue", tahoma, "hiragino sans gb", stheiti, "wenquanyi micro hei", 微软雅黑, 宋体, sans-serif;}

.hot{width:100%; float:left; background:#FFF; border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
.hot:hover{background: #ccffff;border-top-left-radius:20px;border-top-right-radius:20px;}
.hot ul li{width:12.5%; float:left; margin:20px 0; line-height:40px;}
.hot ul li a{width:90%; display:block;border:#ccc 1px solid; margin-left:5%; text-align:center; border-radius: 3px; color:00a2ca; background:#fff;transition:all 0.3s linear;}
.hot ul li a:hover{ background:#F90 ;color: #fff; font-weight:600;}



.focusimg{ width:100%; height:215px; position:relative; margin-top:25px; }
.scrollimg{ width:100%; height:215px; margin:0 auto; position:relative;overflow:hidden;}
.scrollimg ul{ position:absolute;width:222px; height:180px;}
.scrollimg ul li{ float:left;width:188px; height:180px; display:inline;text-align: center; }
.scrollimg ul li img{ width:90%;margin:0 auto;height:150px; }
.scrollimg ul li a { display:block;width:100%; float:left;}
.scrollimg ul li a.no { margin-right:0px;}
.scrollimg ul li a p { text-align:center; line-height:30px; color:#000;}

.btn_previndex {background:url(../Images/i_ab_arr.png) 0px 0px    ; left:0px;    opacity: 0.8;}
.btn_previndex:hover {background:url(../Images/i_ab_arr.png) 0px 30px;}
.btn_nextindex {background:url(../Images/i_ab_arr.png) 30px 0px    ;right:0px;opacity: 0.8;}
.btn_nextindex:hover {background:url(../Images/i_ab_arr.png) 30px 30px;}
.btn_previndex, .btn_nextindex{cursor: pointer;width: 30px;height:30px;position: absolute; top:92.5px; z-index:9}



/*测试栏目展示*/
.main-box-tit {text-align: center;margin-bottom: 1%;}

.m3 {margin: 20px 0;font-size: 24px;}
/*公司简介*/

.main_about{background-color: #404042;}


.pic{width:90%;overflow: hidden; margin:0 auto;border-radius: 5px;}
.pic img{width:100%;transition: all 0.5s ease-out 0s;transform: scale(1);  border-radius: 5px;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);}
.pic img:hover{position: relative;transition: all 0.5s ease-out 0s;transform: scale(1);-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);}







.main{padding:0px 0;}

.box_transition{-webkit-transition:all 0.5s linear;
   -moz-transition:all 0.5s linear;
   -ms-transition:all 0.5s linear;
   -o-transition:all 0.5s linear;
   transition:all 0.5s linear; }
   
.box1,.box3{ background: #F0F4FF;padding:30px 0;}

.box2,.box4{padding:5px 0;}




.new_pro_recommend{clear:both; overflow:hidden; height:400px;}
.new_pro_recommend ul{height:100%;}
.new_pro_recommend ul li{float:left; overflow:hidden;}
.new_pro_recommend ul li a{display:block; width:100%;height:100%;}
.new_pro_recommend ul li img{width:100%;height:100%;}

.new_pro_recommend ul li .card{width:100%;height:100%; display:none;background-color: rgb(255, 255, 255);display:table;position:  relative; top:0;z-index:-1;
   -webkit-transition:all 0.5s linear;
   -moz-transition:all 0.5s linear;
   -ms-transition:all 0.5s linear;
   -o-transition:all 0.5s linear;
   transition:all 0.5s linear; 
   }
.new_pro_recommend ul li:hover .card{position:  relative; top:-100%; z-index:1; filter:alpha(opacity=10); background-color: rgba(0,0,0,0.3);color:#fff;display:block;display:table; font-size:20px;}

.new_pro_recommend ul li .card p{color:#fff; width:90%; padding:5%; text-align:center;vertical-align:middle; display:table-cell; text-shadow: 2px 2px 1px #000;line-height:1em;}
.new_pro_recommend ul li .card p span{ font-size:14px; line-height:1em;}
.new_pro_recommend ul li .card p a{color:#000; width:50%;height:auto; border:1px solid #fff; margin:10px auto; line-height:25px; text-align:center;background-color: #fff; max-width:100px; font-size:14px;text-shadow: none;}

.new_pro_recommend ul li .card p a.zx{color:#fff; border:1px solid #F60; background-color: #F60;}

.new_pro_recommend ul li .card p a:hover{ color:#fff;background-color:rgba(255, 102, 0, 0);}
.new_pro_recommend ul li .card p a.zx:hover{ color:#fff;background-color:red;}


@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .new_pro_recommend ul li:hover .card{background-color:#000000;filter:Alpha(opacity=50);position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
*zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */}
  .new_pro_recommend ul li:hover .card p{position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */}  

}


.new_pro_recommend ul li.n1_1{ width:20%; height:100%; background:#033;transition:background 1s; text-align:right; line-height:400px;}
.new_pro_recommend ul li.n1_1 img{vertical-align:middle; width:100%;max-width:224px; height:auto;}


.new_pro_recommend ul li.n1{width:31%; height:auto; float:right; transition:background 1s; margin-left:1%;}
.new_pro_recommend ul li.n1 img{width:100%;height:100%;margin:0;}

/******开始***************************************************************************************************************************************************************/

@media only screen  and (min-width: 769px)

{

.m2 {font-size: 30px;font-weight: bold;color: #c90925;}
.main_al{padding:5px 0;    background-color: #e6e6e6;padding-bottom: 30px;padding:20px;}
.main1{padding:5px 0;    background-color: #e6e6e6;padding-bottom: 30px;padding:20px;margin-top:500px;}
.banner{position:absolute;width:100%; height:500px;margin:0 auto;z-index:-999;}
.right{width:70%;float:right;border-left:1px #CCC solid; margin-left:-1px;padding-left:3%;margin-top:500px;    padding-top: 15px;}
/*banner：main_image */
.banner{ clear: both;}
.banner{position:absolute;width:100%; height:500px;margin:0 auto;z-index:-999;}

.banner{ clear: both;}

     .new_pro_recommend ul li.n1 .card{ background:url(../Images/xjt1.png) no-repeat top center; position:  relative; top:-100%; z-index:1; filter:alpha(opacity=10); background-color: #033;color:#f60;display:block;display:table; font-size:20px;}
      .new_pro_recommend ul li.n1:hover .card{ background:url(../Images/xjt1.png) no-repeat top center; position:  relative; top:-100%; z-index:1; filter:alpha(opacity=10); background-color: red;color:#f60;display:block;display:table; font-size:20px;}
}

.new_pro_recommend ul li.n2{width:23%; height:55%;backgr ound: #0C9; transition:background 1s; margin-left:1%;margin-bottom:1%;}
.new_pro_recommend ul li.n3{width:23%; height:55%;backgr ound: #F60; transition:background 1s; margin-left:1%;margin-bottom:1%;}
.new_pro_recommend ul li.n4,.new_pro_recommend ul li.n5,.new_pro_recommend ul li.n6{width:15%; height:44%;backgr ound: #CC0; transition:background 1s; margin-left:1%;}
.new_pro_recommend ul li.n1_1:hover{background:red;}



.pro_hot_recommend{clear:both;}
.pro_hot_recommend .title{text-align:center;}
.pro_hot_recommend ul li{width:20%; float:left; text-align:center;padding-top:10px; -webkit-transition:all 0.5s linear;   -moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;   -o-transition:all 0.5s linear;   transition:all 0.5s linear; }




.pro_hot_recommend ul li:hover{ background: #F3F3F3;}
.pro_hot_recommend ul li h3{line-height:40px; font-size:16px;}

.pro_hot_recommend ul li span{ display:block;line-height:30px;}
.pro_hot_recommend ul li span a.zx{ background:#b91b32;color:#FFF;}

.pro_hot_recommend ul li span a{ font-size:14px; display:block; width:40%;float:left;margin-left:7%;margin-bottom:20px;background:#fff; border:#CCC 1px solid;;-webkit-transition:all 0.5s linear;   -moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;   -o-transition:all 0.5s linear;   transition:all 0.5s linear;color:#444444;}
.pro_hot_recommend ul li span a:hover{  color:#F60; border:#F60 1px solid;}
.pro_hot_recommend ul li span a.zx:hover{ background:red;color:#fff; border:#F60 1px solid;}
.pro_hot_recommend ul li .ordering{ display:block;}
.pro_hot_recommend ul li .ordering span{line-height:30px; font-size:14px;}
.pro_hot_recommend ul li .cart{display: inline-block;width: 30px;height: 30px;background: url(../Images/qqtb.png) no-repeat;overflow: hidden;vertical-align: middle;margin-right: 5px;}

.pro_hot_recommend ul li .pic img{height:175px; }

/*首页关于我们*/
.ljdrimg{ height:160px; background:url(../Images/ljdy.png) center; margin-bottom:20px;}
.about_us{width:45%; float:left; }
.about_us ul{width:98%;margin-left:1%;}
.about_us ul li{line-height:60px;font-size:22px; font-weight:normal;margin-bottom:10px;}
.about_us ul li .a1{ display:block; width:30px;height:30px; background:url(../Images/i_ab_arr.png) 30px 0px;float:left;margin:16px 20px 0 0;}
.about_us ul li.l1{ width:50%; float:left;}
.about_us ul li:hover .a1{background:url(../Images/i_ab_arr.png) 30px 30px;}
.about_us ul li:hover a{  color:#0d89c1;}

.about_img {width:55%;float:right;}
.about_img img{width:100%;height:auto;}

.gs {float: left;width: 99.8%;margin-top: 33px;}
.gst {height: 39px;width: 100%;line-height: 39px;float: left;text-align: right;}
.gstz {float: left;width: 150px;background-color:#b91932;height: 39px;color: #FFF;text-align: center;font-size: 1.2em;}
.gst a {color: #ffffff;text-decoration: none;padding-right: 15px;}
.gsd {padding: 2%;float: left;width: 96%;}
.gsz {float: left;}
.gsy {float: right;width: 66%;}
.gsyt {float: left;width: 100%;color: #ffffff;          line-height: 30px;  }
.gdst {width: 100%;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #cecece;line-height: 40px;font-weight: bold;color: #FF6600;}
.gdsd {width: 100%;float: left;margin-top: 19px;    margin-bottom: 19px;}
.gdsd .left {DISPLAY: block;FLOAT: left;width: 40px;margin-top: 10px;}
.gdsd .righ {WIDTH: 25px;DISPLAY: block;FLOAT: right;text-align: right;margin-top: 10px;}
.gdsd #marquee2 {WIDTH: 89%;DISPLAY: list-item;FLOAT: left;OVERFLOW: hidden;height: 78px;top: 0px;padding: 0px;margin: 0px;}
.gdsd #marquee2 ul {margin: 0px;padding: 0px;}
.gdsd #marquee2 li {TEXT-ALIGN: center;WIDTH: 107px;DISPLAY: inline;margin-right: 18px;margin-left: 0px;padding: 0px;margin-top: 0px;margin-bottom: 0px;}
.gdsd #marquee2 ul li span {float: left;width: 100%;}
.gdsd #marquee2 ul li span a {line-height: 30px;color: #000;text-decoration: none;}
.gdsd #marquee2 img {WIDTH: 103px;HEIGHT: 74px;margin: 0px;padding: 1px;border: 1px solid #cdcdcd;}











.act{width:100%; }
.act .title{ text-align:center;}

.hot-video{ margin-top:80px;}


.video_box{width:100%; }
.video_box .title{ text-align:center;}

.video_box ul{  }
.video_box ul li{width:40%;float:left; margin-top:10px; display:block;position: relative;
}
.video_box ul li .pic{height:100%; position:  relative;}
.video_box ul li.v2{width:20%;}
.video_box .play{position:absolute; left:5%;bottom:4px; z-index:2; width:90%;height:100%;background: url(../Images/playicon.png) center center no-repeat;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}

.play_t{width:90%;margin:0 auto;line-height:40px; text-align:center;}
.play_t p{ color:#999; font-size:14px;}
.video_box ul li.v1 .play_t{width:90%;margin:0 auto;line-height:40px; text-align:left;}
.video_box ul li:hover .pic img{position: relative;transition: all 0.5s ease-out 0s;transform: scale(1);-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);}
.video_box ul li:hover .play{filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;}


.focus{height:280px;width:100%; float:left;}
.focus .left{float:right; width:74%; height:280px; position:relative;overflow:hidden;}
.focus .left li{position:absolute; left:0; top:0; width:100%; height:280px; z-index:1; opacity:0; filter:alpha(opacity=0);}
.focus .left li img{width:100%;}
.focus .left li.active{z-index:2;}
.focus .left li p{display:none;}

.focus .right{float:left; width:26%;}
.focus .right li{height:60px; overflow:hidden; background-image:url(../Images/btns.png);background-position:-120px 0; color:#333; font-size:16px; line-height:60px; margin-bottom:10px;cursor: pointer;}
.focus .right li:hover,.focus .right li.active{color:#fff;background-position:-120px -120px; }
.focus .right li i{
	background-image:url(../Images/btns.png);
	background-repeat:no-repeat;
	width:60px;
	height:60px;
	float:left;
	margin-top:5px;
}
.focus .right li i{background-position:0 -120px;;}
.focus .right li:hover i,.focus .right li.active i{background-position:-60px -120px;}
.news .title{ text-align:center; }
.news ul{width:49%; float:left;}
.news ul li.n1_1{margin-left:1%;}
.news ul.n2{margin-left:2%;}
.news ul li{ border:#b91b32 1px solid;margin-bottom:15px; padding:10px;}
ul li .time{margin:5px 0; line-height:20px;display:block;color:#000;font-size:12px; }
.news ul li p{ font-size:14px; color:#000; line-height:20px;}
.news .n1 li{width:47%; float:left; padding:1%; border:none;}
.box4:hover .news ul li{background:#fff;}
.box4:hover .news ul li:hover{ background: #033;}
.box4:hover .news ul li:hover h3{color:#F60;}
.box4:hover .news ul li:hover .time{color: #ECECEC;}
.box4:hover .news ul li:hover p{color: #ECECEC;}
.news .n1 li h3{ margin:10px 0;}
.news .n1 li img{width:100%;    max-height: 200px;}
.news .n1 li p{line-height:25px;}
.case_list {}
.case_list li{width:20%; float:left;}


/*浮动聊天框*/




.dianhua{width:380px;float:right;background:url(../images/k1.png) no-repeat;margin-top: 25px;margin-right: 50px;}
.dianhua .k1{font:100 14px/40px;padding-left:138px;color:#906e63;}
.dianhua .k1 a{color:#906e63;}
.dianhua .k1 a:hover{color:#e87518;}
.dianhua .k2{font:100 22px/30px "Impact";padding-left:170px;height:30px;overflow:hidden;margin-top:10px;}
.dianhua .k2 span{font-family: impact, chicago; font-size: 24px; color: rgb(255, 255, 255);}


/*订购需知*/
.shortcut{width:100%; max-width:1200px;margin:40px auto 0 auto;position:relative;z-index:101;overflow:hidden;}
.shortcut li{width:22%;margin-left:4%; float:left;height:auto;}
.shortcut li.li1{margin-left:0;}
.shortcut a{display:block;width:90%;height:270px;position:relative;overflow:hidden;float:left;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;top:0px;}
.shortcut a img{position:absolute;left:0px;top:0px; width:100%; max-width:230px;height:auto;}
.shortcut a span{ display:block; width:90%;position:absolute;font-family:arial;color:#fff;padding:10px;bottom:10px;transition:all 1s;-webkit-transition:all 1s; font-size:14px;}
.shortcut a .imgH{left:-500px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.shortcut a:hover{text-decoration:none;}
.shortcut a:hover .imgH{display:block;left:0px;}
.shortcut a:hover span{animation:img4 0.5s linear infinite alternate;-webkit-animation:img4 1s linear infinite alternate;}
@keyframes img4{0%{bottom:10px;} 100%{bottom:20px;}}
@-webkit-keyframes img4{0%{bottom:10px;} 100%{bottom:20px;}}
.message{padding-bottom:60px; back ground-image:url(../images/141110img3.jpg);
-webkit-transition: background-image 1s ease-in-out;
-ms-transition: background-image 1s ease-in-out;
-moz-transition: background-image 1s ease-in-out;
-o-transition: background-image 1s ease-in-out;
transition: background-image 1s ease-in-out;
}
.message:hover{back ground-image: url(../images/141110img31.jpg);}

.lanren {width:100%;height:auto;margin:20px auto;}
.lanren .box {width:23%;margin:10px 1%; min-height:250px;position:relative;float:left;overflow:hidden; box-shadow: 10px 10px 20px rgba(0,0,0,0.6);}
.lanren .serv{ position:absolute;height:100%;z-index:1;}
.lanren .serv h3{ text-align:center; margin:10px 0;}
.lanren .serv p{ padding:10px; text-indent:2em;}
.lanren .serv p a{ color: #fff; font-weight:600;}
.lanren .bg1{background-color:#ff7300;}
.lanren .bg2{background-color: #39F;}
.lanren .bg3{background-color: #090;}
.lanren .bg4{background-color: #F6C;}
.lanren .content {position:absolute;z-index:0;width:100%;background-color:fff;height:100%;top:101%;text-align:center;color:#fff;}

.lanren .content.trans {-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;backface-visibility:hidden;}

.message h2{padding-left:10px;}
.feedback,.contactus{width:50%;float:left;}
.feedback:hover,.contactus:hover{background: rgba(238, 238, 238, 0.6); }
.feedback ul {width:90%;margin-left:5%;}
.feedback ul li{ font-size:16px; margin:10px auto;}
.feedback ul li label{ margin-right:20px;}
.feedback ul li input{ background: #F0F4FF; border:#CCC 1px solid; height:35px; width:100%; margin-top:10px;font-size:20px;}
.feedback ul li textarea{background: #F0F4FF;border:#CCC 1px solid;width:100%; margin-top:10px;font-size:18px;}
.feedback .submit{ text-align:center; }
.feedback .submit input{ padding:10px; font-size:18px; margin:10px auto; width:50%; border:#CCC 1px solid; background:#FFF;cursor:pointer;}
.feedback .submit input:hover{background:#F30;  border: #F30 1px solid; color:#fff; }

.contactus ul{width:90%;margin-left:5%;}
.contactus ul li{margin:10px auto;}
.contactus ul li.map{width:100%;float:left;}


.qualifications{}
.qualifications .title{ text-align:center;}
.qualifications ul li{width:20%; float:left; text-align:center; }
.qualifications ul li h3{line-height:30px;margin:10px auto;font-size:16px;}
.qualifications ul li p{ text-align:left;width:90%;margin:0 auto; font-size:14px;}
.server{/* background: url(../Images/141110img2.jpg); */}
.server .title{ text-align:center;}


.footer{ clear:both;background: #333;}

.liebiao{background:#000;}
.sitemap{width:60%; float:left;padding-bottom:30px;}
.sitemap dl{width:25%; float:left;}
.sitemap dt{height:60px; line-height:60px; font-size:18px;color:#fff; background:#b91b32;text-align:center;margin-bottom:10px;    }
.sitemap dl:hover dt{ background:#033a52;}
.sitemap dd{height:30px; text-align:center;color:#fff;border-right:1px solid rgba(0, 153, 204, 0.5);font-size: 14px;}
.sitemap dd a{color:#fff;}
.sitemap dd a:hover{color:#F60;}
.sitemap dl:hover dd{ border-right:1px solid #FFF;}



.wx1{width:20%;float:left;}
.wx1 dt{height:60px; line-height:60px; font-size:18px;color:#fff; font-weight:600; background: #b91b32;text-align:center;    }
.wx1 dd {margin-top:10px;}
.wx1 dd li {height:40px;
    float: left;
    width: 100%;
    margin-bottom: 5px;
margin-left: 5px;
    color: #fff;
    font-size: 14px;}


.wx{width:20%;float:left;}
.wx dt{height:60px; line-height:60px; font-size:18px;color:#fff; font-weight:600; background: #b91b32;text-align:center;}
.wx dd{text-align:center;z-index:2; }
.wx dd img{ padding: 20px 20px;}
.pro_img li.wx {margin:10px 0 ;text-align:center;width:100%;}


/* 友链*/
.links {max-width: 1200px;font-size: 14px;width: 100%;border-bottom: 1px solid #fff;line-height: 53px;margin: 0 auto;color:#ffffff;}
.links a{color:#fff;}
.links span {font-size: 16px;padding-left: 35px;line-height: 53px;background: url(../images/cp_61.png) left center no-repeat;}
.friendslinks {background:rgba(238, 238, 238, 0.6);margin-bottom:10px;}
.friendslinks ul{max-width:1180px;margin:0 auto;}
.friendslinks ul li {font-size:12px;line-height:40px;width:auto;margin-left:10px;float:left;color:#8a8a8a;}
.friendslinks ul li a{font-size:12px;color:#8a8a8a;}
.friendslinks ul li a:hover{ color:#F60;}
.copyright{ line-height:40px; font-size:14px; background-color: #333333; color:#fff;}
.copyright li{color:#fff; text-align:center;}
.copyright li a{color:#fff; margin-left: 20px;}

/*pro_list 列表页*/
.left{width:25%;float:left;margin-right:2%; margin-top:500px;}

.left .pro_class ul li{width:100%;float:left;height:auto;margin-top:10px;line-height:40px;overflow:hidden;transition:all 0.5s linear; }
.left .pro_class ul li:hover{box-shadow: 5px 5px 15px rgba(0,0,0,.4);}
.left .pro_class .pic{width:28%;margin-left:1%;margin-right:1%;float:left;height:100%;}
.left .pro_class a{width:98%; display:block;margin-left:2%;}
.left .pro_class h3{width:68%;margin-left:2%;float:left;height:100%; font-size:16px;}
.left .pro_class.news_class ul {}
.left .pro_class.news_class ul li{ width:auto; float:none;padding-left:35px; background:#EEE url(../Images/yj.png) no-repeat left ;}
.left .pro_class.news_class ul li a{line-height:40px;}
.left .pro_class.news_class ul li:hover{ background: url(../Images/yj.png) no-repeat left ;}
.left .pro_class.news_class ul li:hover a h3{color:#F60;}
.left .pro_class.news_class h3{width:100%;}
.left .pro_class p{width:68%;margin-left:2%;font-size:12px; float:left;color:#999; line-height:1.5em;}
.left .hot{width:100%;margin-top:20px;padding-bottom:15px; border-radius:2px;}
.left .hot ul li{width:50%;margin-top:15px;margin-bottom:0;}
.left .hot ul li a{margin:auto;}

.left .news_tj ul li{margin-left:10px; line-height:38px;border-bottom: #fff  1px  dashed;}
.left .news_tj ul li a:hover{text-decoration: underline;}

.left .news_tj ul li h3{font-size:14px;}
.left .news_tj ul li h3 span{font-size:12px; background:red; color:#FFF;margin-right:10px;padding:2px; border-radius:3px; }


.left .contactus{width:100%;}

.currclass h3{ font-weight:bold; color:#F00}

.right .pro_hot_recommend ul li{ width:33.3%;}
.right .message .feedback,.right .feedback .submit{width:100%;}
.right .feedback ul li input,.right .feedback ul li textarea{width:100%;}

otherlink.right .news_list ul li{width:100%;margin-top:20px;display:block; float:left;}
.right .news_list ul li{float:left;line-height:30px;margin-top:5px;}
.right .news_list ul.nl li{padding:10px;    background-color: #EEEEEE;}
.right .news_list ul.nl li .time{ display: inline;margin-left:5px;}
.right .news_list ul li:hover{ background: #F3F3F3;}
.right .news_list ul li.news_top{width: 48%;
    float: left;
    background-color: #EEEEEE;
    margin-right: 2%;}
.right .news_list ul li h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.right .news_list ul li p{text-indent: 2em;}
.right .news_list ul li .pic{width:12%;margin-left:0;float:left;margin-right:2%;}
.right .news_list ul li.news_top .pic{width:40%;margin-left:0;float:left;margin-right:2%;}
.right .cpzx{ border-bottom:1px  dashed #b91b32; padding-bottom:20px; margin-bottom:30px;}
.right .cpzx h2{margin-bottom: 30px;}
.right .cpzx ul li{width:98%;  }
.right .cpzx ul li .time{float:right; margin-right:10px;}
.right .news_list .xwzx,.right .news_list .jycl{width:50%;float:left;}

.right .news_list .nlist ul{width:90%;margin:0 auto;  border:#fff 1px solid;padding:10px;padding-bottom:10px; }
.right .news_list .nlist ul:hover{border: #F3F3F3 1px solid;}
.right .news_list .nlist ul li{width:100%; line-height:30px;}
.right .news_list .nlist ul li .pic{width:30%;}
.right .news_list .nlist ul li .time{float:right; margin:0 10px;}
.right .news_list h3{ font-size:16px;}
.right .news_list p{ font-size:14px; color: #000;}

.right .album{width:100%;}
.right .album img{width:100%;height:auto;}

.listpage { width:90%; float:right; margin-top: 50px; margin-bottom:20px; text-align: center;}
.listpage a { margin-left: 5px; display: block; padding: 10px; font-size: 18px; width: auto; float: left; border: #C1C1C1 solid 1px;}
.listpage b { margin-left: 5px; display: block; padding: 10px; font-size: 18px; width: auto; float: left; border: #C1C1C1 solid 1px; color: #F00;}
.listpage a b { margin-left: 5px; display: block; padding: 0px; font-size: 18px; width: auto; float: left; border: none; color: #000;}


/*news_content 新闻详情页*/
.right h1{ text-align:center; font-size:24px;line-height:49px;z-index:999; border-bottom:1px solid #CCC;margin-bottom:20px;color:#b91b32;}
.right .content .title h2{ margin-top:50px;font-size:18px;}
.author{margin:10px auto; font-size:12px; color:#666;}
.content{clear:both; margin-bottom:50px;}
.content p{line-height:2em; text-indent:2em;margin:2px 0;}
.content img{max-width:98%;height:auto;}
ul.pre{margin:40px auto;clear:both;}
ul.pre  li{    font-size: 14px;
    float: left;
    width: 50%;
    text-align: center;
    line-height: 30px;
    padding-bottom: 20px;}
ul.pre  li a{font-size:15px;}
/*相关产品*/
.pro_list ul li{width:25%; float:left;}
.pro_list ul li h3{ text-align:center; margin:10px;auto; font-size:14px;}

.news_list.otherlink ul li{width:47%; float:left;margin-left:1%; line-height:30px;}
.news_list.otherlink ul li a{ font-size:14px;}

/*pro_content 产品详情页*/
.pro_img{margin-bottom:10px;}
.newsnav{}
.video {  width: auto;  height: auto;  width: 90%;  height: 504px;  margin: 20px auto 20px auto;}
.video div {  margin: auto;}

.info_nav{width:100%; z-index:9; background:#FFF;}
.info_nav li{position: relative;width:25%; float:left; border-bottom:#CCC 3px solid; text-align:center;height:50px;}
.info_nav li a{line-height:50px; display:block; }
.info_nav li i{	display: none;width: 0;height: 0;overflow: hidden;border-color: #f2c218 transparent transparent;border-style: solid dashed dashed;border-width: 10px;position:  absolute;left: 50%;bottom: -20px;margin-left: -10px;	font-weight: normal;font-style: normal;}
.active{}
.active a{background:#545454; color:#fff; border-bottom:3px solid #f2c218;position:absolute; bottom:-3px; width:100%;}
.showtags { border-bottom:#F3F3F3 1px solid;font-size:14px;clear:both;}
.showtags a{font-size:14px; line-height:30px; width:auto;margin-right:10px; color:red;}
.showtags a:hover{ color:#FF8F00;}
.info_nav li.active i{ display:block;}
.info{ position:relative;    width: 98%;
    margin-left: 1%;
    margin-right: 1%;}
.info p{ line-height:2em; font-size:14px; text-indent:2em;}
.info img{max-width:98%;height:auto; margin:0 auto; margin-left:-2em;}


.foucebox .showDiv {height:394px;}
.contactus_map{width:90%;height:500px;border:#ccc solid 1px; margin:0 auto;}


@media only screen  and (max-width: 1200px){
	body{width:100%; overflow:hidden;}
	}
@media only screen  and (max-width: 1024px){
.shortcut a{height:237px;}
.foucebox .showDiv {height:342px;}
}


/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:330px;right:-127px;cursor:pointer;transition:all .3s ease;}
yb_conct {margin:0;padding:0;list-style-type:none;}
yb_conct a,img{border:0;}
yb_conct a{text-decoration:none;color:#333;}
yb_conct .clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(/images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(/images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(/images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(/images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


/*pro_content 小屏幕*********************************************************************************************************************************************************/


@media only screen  and (max-width: 768px)

{
.pro_hot_recommend ul li .pic img{height:auto; }
.m2 {display:none;}
.banner{ width:100%; height:auto; display:none;}
#myFocus0 { width:100%;}
#myFocus0 .pic img{ width:100%;}

.wenhou{position:fixed; background:#b91b32;width:99%;padding-left:1%;z-index:999;bottom:0px;height:60px; }
.wenhou li a span {
    display: block;
    text-align: center;
    font-size: 1em;
    color: #fff;
}
.wenhou { line-height:normal;}
.wenhou .m_home{ display:block; float:left;width:30px;height:30px;width:25%;margin-top:5px;text-align:center}
.wenhou .m_zx{display:block; width:30px;float:left;width:25%; margin-top:5px; text-align:center;}
.wenhou  img{width:30px; height:30px;}
{width:30px; height:30px;}
.header-logo{padding-top:0px;}
.logo img{ width:100%;}

.m_menu{width:25%;float:left; text-align:center;margin-top:5px;}

.m_menu span{ display: block; width:30px;height:30px;z-index:999; margin:auto;}
.m_menu span img{width:100%;height:auto;}
.m_menu span{bottom:5px;}
.m_menu span.m_menu_on,.m_menu span.m_menu_off{right:10px;}
.m_menu span.m_menu_off{display:none;}

.off{ display:none;}
.on{ display: block;}
.tel{ display:none;}
.nav{ display:none;}
.nav_m{ position:fixed;width:50%;top:0px;bottom:41px;right:-50%; z-index:998; background:#3A3A3A;transition:all 0.5s linear;opacity:0.1;}

.nav_m ul{height:100%;overflow:auto;padding-bottom:60px;}
.nav_m ul li{width:100%; float:none;line-height:60px;border-bottom:1px solid #fff; text-align:center;}
.nav_m ul li a{ color:#fff; display:block; }

.pro_hot_recommend ul li .pic{ }

.main_visual{height:280px;}
.main_image{height:280px;}
.main_image ul{height:280px;}
.main_image li{height:280px;}
.main_image li span{height:280px}
.main_image li a{height:280px}
.main_image li .img_0{background:url('../Images/m_ban01.jpg') center top no-repeat}
.main_image li .img_1{background:url('../Images/m_ban02.jpg') center top no-repeat}
.main_image li .img_2{background:url('../Images/m_ban03.jpg') center top no-repeat}
.new_pro_recommend{clear:both;}
.new_pro_recommend ul li.n1_1{ display:none;}
.new_pro_recommend{ height:auto;}
.new_pro_recommend ul li.n1,.new_pro_recommend ul li.n2,.new_pro_recommend ul li.n3,.new_pro_recommend ul li.n4,.new_pro_recommend ul li.n5,.new_pro_recommend ul li.n6{ width:48.5%; background:#FFF; margin-top:10px;display: table;float:left;}
.new_pro_recommend ul li.n4{margin-bottom:0;}
.new_pro_recommend ul li a{ width:30%;float:left;vertical-align: middle;}
.new_pro_recommend ul li a img,.new_pro_recommend ul li.n2 a img{margin:10px 0;}
.new_pro_recommend ul li .card{ width:70%;float:left; display:block;position: static;}
.new_pro_recommend ul li .card p{color: #fff;width:90%;padding: 5%;vertical-align:  baseline;display:  inline-block;text-shadow: 2px 2px 1px #000;	text-align:left;}
.new_pro_recommend ul li:hover .card {background-color: #FFF;}	
.new_pro_recommend ul li .card p span{ display:block; text-align:left; font-size:14px; line-height:1em; color:#333;text-shadow: none;}
.new_pro_recommend ul li .card p a{width:40%;margin:10px 10px 10px 0;color: #000;background-color: #fff; border:#CCC 1px solid;}
.hot ul li {width: 25%;float: left;margin: 20px 0;line-height: 40px}
.pro_hot_recommend ul li {width: 48.5%;float: left;text-align: center;   padding: 0; margin-top: 10px;margin-left:1%; background:#FFF;}
.pro_hot_recommend ul li a .pic{width:28%; float:left; margin:10px 0 10px 2% ;}
.pro_hot_recommend ul li a h3{width:68%; margin-left:2%;float:left; text-align:left; }
.pro_hot_recommend ul li span a{ display:block; width:20%;float:left;margin-left:8%;padding:0 5px;margin-bottom:20px; border:#CCC 1px solid;;}
.about_us,.about_img  {width: 98%;float:  none;	padding-left:1%;}
.about_us ul li .a1 {margin-right: 10px}
.foucebox .showDiv {height:256px;}
.news ul {width: 99%;float: none;margin-left:0;}
.news ul.n2{width:98%;margin-left:1%;}
.news ul li{background:#FFF;}
.news .n1 li {width: 47%;float: left;padding: 1%;	margin-left:1%;border: none;}
.news ul li.n1_1{}
.shortcut a{height:178px;}
.footer{width:98%;margin-left:1%;}
.sitemap{ display:none;}

.wx {    width: 98%;margin-left:1%;}
.gsz{    width: 98%;margin-left:1%;}
.gsz img{width:100%;}
.gsy{    width: 98%;margin-left:1%;}
.wx1 {    width: 98%;margin-left:1%;}
.wx1 dt{height:60px; line-height:60px; font-size:18px;color:#fff; font-weight:600; background: #b91b32;text-align:center;}
.wx1 dd {margin-top:10px;}
.wx1 dd li {
    height: 40px;
    width: 100%;
    margin-bottom: 5px;
    margin-left: 5px;
    color: #000;
    font-size: 16px;
    text-align: center;
}





/*pro_list 列表页面cssf*/
.right .pro_hot_recommend ul li{width:100%;}

.right .pro_hot_recommend ul li span a{margin-left:2%;width:25%;padding: 0 3px; font-size:14px;}

.left3g {width:100%;float:left;margin-right:2%; margin-top:0; display:block;}

.left3g .pro_class ul li{width:100%;float:left;height:auto;margin-top:10px;line-height:40px;overflow:hidden;transition:all 0.5s linear; }
.left3g .pro_class ul li:hover{box-shadow: 5px 5px 15px rgba(0,0,0,.4);}
.left3g .pro_class .pic{width:28%;margin-left:1%;margin-right:1%;float:left;height:100%;}
.left3g .pro_class a{width:98%; display:block;margin-left:18%;}
.left3g .pro_class h3{width:68%;margin-left:2%;float:left;height:100%; font-size:16px;}
.left3g .pro_class.news_class ul {}
.left3g .pro_class.news_class ul li{ width:48%; float:left; background:#EEE url(../Images/yj.png) no-repeat left ;}
.left3g .pro_class.news_class ul li a{line-height:40px;}
.left3g .pro_class.news_class ul li:hover{ background: url(../Images/yj.png) no-repeat left ;}
.left3g .pro_class.news_class ul li:hover a h3{color:#F60;}
.left3g .pro_class.news_class h3{width:100%;}
.left3g .pro_class p{width:68%;margin-left:2%;font-size:12px; float:left;color:#999; line-height:1.5em;}
.left3g .hot{width:100%;margin-top:20px;padding-bottom:15px; border-radius:2px;}
.left3g .hot ul li{width:50%;margin-top:15px;margin-bottom:0;}
.left3g .hot ul li a{margin:auto;}

.left3g .news_tj ul li{margin-left:10px; line-height:38px;border-bottom: #fff  1px  dashed;}
.left3g .news_tj ul li a:hover{text-decoration: underline;}

.left3g .news_tj ul li h3{font-size:14px;}
.left3g .news_tj ul li h3 span{font-size:12px; background:red; color:#FFF;margin-right:10px;padding:2px; border-radius:3px; }


.left3g .contactus{width:100%;}

.left .hot ul li{width:100%;}
.left .hot ul li a{ font-size:14px;}

.left .pro_class ul li a{line-height:40px;}
.left .pro_class p{ display:none;}
.left .pro_class .mark-left{ display:none;}
.left .pro_class h2{ text-align:center;}

.right .news_list ul li.news_top{width:100%;}
.right .news_list ul li .pic{width:30%;}
.right .news_list .xwzx, .right .news_list .jycl{width:100%;}
.right .news_list ul.nl li{ background:#CCC;}
.right .news_list ul.nl li .time{ display: block;margin-left:5px;}
.right .news_list ul.nl li h3 {white-space: normal;overflow: auto;text-overflow:ellipsis;}

.friendslinks{display:none;}
.copyright{width:98%;margin-left:1%;margin-bottom:30px; }
.m_none{display:none;}
.video {width:90%;  height: 360px;}
.contactus_map{height:300px;}
.right .album { display:none;}
.info table { width:100%;}

}



@media only screen  and (max-width: 667px){
.shortcut a{height:155px;}
}


@media only screen  and (max-width: 568px){
.shortcut a{height:132px;}
}


@media only screen  and (max-width: 425px){
	
.main_visual{height:155px;}
.main_image{height:155px;}
.main_image ul{height:155px;}
.main_image li{height:155px;}
.main_image li span{height:155px}
.main_image li a{height:280px}
.main_image li .img_0{background:url('../Images/m_ban01.jpg') center top no-repeat}
.main_image li .img_1{background:url('../Images/m_ban02.jpg') center top no-repeat}
.main_image li .img_2{background:url('../Images/m_ban03.jpg') center top no-repeat}


.title h2{ text-align:center;}
.new_pro_recommend ul li.n2, .new_pro_recommend ul li.n3, .new_pro_recommend ul li.n4, .new_pro_recommend ul li.n5, .new_pro_recommend ul li.n6, .new_pro_recommend ul li.n1 {
    width: 98%;
}





.hot ul li {width: 50%;margin: 5px 0;}
.pro_hot_recommend ul li {width: 98%;}

.about_us ul li{margin-bottom: 0;}
	.about_us ul li a{
    font-size: 18px;
	}
.foucebox .bd{ display:none;}
.foucebox .hd {
    width: 98%;
    height: auto;
    float: left;
}
.video_box ul{ border:none; }
.video_box ul li{width:100%;}
.video_box ul li.v2{width:50%;}
pro_hot_recommend.video_box ul li.v2{width:50%;}

.news .n1 {width:98%;margin-left:1%;}
.news .n1 li{width:96%; float:none;}
.news .n1 li img{width:30%;float:left; margin-right:10px;}
.news .n1 li h3,.news ul li .time{margin:5px 0;}
.news .n1 li p {line-height: normal;}
.news .n2 li{width:96%;padding:1%;margin-left:1%;}
.qualifications ul li{width:97%;margin-left:1%; text-align:left;padding:1%;}

.qualifications .pic{width:30%;margin:10px;float:left;}
.qualifications ul li h3 {
    line-height: 30px;
    margin: 5px auto;
}
.shortcut li {
    width: 46%;}
.shortcut li{margin-left:2.5%;margin-top:10px;}	
.shortcut li.li1 {
     margin-left: 2.5%; 
}
.shortcut a {
    height: 210px;
}
.feedback, .contactus {
    width: 100%;
    float: left;
}
.feedback ul li input,.feedback ul li textarea{width:100%;}
.map{display:none;}

.footer{ background:none;}

/*pro_list 列表页面cssf*/
.left{width:100%;margin-left:0;display:none;}
.right{width:100%;margin-left:0;}
.left .hot ul li{width:50%;}
.left .pro_class p{ display:block;}
.left .pro_class ul li a{line-height: 1.5em;}
.left .pro_class .mark-left{ display:inline-block;}
.left .pro_class h2{ text-align:center;}

.right .news_list,.right .pro_list{width:100%;}
.right .pro_list ul li{width:50%;}
.right .news_list ul li{width:100%;}

 .video {width:90%;  height: 280px;}
.contactus_map{height:280px;}
.listpage a,.listpage b {padding: 5px;}


/*固定的悬浮窗*/
.yb_conct{display:none;}




}



@media only screen  and (max-width: 375px){
	.tel{width:100%;display:none;
	}
	.tel p{ width:auto;float:left;font-size:14px}
	.video {width:90%;  height: 250px;}
	.shortcut a {height: 182px;}
	.contactus_map{height:250px;}

	}
@media only screen  and (max-width: 320px){
	.wenhou{ font-size:14px;}
	.pro_hot_recommend ul li span a {
	font-size:14px;}
	.tel p{ width:auto;float:left;font-size:12px}
	.video {width:90%;  height: 220px;}
	.shortcut a {height: 155px;}
	.contactus_map{height:220px;}


}



/*图片滚动*/
#demo {
background: #FFF;
overflow:hidden;
width: 1200px;
}
#demo img {
width:150px; height:100px;
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}