@charset "utf-8";
@import url(dll.css);
@import url(module.css);
@import url(global.css);
@import url(../../onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* 首页部分开始 */
.mfbox{width:1000px; min-width:1000px; margin:0 auto;}
.topline{width:100%; height: 40px; line-height: 40px; background:#2B2B2B;}
.lan{float:right;}
.lan a{color:#F90;padding:0 10px;    margin-top: 52px;}
.lan a:hover{color:#FFF;}
.search{float:right; width: 177px; height: 22px; margin:9px 15px 0 0;}
.search input{float:left; height: 22px; line-height: 22px; color: #FFF;}
.search input.s_int{width:128px; border:1px solid #ed1b23; background:#2B2B2B;}
.search input.s_btn{width:49px; background: #ed1b23;}

.hotline{float:right; margin-right: 15px; color:#999; text-indent:20px; background: url(../images/icon01.png) no-repeat left center;}

.header{height: 70px; background: #f2f2f2;}
.logo{float:left; overflow:hidden; display:inline-block;    }

.i_nav{float: right; height:70px;}
/*.i_nav li{float:left; display:inline-block;}
.i_nav li>a{display:block; padding: 0 20px; height:70px; color:#000; line-height:70px; font-size:16px;}
.i_nav li>a:hover{ color:#FFF; background:#ee7722;}
.i_nav li>a.on{ color:#FFF; background:#ee7722;}*/

.i_banner_box{position:relative; width:100%; height:615px;}
.i_banner{width:100%; height:615px; margin:0 auto; overflow:hidden;}
/*.i_banner li{width:100%; height:615px;}
.i_banner li a{ display:block; width:100%; height:615px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:10px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 5px; width:13px; height:13px; text-align:center; overflow:hidden; background:url(../images/icon02.png) no-repeat center center;}
.i_banner_p a:hover{ background: url(../images/icon03.png) no-repeat center center;}
.i_banner_p a.on{ background: url(../images/icon03.png) no-repeat center center;}*/
#index .i_container {
    padding: 0 0 20px;
    margin-top: 40px;
}
.i_container{padding:0 0 20px;}
.i_container *{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.p_container *{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}

.box01 {display: none;}

.i_video{float:left; width:280px; padding-bottom: 5px; /*border-bottom: 10px solid #a1ca46; background: #f5f9ea;*/}
.i_video h3{ display:block; margin-top:5px; height: 26px; color: #54534f; line-height: 26px; text-align: center; font-style: 20px; font-weight:bold;}
.i_video span{ display:block; line-height: 21px; height:42px; text-align: center; font-family:Tahoma; overflow: hidden;}

.i_pro{float:left; width:275px; margin-left: 93px; padding-bottom: 5px; /*border-bottom: 10px solid #f28003; /*background: #fef2e4;*/}
.i_pro h3{ display:block; margin-top:5px; height: 26px; color: #54534f; line-height: 26px; text-align: center; font-style: 20px; font-weight:bold;}
.i_pro span{ display:block; line-height: 21px; height:42px; text-align: center; font-family:Tahoma; overflow: hidden;}
.i_pro i{ display:block; width:275px; height:150px; overflow:hidden;}
.i_project i{ display:block; width:275px; height:150px; overflow:hidden;}
.i_video i{ display:block; width:275px; height:150px; overflow:hidden;}

.i_project{float:left; width:260px; margin-left: 92px; padding-bottom: 5px; /*border-bottom: 10px solid #00a9e4; /*background: #e5f6fd;*/ overflow: hidden;}
.i_project h3{ display:block; margin-top:5px; height: 26px; color: #54534f; line-height: 26px; text-align: center; font-style: 20px; font-weight:bold;}
.i_project span{ display:block; line-height: 21px; height:42px; text-align: center; font-family:Tahoma; overflow: hidden;}

.footer{width:100%; margin-top:20px; border-top:2px solid #d8d8d8; font-family:Tahoma;}

.footer_nav{width:1000px; margin:35px auto 0; text-align: center;}
.footer_nav dl{float:left; width: 166px; line-height: 25px;}
.footer_nav dl dt{font-weight: bold;}
.footer_nav dl dt a{color:#644C4C;}
.footer_nav dl dd a{ display:block;}

.fimg{padding:10px 0; text-align: center;}

.copybox{padding:15px 0 30px; color:#9b9b9b; font-family:Tahoma; background:#2B2B2B; height:60px;}

.flogo{float:left;display: none;}
.copyright{/* float: right;*/text-align: center;}
/* 首页部分结束 */

/* 内页部分开始 */
.sidebar{padding:25px 0 0; /*height:170px;*/ margin-bottom:10px; text-align: center;;}
/*.sidebar li{display:inline-block; width:160px;}
.sidebar li i{ display: inline-block; width:100px; height:100px;}
.sidebar span{display:inline-block; width:160px; height:30px; line-height: 30px; font-family:Tahoma; color: #4C4B4B;}
.sidebar a:hover span{color: #E60012;}*/

/*.sidebar li:nth-child(1) i{background: url(../temp/nv01.png) no-repeat center center;}
.sidebar li:nth-child(2) i{background: url(../temp/nv02.png) no-repeat center center;}
.sidebar li:nth-child(3) i{background: url(../temp/nv03.png) no-repeat center center;}
.sidebar li:nth-child(4) i{background: url(../temp/nv04.png) no-repeat center center;}
.sidebar li:nth-child(5) i{background: url(../temp/nv05.png) no-repeat center center;}

.sidebar li:nth-child(1) a:hover i{background: url(../temp/nv01_on.png) no-repeat center center;}
.sidebar li:nth-child(2) a:hover i{background: url(../temp/nv02_on.png) no-repeat center center;}
.sidebar li:nth-child(3) a:hover i{background: url(../temp/nv03_on.png) no-repeat center center;}
.sidebar li:nth-child(4) a:hover i{background: url(../temp/nv04_on.png) no-repeat center center;}
.sidebar li:nth-child(5) a:hover i{background: url(../temp/nv05_on.png) no-repeat center center;}*/

.path{width:100%; height:50px; line-height: 50px; color: #EA4B57; background: #ebebeb;}
.path span{display:block;}
.path a{color: #EA4B57;}
.path i{padding:0 5px; font-style: normal;}

.p_container{padding: 20px 0;}

.p_about{line-height: 25px;}

#service_about{ width:800px;
margin:0 auto 47px auto
          
  }
#service_about ul {
	height: 100px;
	padding-top: 0px;
}
#service_about ul li {
	float: left;
	height: 100px;
	width: 160px;
	text-align: center;
}
#service_about ul li a {
	padding-top:85px;
	display:block;
	color:#4C4B4B
}
#service_about ul li a:hover{
	color:#E60012
}
#service_about ul li span {
	display: block;
	font-family: "微软雅黑", "黑体";
	font-size: 12px;
	padding-top: 20px;
}
.service-10{
	background-image: url(../images/about11.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.service-10:hover{
	background-image: url(../images/about1-hover.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.service-11{
	background-image: url(../images/about22.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.service-11:hover{
	background-image: url(../images/about22-hover.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.service-12{
	background-image: url(../images/about3.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.service-12:hover{
	background-image: url(../images/about3-hover.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.service-13{
	background-image: url(../images/about4.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.service-13:hover{
	background-image: url(../images/about4-hover.png) ;
	background-repeat: no-repeat;
	background-position: top center;
}
.service-14{
	background-image: url(../images/about5.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.service-14:hover{
	background-image: url(../images/about5-hover.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.service-15{
	background-image: url(../images/service1.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.service-15:hover{
	background-image: url(../images/service1-hover.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.service-16{
	background-image: url(../images/service2.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.service-16:hover{
	background-image: url(../images/service2-hover.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.service-17{
	background-image: url(../images/service3.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.service-17:hover{
	background-image: url(../images/service3-hover.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.service-18{
	background-image: url(../images/service4.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.service-18:hover{
	background-image: url(../images/service4-hover.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.service-19{
	background-image: url(../images/service5.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.service-19:hover{
	background-image: url(../images/service5-hover.png);
	background-repeat: no-repeat;
	background-position: top center;
}
/* 内页部分结束 */

.float_ri{position:absolute;border-right:4px solid #042d53;right:0;top:22px;}
.float_ri ul{position:fixed;right:0px;top: 223px;}
.float_ri ul li .wei_ac{width:148px;display:none;margin-right: 50px;}

.float_ri ul li{display: block;
position: relative;
overflow: hidden;}
.float_ri ul a{display:block;width:50px;height:50px;right:3px;margin-bottom: 2px;color:#fff;  line-height: 35px;text-indent: -10000px;border-radius: 0px;margin-top: 0px;background:#eb5902;float:right;}
.float_ri ul a.right01{background-image:url(../images/qq2.png);background-size: 30px;background-position:center;background-repeat:no-repeat;}
.float_ri ul a:hover.right01{background-image:url(../images/qq2.png);background-position:center;background-repeat:no-repeat;}
.float_ri ul a.right02{background-image:url(../images/tel2.png);background-position:center;background-repeat:no-repeat;}
.float_ri ul a:hover.right02{background-image:url(../images/tel2.png);background-position:center;background-repeat:no-repeat;}
.float_ri ul a.right03{background-image:url(../images/wechat2.png);background-position:center;background-repeat:no-repeat;}
.float_ri ul a:hover.right03{background-image:url(../images/wechat2.png);background-position:center;background-repeat:no-repeat;}
.float_ri ul li:hover .right03,.float_ri ul li:hover .right02{width:50px;background-position:center;text-indent: -10000px;}
.float_ri ul li:hover .wei_ac{display:block;}
.float_ri ul li:hover .ri_tel{display:block;}
.theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5; display:none; }
.popover1{ width:360px; height:400px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.popover1 dl{ margin-top:60px; font-size:14px; color:#333; line-height:40px;}
.popover1 dl a{ width:110px; height:40px; background:#eb5902; color:#fff; display:inline-block; border-radius:2px; font-size:14px;}
.actGotop {width: 50px;
height: 50px;
position: fixed;
top: 386px;
right: 0;
z-index: 9999;
display: none;
cursor: pointer;
background: url(../Images/backTop.png) no-repeat center center rgba(238,119,34,0.8);
background-size: cover;}
.tab_title li a.on {
    background-color: #EBEBEB;
    background-image: url(../../upload/products/2017112910571779.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 40px;
    color: #000;
    font-weight: bold;
}
.tab_title li a {
    border-right: 1px solid #e2e1dd;
    border-left: 1px solid #e2e1dd;
    border-top: 1px solid #e2e1dd;
    border-radius: 5px 5px 0 0;
    display: block;
    line-height: 40px;
    text-align: center;
    width: 333px;
    font-size: 14px;
    background-color: #efefef;
}
.tab_title li {
    float: left;
    width: 333px;
   background: #EBEBEB;
    height: 40px;
}
.p_pright {
    float: right;
    width: 560px;
    margin-bottom: 20px;
    margin-right: 57px;
}
.productimglist1 {
    width: 338px;
    float: left;
}
span.cpcs_x {
    display: none;
}
.pro_cc dd {
    font-size: 36px;
    font-family: Arial;
    color: rgb(255,102,0);
    padding-bottom: 0px;
    text-align: left;
    margin-top: -189px;
    padding-left: 0px;
    list-style-image: none;
    margin: 0px;
    display: inline-block;
    line-height: 60px;
    padding-right: 0px;
}

.pro_sort_box {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  background: #ee7722;
z-index: 100000;
}
.i_n01:hover div {
  display: block;
}
.i_n01 {
  position: initial !important;
}
.i_n01 dl {
    float: left;
    text-align: left;
    padding:20px 80px 20px 0
}
.i_n02:hover div {
  display: block;
}
.i_n02 {
  position: initial !important;
}
.i_n02 dl {
    float: left;
    text-align: left;
    padding:20px 80px 20px 0
}
.pro_s_c {
    width: 1200px;
    margin: 0 auto;
    padding-left: 114px;
}
.pro_s_c dt {
    font: normal 16px "microsoft yahei";
    color: #000;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
}
.pro_s_c dd a {
    color: #fff;
    font: 100 13px/30px "microsoft yahei";
}
.pro_s_c dd a:hover{color: #000;}

.pro_sort_list_box {
  width: 235px;
background: #EBEBEB;
}
.pro_list_box {
  width: 750px;
}
.pro_sort_list_box li {
position: relative;
display: block;
width: 100%;
text-align: center;
font-size: 14px;
color: #333;
}
.pro_sort_list_box li ul {
position: absolute;
right: -140px;
top: 0;
display: none;
width: 200px;
z-index: 1000;
background: #EBEBEB;
}
.pro_sort_list_box li:hover ul {
  display: block;
}
.pro_sort_list_box li ul a {
  white-space: nowrap;
}
.pro_sort_list_box a {
    display: block;
    padding: 6.5px 5px 6.5px 7px;
    font-family: Arial;
}
.fl.pro_sort_list_box {
    margin-top: 9px;
}
.pro_sort_list_box li:hover{
background-repeat: no-repeat;
background-position: left center;
background-image: url(../Images/hover2.png);
}
.footli2 a , .footli3 a{
    display: inline-block !important;
    float: left !important;
}
 .footli2,.footli3{
width: 221px;
right: -171px;
transition: all 0.4s;
background: #eb5902;
height: 50px;
margin-bottom: 2px;
}
.footli2:hover,.footli3:hover{right:0px}
.footli2 div,.footli3 div{display: inline-block !important;
width: auto;
float: left;
height: 40px;
padding-top: 10px;
padding-left: 10px;
color: #fff;}
/*.float_ri ul li .ri_tel{ width:150px; background:#222; border-radius:4px; color:#fff;  padding:5px 0 15px 0;box-shadow:0 0 8px 0 rgba(0,0,0,.2); transition:width .3s ease-in-out; display:none;}
.float_ri ul li .ri_tel dl{width:110px; margin:0 auto; overflow:hidden; text-align:left; line-height:22px; font-size:12px; margin-top:10px;}
.float_ri ul li .ri_tel{width:148px;display:none;margin-right: 50px;position: absolute;top: 30px;right: 5px;}
*/
#project .prevnext{display:none;}
    cn .prevnext{display:none;}
.white_xian {
    border: 1px solid #EBEBEB;
    height: 0px;
    margin: 5px 0 5px 0;
}
 .cn{
    font-family: helvetica neue,'tahoma,arial',hiragino sans gb,'Simsun',sans-serif; 
   
}
.i_project span {
    display: block;
    line-height: 21px;
    height: 42px;
    text-align: center;
    font-family: Tahoma;
    overflow: hidden;
    display: none;
}
.i_pro span {
    display: block;
    line-height: 21px;
    height: 42px;
    text-align: center;
    font-family: Tahoma;
    overflow: hidden;
    display: none;
}
.i_video span {
    display: block;
    line-height: 21px;
    height: 42px;
    text-align: center;
    font-family: Tahoma;
    overflow: hidden;
    display: none;
}
.i_pro img {
    /* height: 149px; */
    overflow: hidden;
    width: 275px;
    
}
.i_project img {
   
overflow: hidden;
width: 275px;
margin-top: 12px;
}
.tab_content1>div:nth-child(1){padding-top:50px;}
.tab_content1 img{padding:5px;  margin:10px 0 5px;}
.center {
    width: 1000px;
    margin: 0 auto;
}
.shopping1 {
    float: left;
    padding: 55px 0 45px 20px;
}
.shopping2 {
    width: 500px;
    float: left;
    font-size: 12px;
    line-height: 25px;
    margin: 110px 0 0 45px;

}
/*响应式网站制作开始*/
.i_banner_box123 img{max-width: 100%;width:100%;}
.i_banner_box123 { }

@media screen and (max-width: 1366px) { /*当屏幕尺寸小于1366px时，应用下面的CSS样式*/

}/*当屏幕尺寸小于1366px时，结束应用下面的CSS样式*/

@media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.pro_s_c {width: 100%;}
.ueditor_baidumap {
    width: 100% !important;
}
}/*当屏幕尺寸小于1024px时，结束应用下面的CSS样式*/

@media screen and (max-width: 768px) { /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
.iconfont.icon-next-copy {font-size: 30px !important;}
.mfbox {width: 100%;min-width: 100%;}
.i_nav{display:none}
.navbar-toggle{display:block;margin-right: 10px;margin-top: 5px;line-height: 60px;position: relative;}
.navbar-toggle{display:block;}
.i_nav { width: 100%; height: auto; right: 0; z-index: 9999;margin:0px;position: absolute;top: 106px;}
.ddsmoothmenu ul {  width: 100%;}
.ddsmoothmenu ul li {  width: 100%; height: auto;border-bottom: 1px #f6f6f6 solid;background: #fff;}
.nava:hover,.navactive:hover { background: #fff;}
.ddsmoothmenu ul li  a{color:#000;}
.ddsmoothmenu ul li  a:hover{color:#ee7722;}
.ddsmoothmenu ul li a.navactive {width: 100%;background: #ee7722;color: #fff;}
.nava { width: 100%; height: 40px; line-height: 40px; border: none;}
.navactive, .navactive:hover { width: 100%;line-height: 40px; height: 40px;background: #ee7722;padding:0px;}
.navactive, .navactive:hover, .nava, .nava:hover { width: 100%;font-size: 13px;padding:0px;line-height:40px;}
.ddsmoothmenu ul li a {width: 100%;}
.i_nav ul li ul { position: relative; width: 100% !important;}
.i_nav ul li ul li { width: 100%; border: 0;}
.i_nav ul li ul li a { width: 100%;}
.remark img{max-width:100%;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:432px !important;}
#gbookMain{width:432px !important;}
input#gbookTopic{width:432px !important;}
input#userMail{width:432px !important;}
.i_container {
    padding: 0 10px 20px;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;width:100%;

}
.i_video{width: 33%;}
.i_video i{width:100%;}
.i_pro{width: 33%;margin-left: 1px;}
.i_pro i{width:100%;}
.i_project{width: 33%;margin-left: 1px;}
.i_project i{width:100%;}
.footer_nav{width:100%;}
.footer_nav dl {width: 16%;}
.sortnavul li { width: 18%;}
.p_container {
    padding: 0px 10px;width:100%;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}
.pro_sort_list_box{width:100%;}
.pro_sort_list_box{width:100%;}
.pro_sort_list_box li{width:100%;}
.pro_sort_list_box li ul{position: static;right: 0;width: 100%;}
.pro_sort_list_box a{text-align:center;border-bottom: 1px solid #fff;}
.pro_sort_list_box>ul>li>a{font-size: 16px;font-weight: 700;}
.pro_list_box {width: 100%;}
.p_p_list li {margin: 10px 9px 0 10px;}
.sortnavul span{width: 100%;overflow:hidden;white-space:normal;text-overflow:ellipsis;}
.tab_title li{width: 33%;overflow:hidden;white-space:normal;text-overflow:ellipsis; }
.tab_title li a.on{background-size: 100% 39px;}
.tab_title li a{width: 100%;height:40px;overflow:hidden;white-space:normal;text-overflow:ellipsis;}
.path span{overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.productimglist1{width: 32%;}
.p_pright{width: 60%; margin-right: 0px;}
.n_d_list li a{width: 60%;}
.listnews_our{width: 100%;}
.listnew_left{width: 30%;}
.listnew_right{width: 60%;}
.listnew_left li { width: 100%;height: auto;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;}
.listnew_left li img {width: 100%;height: auto; padding: 15px  13.5px;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}
.title2 a{width: 60%;}
.p_about{margin-top: 10px;}
.pro_s_c { width: 100%;padding-left: 0px;text-align: center;}
.i_n01 dl {float: none;text-align: center; padding: 20px 40px; width: 100%;}
.i_n02 dl{float: none;text-align: center; padding: 20px 40px; width: 100%;}
  .footer {
    width: 100%;
    margin-top: 20px;
    border-top: 2px solid #d8d8d8;
    font-family: Tahoma;
    display: none;
}
}/*当屏幕尺寸小于768px时，结束应用下面的CSS样式*/

@media screen and (max-width: 736px) { /*当屏幕尺寸小于736px时，应用下面的CSS样式*/
.pro_cc dd {
    font-size: 20px;
    font-family: Arial;
    color: rgb(255,102,0);
    padding-bottom: 0px;
    text-align: left;
    margin-top: -189px;
    padding-left: 0px;
    list-style-image: none;
    margin: 0px;
    display: inline-block;
    line-height: 60px;
    padding-right: 0px;
}
.footer {
    width: 100%;
    margin-top: 20px;
    border-top: 2px solid #d8d8d8;
    font-family: Tahoma;
    display: none;
}
}/*当屏幕尺寸小于736px时，结束应用下面的CSS样式*/

@media screen and (max-width: 667px) { /*当屏幕尺寸小于667px时，应用下面的CSS样式*/
  .pro_cc dd {
    font-size: 20px;
    font-family: Arial;
    color: rgb(255,102,0);
    padding-bottom: 0px;
    text-align: left;
    margin-top: -189px;
    padding-left: 0px;
    list-style-image: none;
    margin: 0px;
    display: inline-block;
    line-height: 60px;
    padding-right: 0px;
}
.footer {
    width: 100%;
    margin-top: 20px;
    border-top: 2px solid #d8d8d8;
    font-family: Tahoma;
    display: none;
}

}/*当屏幕尺寸小于667px时，结束应用下面的CSS样式*/

@media screen and (max-width: 568px) { /*当屏幕尺寸小于568px时，应用下面的CSS样式*/
.pro_cc dd {
    font-size: 20px;
    font-family: Arial;
    color: rgb(255,102,0);
    padding-bottom: 0px;
    text-align: left;
    margin-top: -189px;
    padding-left: 0px;
    list-style-image: none;
    margin: 0px;
    display: inline-block;
    line-height: 60px;
    padding-right: 0px;
}
.producttitle {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(218,218,218);
}
  .footer {
    width: 100%;
    margin-top: 20px;
    border-top: 2px solid #d8d8d8;
    font-family: Tahoma;
    display: none;
}
}/*当屏幕尺寸小于568px时，结束应用下面的CSS样式*/

@media screen and (max-width: 480px) { /*当屏幕尺寸小于480px时，应用下面的CSS样式*/
.navbar-toggle {width: 50px;height: 50px;font-size: 28px !important;line-height: 52px;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:300px !important;}
#gbookMain{width:300px !important;}
input#gbookTopic{width:300px !important;}
input#userMail{width:300px !important;}
.i_video { width: 100%;margin-bottom: 10px;}
.i_video i{ width: 100%;height:auto;}
.i_pro {width: 100%; margin-left: 0px;margin-bottom: 10px;}
.i_pro i{ width: 100%;height:auto;}
.i_pro img{width:100%;}
.i_project {width: 100%; margin-left: 0px;margin-bottom: 10px;}
.i_project  i{ width: 100%;height:auto;}
.i_project  img{width:100%;}
.p_p_list li {margin: 10px auto 0px;height: auto;width: 100%;}
.p_p_list li img {width: 100%;height: auto;}
.p_p_list li span{width: 100%;text-align: center;}
.p_p_list li ins{width: 100%;text-align: center;}
.productimglist1 {width: 100%;}
.the_piframe {width: 100%;height: 462px !important;}
.p_pright {width: 100%;}
.listnew_left {width: 100%;}
.listnew_right {width: 100%;}
  .pro_cc dd {
    font-size: 20px;
    font-family: Arial;
    color: rgb(255,102,0);
    padding-bottom: 0px;
    text-align: left;
    margin-top: -189px;
    padding-left: 0px;
    list-style-image: none;
    margin: 0px;
    display: inline-block;
    line-height: 60px;
    padding-right: 0px;
}
  .producttitle {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(218,218,218);
}
  .footer {
    width: 100%;
    margin-top: 20px;
    border-top: 2px solid #d8d8d8;
    font-family: Tahoma;
    display: none;
}
}/*当屏幕尺寸小于480px时，结束应用下面的CSS样式*/

@media screen and (max-width: 414px) { /*当屏幕尺寸小于414px时，应用下面的CSS样式*/
.search{display:none;}
.footer_nav dl {width: 33%;height: 175px;}
.the_piframe { height: 390px !important;}
.p_n_info{display:none;}
  .pro_cc dd {
    font-size: 20px;
    font-family: Arial;
    color: rgb(255,102,0);
    padding-bottom: 0px;
    text-align: left;
    margin-top: -189px;
    padding-left: 0px;
    list-style-image: none;
    margin: 0px;
    display: inline-block;
    line-height: 60px;
    padding-right: 0px;
}
  .producttitle {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(218,218,218);
}
  .footer {
    width: 100%;
    margin-top: 20px;
    border-top: 2px solid #d8d8d8;
    font-family: Tahoma;
    display: none;
}
}/*当屏幕尺寸小于414px时，结束应用下面的CSS样式*/

@media screen and (max-width: 375px) { /*当屏幕尺寸小于375px时，应用下面的CSS样式*/
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:270px !important;}
#gbookMain{width:270px !important;}
input#gbookTopic{width:270px !important;}
input#userMail{width:270px !important;}
.the_piframe { height: 366px !important;}
  .pro_cc dd {
    font-size: 20px;
    font-family: Arial;
    color: rgb(255,102,0);
    padding-bottom: 0px;
    text-align: left;
    margin-top: -189px;
    padding-left: 0px;
    list-style-image: none;
    margin: 0px;
    display: inline-block;
    line-height: 60px;
    padding-right: 0px;
}
  .producttitle {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(218,218,218);
}
  .footer {
    width: 100%;
    margin-top: 20px;
    border-top: 2px solid #d8d8d8;
    font-family: Tahoma;
    display: none;
}
  .copyright {
    float: right;
    text-align: center;
    font-size: 11px;
}
}/*当屏幕尺寸小于375px时，结束应用下面的CSS样式*/

@media screen and (max-width: 360px) { /*当屏幕尺寸小于360px时，应用下面的CSS样式*/
.iconfont.icon-next-copy {font-size: 26px !important;}
.gbook_post td:nth-child(1){display:inline-block;width:68px!important;}
textarea#gbookMain{width:256px !important;}
#gbookMain{width:256px !important;}
input#gbookTopic{width:256px !important;}
input#userMail{width:256px !important;}
.the_piframe { height: 352px !important;}
  .pro_cc dd {
    font-size: 20px;
    font-family: Arial;
    color: rgb(255,102,0);
    padding-bottom: 0px;
    text-align: left;
    margin-top: -189px;
    padding-left: 0px;
    list-style-image: none;
    margin: 0px;
    display: inline-block;
    line-height: 60px;
    padding-right: 0px;
}
  .footer {
    width: 100%;
    margin-top: 20px;
    border-top: 2px solid #d8d8d8;
    font-family: Tahoma;
    display: none;
}
}/*当屏幕尺寸小于360px时，结束应用下面的CSS样式*/

@media screen and (max-width: 320px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
  
textarea#gbookMain{width:216px !important;}
#gbookMain{width:216px !important;}
input#gbookTopic{width:216px !important;}
input#userMail{width:216px !important;}
.the_piframe { height: 317px !important;}
  .pro_cc dd {
    font-size: 20px;
    font-family: Arial;
    color: rgb(255,102,0);
    padding-bottom: 0px;
    text-align: left;
    margin-top: -189px;
    padding-left: 0px;
    list-style-image: none;
    margin: 0px;
    display: inline-block;
    line-height: 60px;
    padding-right: 0px;
}
  .producttitle {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(218,218,218);
}
.footer {
    width: 100%;
    margin-top: 20px;
    border-top: 2px solid #d8d8d8;
    font-family: Tahoma;
    display: none;
}
}/*当屏幕尺寸小于320px时，结束应用下面的CSS样式*/

/*2017-12-26*/
#show_downs{display: none;}

#show_downs {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.5);
}
.form {
width: 233px;
margin: 0 auto;
margin-top: 16%;
position: relative;
background: #fff;
padding: 20px;
border-radius: 3px;
}
.form input {
  border: 1px solid #eee;
  line-height: 30px;
}
#txt_Password {
    border-right: 0;
    text-indent: 10px;
}
#Btn_PD {
    padding: 0 10px;
    cursor: pointer;
}
.form p {
    font-size: 14px;
    color: #2b2b2b;
    text-align: center;
    padding-bottom: 10px;
}
.close {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #c0bebe;
    text-align: center;
    line-height: 14px;
    vertical-align: middle;
    font-size: 15px;
    cursor: pointer;
}

#menu_92 .tab_title li a.on {
    background-color: #EBEBEB;
    background-image: url(../../upload/products/2017112910571779.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 40px;
    color: #000;
    font-weight: bold;
}
#menu_92 .tab_title li a {
    border-right: 1px solid #e2e1dd;
    border-left: 1px solid #e2e1dd;
    border-top: 1px solid #e2e1dd;
    border-radius: 5px 5px 0 0;
    display: block;
    line-height: 40px;
    text-align: center;
    width: 980px;
    font-size: 14px;
    background-color: #efefef;
}
#menu_93 .tab_title li a.on {
    background-color: #EBEBEB;
    background-image: url(../../upload/products/2017112910571779.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 40px;
    color: #000;
    font-weight: bold;
}
#menu_93 .tab_title li a {
    border-right: 1px solid #e2e1dd;
    border-left: 1px solid #e2e1dd;
    border-top: 1px solid #e2e1dd;
    border-radius: 5px 5px 0 0;
    display: block;
    line-height: 40px;
    text-align: center;
    width: 980px;
    font-size: 14px;
    background-color: #efefef;
}
.i_vtxt {
    display: block;
    margin-top: 5px;
    height: 26px;
    color: #54534f;
    line-height: 26px;
    text-align: center;
    font-style: 20px;
    font-weight: bold;
    font-size: 16px;
}

.Unable_to_view {
    display: block;
    width: 0;
    height: 0;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    z-index: -1000000;
}