@charset "utf-8";

/*公用*/
*{font-family: Arial;}
body {color: #000000; background:#f9f9f9;font-size:13px;margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, fieldset, label, legend,button{ margin:0;padding:0;border:0;}
table, tr, td,th{margin:0;padding:0;}
ul,ol,li{list-style:none;}
.clear{ clear: both;margin:0;padding:0;}
*html{background-image:url(about:blank);background-attachment:fixed;}
video{ background:#333; max-width:100%;}
iframe{max-width:100%;}

/*链接*/
a {color: #304d6d;}
a:link {text-decoration: none;}
a:visited {text-decoration: none; color:#375371;}
a:hover {text-decoration: none;color: #4489d4;}
a:active {text-decoration: none;}

/*颜色*/
.red{ color:#F00;}
.bule{ color:#09F;}
.orange{ color:#F60;}
.gray{ color:#999;}
.price{ color:#F60; font-size:15px; font-weight:bold;}

/*表单*/
input,textarea,select{vertical-align:middle; padding:6px 5px; margin:5px 2px;font-size:14px;color: #333;border-radius:15px;}
.submit{color: #333;background: #ddd;border:#ccc solid 1px;padding:8px 20px; margin:8px 2px;border-radius:15px;cursor:pointer; font-weight:bold;}
.submit:hover{ background: #333;border: solid 1px #111; color: #FFF;}


/*框架*/

#main{min-height:100%;margin:0 auto 0 auto; padding:0;}
#main_body{ max-width:1300px; margin:0 auto;clear:both; background: none;}
#left{ width:250px; float:left; padding: 10px;}
#right{margin-left:-280px;float: right; width: 100%;}
#right_body{margin-left:280px;clear:both;}
.content_body{overflow:hidden;}
.content{line-height:23px; margin:8px 0 20px 0;}
.content img{max-width:100%;height:auto;}

/*自定义内容*/
.zdy_top{ border-bottom:#ddd solid 1px; background:#eee;}
.zdy_top,.zdy_home{ line-height:30px;text-align:center;}
.zdy_top img,.zdy_bottom img,.zdy_left img,.zdy_pro_top img,.zdy_pro_bottom img,.zdy_home img{ max-width:100%; }
.zdy_pro_top{ border-bottom:#ddd solid 1px; margin: 0 0 10px 0; padding:8px 0}
.zdy_pro_bottom{ border-top:#ddd solid 1px; margin:10px 0 0 0; padding:8px 0}
#zdy_left{max-width:250px;overflow:hidden;text-overflow:ellipsis; margin:8px 0 0 0; }
.zdy_bottom{ text-align: left; padding: 20px 0 0 0;}

/*网页顶部*/
#header{ background:#FFF;}
#top{width:100%; margin:0 auto; padding:10px 0;display: flex;}
.top_left{ float: left;flex: 1 0 0%;display: inline-block;    width: 100%;
    max-width: 300px; text-align: center; line-height: 30px; font-size: 16px; padding: 20px 0 0 0;}
.top_left .tel{ font-size: 19px;}
.top_logo{ text-align: center;flex: 1 0 0%;display: inline-block;    width: 100%;
    max-width: 100%; line-height: 70px;margin: -20px 0 0 0;}
.top_logo img{vertical-align:middle;max-width: 100%;max-height:300px;}
/*公司名称*/
.top_logo .web_name{margin-left:8px; font-size:25px; color:#555; font-weight:bold; }
.top_right{ float: right;flex: 1 0 0%;display: inline-block;width: 100%;
    max-width: 300px; text-align: right; padding: 10px 10px 0 0;}
/*最頂部导航栏*/
.menubg_top{margin:0 auto;clear:both;background:#304d6d;height:40px;width:100%;-webkit-box-shadow:0px 1px 6px #999;left:0;right:0;z-index:999999; /*text-align:center;*/}
#menu_top{height:40px; margin:0 auto;}
#menu_top ul {/*margin:0 auto;display:inline-block;*/}
#menu_top ul li{position:relative;float:left; height:40px;}
#menu_top ul li:first-child,#menu ul li ul li {border-left: none;}
#_topmenu ul li:last-child,#menu ul li ul li{border-right: none;}
#menu_top ul li a{text-align:center; line-height:40px; padding:0 15px;display:block; height:40px; color:#FFF; font-size:16px;}
#menu_top ul li a:hover{background: #ddd; color: #333;}
#menu_top ul li a span{ float: right; padding: 15px 5px 0 10px;}

#menu_top ul li ul{z-index:99; position:absolute; width:200px; display:none; top:40px; left:0px;}
#menu_top ul li li{position:relative;height:30px;border-right: none;}
#menu_top ul li li a{height:30px; line-height:30px; color:#333;background:#fff;width:190px; text-align:left; padding:0 0 0 10px; font-size:13px; border-left:#CCC solid 1px; border-bottom: #CCC solid 1px;border-top:#CCC solid 1px; border-right: #CCC solid 1px;overflow:hidden;}
#menu_top ul li li a:hover{background: #666; color: #000;}

#menu_top ul ul ul{z-index:199; position:absolute; width:200px; top:0px; left:201px;}
#menu_top li.ooo{background: #ddd;}
#menu_top li.ooo a{color:#fff;}
#menu_top li.ooo li a{color:#333;}
#menu_top li.ooo li a:hover{background: #ddd; color:#000;}
#menu_top li li.ooo a{background: #ddd; color:#333;}
#menu_top li li.ooo ul a{background: #ddd;color:#333;}
#menu_top li li.ooo ul a:hover{background: #F8F8F8; color:#000;}

/*导航栏*/
.menubg{margin:0 auto;clear:both;background:#304d6d;height:50px;width:100%;-webkit-box-shadow:0px 1px 6px #999;left:0;right:0;z-index:9999; text-align:center;}
#menu{height:50px; margin:0 auto;}
#menu ul {margin:0 auto;display:inline-block;}
#menu ul li{position:relative;float:left; height:50px;}
#menu ul li:first-child,#menu ul li ul li {border-left: none;}
#menu ul li:last-child,#menu ul li ul li{border-right: none;}
#menu ul li a{text-align:center; line-height:50px; padding:0 15px;display:block; height:50px; color:#FFF; font-size:16px;}
#menu ul li a:hover{background: #ddd; color: #333;}
#menu ul li a span{ float: right; padding: 15px 5px 0 10px;}
#menu ul li li a span{ padding: 6px 5px 0 10px;}

#menu ul li ul{z-index:99; position:absolute; width:200px; display:none; top:50px; left:0px;}
#menu ul li li{position:relative;height:30px;border-right: none;}
#menu ul li li a{height:30px; line-height:30px; color:#333;background:#fff;width:190px; text-align:left; padding:0 0 0 10px; font-size:13px; border-left:#CCC solid 1px; border-bottom: #CCC solid 1px;border-top:#CCC solid 1px; border-right: #CCC solid 1px;overflow:hidden;}
#menu ul li li a:hover{background: #666; color: #000;}

#menu ul ul ul{z-index:199; position:absolute; width:200px; top:0px; left:201px;}
#menu li.ooo{background: #ddd;}
#menu li.ooo a{color:#fff;}
#menu li.ooo li a{color:#333;}
#menu li.ooo li a:hover{background: #ddd; color:#000;}
#menu li li.ooo a{background: #ddd; color:#333;}
#menu li li.ooo ul a{background: #ddd;color:#333;}
#menu li li.ooo ul a:hover{background: #F8F8F8; color:#000;}

/*首页横幅*/
#sliderbox{ padding:0 0 15px 0; margin:0 auto 0 auto;   overflow:hidden; _position:relative}
.slidebanner { width:100%; text-align:center; overflow:hidden; position:relative; z-index:90; clear:both}
.slidebanner li { width:100%; position:absolute; left:0; top:0}
.slidebanner li img { width:100%; display:block}
.slidebanner .bx-wrapper { height:auto}
.slidebanner .bx-wrapper .bx-pager { width:100%; text-align:center; position:absolute; left:0; bottom:10px; z-index:90}
.slidebanner .bx-wrapper .bx-pager .bx-pager-item,.slidebanner .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display:inline}
.slidebanner .bx-wrapper .bx-pager a { margin-left:10px; width:15px; height:15px; font-size:0; background:#eee; overflow:hidden; display:inline-block; text-decoration:none; moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px}
.slidebanner .bx-wrapper .bx-pager a.active { background:#ffc000}
.slidebanner .bx-wrapper .bx-prev,.slidebanner .bx-wrapper .bx-next { width:40px; height:100%; _height:400px; text-indent:-9999px; background:url(/images/arrow-slider.png) no-repeat -40px center; overflow:hidden; display:none; position:absolute; top:0; z-index:100; filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5}
.slidebanner .bx-wrapper .bx-prev { left:0}
.slidebanner .bx-wrapper .bx-next { right:0; background-position:0 center}
.slidebanner .bx-wrapper .bx-prev:hover,.slidebanner .bx-wrapper .bx-next:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1}
.banner-shadow { width:100%; height:26px; background:url(/images/shadow.png) repeat-x; overflow:hidden; position:absolute; top:0; right:0; z-index:91}
.bx-controls-auto{ display:none;}
#sliderbox,.slidebanner,#slideshow li,#slideshow li img{ width:100%;max-width:100%;height: auto;}
/*内页横幅*/
.banner{ width:100%; text-align:center;}
.banner img{max-width:100%;}

/*左边搜索*/
#search{ width:90%;overflow:hidden; margin:20px 10px 0 auto;    display: flex;position: relative; text-align: right;}
#search #key{padding: 0 0 0 25px;
    font-size: 14px;
    height: 46px;
    background: #fff;
    border: solid #e4e4e4;
    border-width: 1px 1px 1px 1px;
    border-radius: 25px 0 0 25px;    display: block;margin: 0;position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
#search #submit{     color: #304d6d;
    height: 47px;
    background: #f17721;
    border: solid #f17721;
    border-width: 1px 1px 1px 0;
    border-radius: 0 25px 25px 0;
    box-shadow: none;position: relative;margin: 0;
    padding: 0 14px;}


/*左边分类*/
#left_class{width:250px;overflow:hidden; background:#FFF;border-width: 1px;border-style: solid;border-color: #ddd #ddd #d5d5d5 #ddd;box-shadow: 0 3px 0 rgba(200,200,200,.2);margin:10px 0 10px 0;}
#left_class h2{font-size:16px; font-weight:bold; color: #fff; height:40px; line-height:40px; padding-left:10px;border-bottom:#CCC solid 1px;background:#304d6d; width:100%;}
#left_class span{font-size:11px; color: #999999; font-weight:normal;}
#left_class ul{list-style-type:none;}
#left_class ul li a{color:#000000;  padding:10px 0 10px 5px;  display:block; border-bottom:#dddddd solid 1px;  font-weight:bold;background:#F8F8F8;}
#left_class ul li a:hover{color: #F60;background:#F4F4F4;}
#left_class ul li ul li a{color: #333; font-weight: normal;padding:8px 0 8px 10px; background:#fff;}
#left_class ul li ul li a:hover{color: #F60;}
#left_class ul li ul li ul li a{color: #666; font-weight: normal;padding:8px 0 8px 15px; background:#eee;}
#left_class ul li ul li ul li a:hover{color: #F60;}
#left_class ul li a:before {content: ">"; color:#666; font-weight:normal;}
#left_class ul li ul li a:before {content: ">"; color:#999; font-weight:normal; padding:0 3px 0 3px;}
#left_class ul li ul li ul li a:before {content: ">"; color:#ccc; font-weight:normal; padding:0 3px 0 3px;}

/*左边热门产品*/
#left_product{width:250px;overflow:hidden; background:#FFF;border-width: 1px;border-style: solid;border-color: #ddd #ddd #d5d5d5 #ddd;box-shadow: 0 3px 0 rgba(200,200,200,.2);margin:0 0 10px 0; padding:0 0 10px 0;}
#left_product h2{font-size:16px; font-weight:bold; color: #fff; height:40px; line-height:40px; padding-left:10px;border-bottom:#CCC solid 1px;background: #304d6d;width:100%;}
#left_product li{ clear:both; padding:8px 5px;}
#left_product .pro_media{ width:40%;float: left;}
#left_product .pro_detail_info{ width:55%;float: right;}
#left_product img{ border:#eee solid 1px; margin: 0 5px; float:left;width:100%;}
#left_product .th{ line-height:25px; margin:0 0 15px 0; max-height:46px; overflow:hidden;}
#left_product .btn{ background:#09C; padding:5px 10px; margin:8px 0 0 0; color:#FFF;border-radius: 3px;transition: ease all 0.4s;}
#left_product .btn:hover{background:#333;}

/*左边联系方式*/
#left_contact{width:250px;overflow:hidden; background:#FFF;border-width: 1px;border-style: solid;border-color: #ddd #ddd #d5d5d5 #ddd;box-shadow: 0 3px 0 rgba(200,200,200,.2);margin:0 0 10px 0;}
#left_contact h2{font-size:16px; font-weight:bold; color: #fff; height:40px; line-height:40px; padding-left:10px;border-bottom:#CCC solid 1px;background:#304d6d;width:100%;}
#left_contact p{margin:8px; line-height:25px;}
#left_contact strong{ color:#666; padding:0 5px 0 0;}

/*首页*/
.homepage{ max-width:1300px; margin:0 auto;}
/*首页关于我们*/
.home_about{ width:100%; margin:0 auto;padding:30px 0; clear:both;position: relative;}
.home_about:before {background-color: rgba(209, 223, 231, 0.6);position: absolute;box-sizing: border-box;display: block;content: "";top: 0;bottom: 0;left: 0;right: 0;}
.home_about_body{ max-width:1300px; margin:0 auto;position: relative;}
.about_pic{ width:40%; float:left;}
.about_pic img{ width:100%;}
.about_content{ width:55%; float:right; padding:0 10px 0 0; line-height:28px; }
.about_more{ padding:15px 0 0 0;}
.about_more a{background:#fff; color: #069; padding:10px 15px; font-size:20px;border-radius:5px;}
.about_more a:hover{ background: #9cc4e5;}
/*首页图片*/
.home_photo{ background:#eee; padding:0 0 20px 0;}
.home_photo_body{max-width:1300px;margin:0 auto; overflow:hidden; height:352px;}
.home_photo_body .pro_list{ width:200px;padding:1px; margin:0 10px 0 0;}

/*标题*/
.title_home{font-size:25px; font-weight: normal; color: #333; padding:15px 0;text-align:center;}
.title_home a{color: #333;}
.title_home a:hover{color: #069;}
.title_home span{ background:#999; height:2px; display:block; width:80px; margin:10px auto 0 auto;}
.title_page{font-size:22px; font-weight: normal; color: #333; line-height:30px; padding:5px 0; }
.title_pro{font-size:30px; padding:20px 0; margin:0 0 10px 0; color: #304d6d; font-weight: 500;text-align: left; line-height:35px;}

/*面包屑导航*/
.weizhi{color: #666; max-width:1300px; margin:5px auto 8px auto; line-height:30px;height:30px; overflow:hidden; padding:10px 0; background: none;font-size: 14px;}
.weizhi a{color:#333;}

/*内页导航菜单*/
.page_menu{ text-align:center; line-height:50px;}
.page_menu ul{margin: 0 auto 0 auto;display: inline-block;}
.page_menu ul li{ float:left;position: relative; margin:0 5px 0 5px;}
.page_menu ul li a{ padding:10px 20px; border: #ddd solid 1px; text-align:center; background:#FFF;transition: ease all 0.4s;}
.page_menu ul li a:hover{background: #999; color:#FFF;}

/*新闻列表*/
.news_list{border:#ddd solid 1px; padding:10px 5px 10px 5px;overflow:hidden; line-height:25px; margin:0 0 15px 0;-webkit-box-shadow:0px 1px 6px #F4F4F4;}
.news_list:hover{background: #F2F2F2;}
.news_pic{ float:left; margin:5px; width:20%; overflow:hidden; background:#FFF;border:#eee solid 1px; text-align:center;}
.news_pic img{transition: all 0.6s;}
.news_pic img:hover{transform: scale(1.2);}
.news_title a{ font-weight:bold; font-size: 16px;line-height:30px;}
.news_date{ color:#999;}
.news_show{ float:right; width:78%; text-align:left;}
.news_text{ color:#666;}
.news_more{margin:5px 0;}
.news_more a{ padding:8px 12px; background:#fff;border:solid  #ddd 1px;border-radius:15px; color:#999; }
.news_more a:hover{ background:#333; color:#fff;}
/*新闻详情页*/
.newspage_date{ padding:10px 0; color:#999; text-align:left;}

/*滚动产品*/
.picScroll{ margin:10px auto;  position:relative;  border:1px solid #eee; max-width:1300px;  padding:10px 0 10px 30px; background:#fff; overflow:hidden;  }
.picScroll .prev,.picScroll .next{ display:block; position:absolute; top:45%; left:5px; width:23px; height:23px; background:url(/images/btns.png) no-repeat;   }
.picScroll .next{ left:auto; right:5px; background-position:-25px 0; }
.picScroll .prev:hover{ background-position:0 -30px; }
.picScroll .next:hover{ background-position:-25px -30px; }
.picScroll ul{ overflow:hidden; zoom:1; }

/*产品列表*/
.homepage .pro_list{width: 24%;}
.pro_list{ width:23%;float:left; padding:1px; margin:8px 10px 8px 0; overflow:hidden;  background:#f8f8f8;}
.pro_list .pro_name{height:55px; overflow:hidden; text-align:center; margin: 8px 0 0 0; line-height:25px;}
.pro_list .pro_name a{font-size:15px;font-weight: bold;}
.pro_pic{background:url(/images/reflash.gif) center no-repeat #FFF;display: flex;align-items: center;overflow:hidden; min-height: 300px;text-align: center;}
.pro_pic img{ max-width:100%; max-height:300px;}
.pro_pic:hover{}
.pro_pic img:hover{}
.pro_pic a{ margin:0 auto;}

/*产品详情页内容*/
.pro_show_right{float:right; width:50%; line-height:25px;margin: 0 8px 0 8px; overflow:hidden; padding:0 0 8px 0; font-size: 14px;}
.pro_show_right strong{ color:#1F64A5;}
.inquiry,.inquiry:link,.inquiry:visited{ background:#f07720; color:#FFF; padding:5px 10px; font-size:13px;border-radius: 3px;transition: ease all 0.4s;}
.inquiry:hover{ background: #930;}
.sendmail,.sendmail:link,.sendmail:visited{ background: #093; color:#FFF; padding:5px 10px; font-size:13px;border-radius: 3px;transition: ease all 0.4s;}
.sendmail:hover{ background: #060;}
.videoshow{ padding: 0 0 10px 0;}
.videoshow iframe{ min-width:80%; min-height:500px;}
.content_body .pro_title{font-size:15px; font-weight:bold; color: #333; height:60px; line-height:60px; padding:10px 10px 5px 10px; border-bottom:#CCC solid 2px; display: inline;}
.pro_content{line-height:23px; margin:5px 5px;}
.pro_content table,.pro_show_right table{ border-top:#ddd solid 1px;border-left:#ddd solid 1px;max-width:100%;width: auto;margin:5px 0;}
.pro_content th,.pro_show_right th{ background: #efefef;}
.pro_content th,.pro_content td,.pro_show_right th,.pro_show_right td{border-bottom:#ddd solid 1px;border-right:#ddd solid 1px;padding:5px; }
.pro_content img{ max-width:100%;}

/*产品详情页图片*/
.pic_list{width:48%;  overflow:hidden; margin:5px;float:left;text-align: center;}
.pic_view{width:528px; height:528px; background:#FFF;text-align:center;display:table;position:relative; margin: 0 auto;}
.pic_view a{display:table-cell;vertical-align:middle;}
.pic_view img{max-width:528px;max-height:528px;vertical-align:middle;}
.pic_more{margin:5px auto; text-align: center; display:inline-block;}
.pic_more li{ float:left;margin-right:5px;vertical-align:middle;list-style:none;border:1px solid #CCC;position: relative;}
.pic_more li:hover{border:1px solid #FF6600;}
.pic_more li a{padding:2px;display:table-cell;vertical-align:middle;}
.pic_more li img{max-height:95px;max-width:95px;vertical-align:middle;}

/*图片放大和lightbox*/
.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.zoomMask{position:absolute;cursor: pointer;z-index:1;visibility: visible;display:none;}
body:after{display:none;content:url(/images/lightbox/close.png) url(/images/lightbox/loading.gif) url(/images/lightbox/prev.png) url(/images/lightbox/next.png);}
.lightboxOverlay{display:none;position:absolute;top:0;left:0;z-index:9999;background-color:black;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80)
;opacity:0.8;
}
.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:normal;line-height:0;text-align:center;}
.lightbox .lb-image{display:block;max-width:inherit;height:auto;border-radius:3px;}
.lightbox a img{border:none;}
.lb-outerContainer{position:relative;width:;height:;margin:0 auto;border-radius:4px;background-color:white;
    *zoom:1;
}
.lb-outerContainer:after{content:"";display:table;clear:both;}
.lb-container{padding:4px;}
.lb-loader{position:absolute;top:43%;width:100%;left:0;height:25%;line-height:0;text-align:center;}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/images/lightbox/loading.gif) no-repeat;}
.lb-nav{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;}
.lb-container > .nav{left:0;}
.lb-nav a{background-image:url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');outline:none;}
.lb-prev,
.lb-next{display:block;height:100%;cursor:pointer;}
.lb-nav a.lb-prev{left:0;float:left;width:34%;background:url(/images/lightbox/prev.png) left 48% no-repeat;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s;}
.lb-nav a.lb-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
.lb-nav a.lb-next{right:0;float:right;width:64%;background:url(/images/lightbox/next.png) right 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s;}
.lb-nav a.lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
.lb-dataContainer{width:100%;margin:0 auto;padding-top:5px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;*zoom:1;}
.lb-dataContainer:after{content:"";display:table;clear:both;}
.lb-data{padding:0 4px;color:#ccc;}
.lb-data .lb-details{float:left;width:85%;line-height:1.1em;text-align:left;}
.lb-data .lb-caption{font-size:13px;font-weight:bold;line-height:1em;}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999999;}
.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/images/lightbox/close.png) top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s;}
.lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}

/*视频列表*/
.video_list{ float:left; border:#ddd solid 1px; padding:1px; margin:8px 5px; overflow:hidden; line-height:23px; background:#f8f8f8; width:48%; }
.video_list:hover{border:#999 solid 1px;}
.video_list p{height:30px; overflow:hidden; text-align:center; font-weight:bold;}
.video_frame{background: #333;display: flex;align-items: center;overflow:hidden;height:350px;}
.video_frame:hover{opacity: 0.9;}

/*页码*/
#page {padding:8px; margin: 3px;  text-align: center; clear:both;}
#page a{border:#01B0ED 1px solid; padding:5px 8px; margin:2px; color:#666; text-decoration:none;border:#ddd solid 1px;}
#page a:hover{color:#333;background: #ddd;}
#page span.current{border:#ddd solid 1px;padding:5px 8px; margin:2px;color: #000;background: #ddd; font-weight:bold;}
#page span.disabled{border:#eee 1px solid;padding:5px 8px; margin:2px;color: #DDDDDD;}
#page span {border:#eee 1px solid;padding:5px 8px; margin:2px;color: #666666;}

/*留言*/
.feedback{ margin: 30px 0; overflow: hidden;background-color: #fff;border-width: 1px;border-style: solid;border-color: #ccc #ddd #d5d5d5 #ccc;box-shadow: 0 3px 0 rgba(200,200,200,.2);}
.feedback .th{font-size: 15px; color:#555;line-height: 30px; margin-bottom: 18px; position: relative; padding: 10px 20px;border-left: 4px #FF6600 solid;border-bottom: 1px #eee solid; background:#fff; font-weight:bold;}
.feedback .th span{ color:#F60;}
.feedback_pic{ margin:0 0 8px 0; line-height:50px; height:50px; overflow:hidden; color:#999;}
.feedback_pic img{vertical-align: middle;}
.feedback-row{ margin-top: 20px; overflow: hidden; margin: 0 25px;}
.feedback-row .item{ width: 100%; float: left; margin-bottom: 20px;}
.feedback-row .item input{ color: #999; width: 100%; line-height: 24px; border: 0; height: 24px; background:none;}
.feedback-row .item textarea{ color: #999; width: 100%;line-height: 24px; border: 0;font-family: Arial, Helvetica, sans-serif; min-height: 110px;background:none;}
.feedback-row .item button{background-color: #e28729;font-size: 15px;color: #fff;line-height: 20px;padding: 12px 25px;border-radius: 30px;display: block;transition: ease all 0.4s;-webkit-transition: ease all 0.4s;-moz-transition: ease all 0.4s;-o-transition: ease all 0.4s;border: 0;cursor:pointer}
.feedback-row .item button:hover{ background-color: #131e2c;}
.feedback-row .item button:active{background-color: #F60;}
.feedback-row .item.item-half{ width: 50%;}
.feedback-half{padding: 2px; margin-right: 20px; background-color: #f8f8f8; border: 1px solid #eee;}
.feedback-box{ padding: 2px; background-color: #f8f8f8;    border: 1px solid #f1f1f1;}
.sendok{ text-align:center; line-height:60px; font-size:20px; color:#090;}

/*首页联系引导*/
.lx{ width:100%; padding:10px 0; background: #2d7dc7; margin:0 0 -10px 0; color:#FFF;}
.lx_body{ max-width:1300px; line-height:25px; margin:0 auto;}
.lx_left{ width:65%; float:left; padding:10px 5px;}
.lx_left h3{ font-size:18px;}
.lx_right{ width:30%; float: right; text-align:right; padding:30px 5px;}
.lx_right a{ background:#fff; color: #069; padding:10px 20px; font-size:18px; font-weight:bold;border-radius:6px;}
.lx_right a:hover{ background: #CFF;}

/*友情链接*/
#link_txt,#link_img{ clear:both; margin:8px auto; padding:5px 0; text-align: center; line-height:30px;}
#link_txt a{margin:2px; padding:6px; background:#eee;border-radius:8px; color:#333;}
#link_txt a:hover{color:#fff;background: #333;}
#link_img a{margin:2px; }

/*网页底部*/
.footerpush{}
#foot{margin:8px auto 0 auto;line-height:30px;padding:50px 0;color:#252525; text-align:center; clear:both;background:#efefef;}
#foot a{color:#252525;}
.foot_menu{float: left; text-align: left;}
.foot_main{ max-width: 1300px; margin: 0 auto; padding: 0 5px; }
.foot_contact{float: right;text-align: right; line-height: 30px;}
.foot_contact h4{ font-size: 23px; font-weight: normal; padding: 10px 0;color: #304d6d;}
.foot_icon .button_facebook{ background:#1877f1;}
.foot_icon .button_twitter{ background:#55aced; }
.foot_icon .button_instagram{ background:#e4405f; }
.foot_icon .button_pinterest{ background:#bd081b; }
.foot_icon .button_linkedin{ background:#007bb5; }
.foot_icon .button_youtube{ background:#ff0f17; }
.foot_icon .button_vimeo{ background:#18b7ea; }
.foot_icon .button_email{ background:#0466fb; }
.foot_icon .button_facebook,.foot_icon .button_twitter,.foot_icon .button_instagram,.foot_icon .button_pinterest,.foot_icon .button_linkedin,.foot_icon .button_youtube,.foot_icon .button_vimeo,.foot_icon .button_email{ padding:2px 3px;color: #fff;border-radius:4px;font-size:18px;}
.foot_icon .button_facebook{ padding:2px 6px;}
#foot .foot_icon a{color: #fff;}
.fa{line-height: 20px;}
.credit-cards span{padding:2px 3px;border-radius:2px;font-size:30px;background:#304d6d; color: #fff;}
/*返回顶部*/
.scroll_top {width:40px;color:#fff;text-align:center;position:fixed;right:50px;bottom:150px;cursor:pointer;background: #999;border-radius:5px;z-index:10;}
.scroll_top span {font-size:25px;vertical-align: middle; padding:8px 0 10px 0;}
.scroll_top:hover{background:#666;}

/*滚动客服*/
#rightDiv{width:200px;background: #09F;display:block;overflow:hidden;position:absolute;z-index:900;border-radius:5px ; padding:5px 0;}
#rightDiv p{text-align:left;}
#rightDiv p a{color: #FFFFFF; padding:5px 0 10px 20px;display:block; font-size:15px; font-weight:bold;}

#rightDiv div{border: #09F solid 1px; background: #FFFFFF;text-align:center; padding:8px 0 0 0;}
#rightDiv div p{ padding:0 0 0 8px;color:#666;}
#rightDiv div a{ color:#06C; display:block;margin:6px 0 6px 0;padding:5px 0;font-weight: normal;}

/*语言*/
#lang{ margin:0 auto ; z-index:999;right:0px;top: 0px;}
#lang ul{ float:right; list-style:none; margin:0; padding:0;}
#lang ul li{margin:0 2px 0 0; float:left;padding:0;}
#lang ul li .here{ background: #E3F7FF;}
#lang ul li a{padding:5px 5px 5px 5px;border-radius: 0 0 5px 5px ;background: #F3F3F3; display:block;}
#lang ul li a:hover{background:#E3F7FF;}

/*网站地图*/
.sitemap_list{ line-height:25px;width:100%;-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}
.sitemap_list ul{ float:left;width:350px; padding:10px; margin:10px; display:block; border:#eee solid 1px; overflow:hidden;-moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid;}
.sitemap_list ul li{ list-style: inside; clear: both;}
.sitemap_list ul ul{ padding:0 0 0 20px;width:260px;}
.sitemap_list ul ul li{ list-style: circle;}
.sitemap_list ul ul ul{ padding:0 0 0 40px; }
.sitemap_list ul ul ul li{ list-style: none;}

/*其他*/
.mobi_bottom,.wx_overlay,.wx_content{display:none;}
.width100{width: 100%; max-width: none; max-height: none;}

/*颜色*/
.menubg {background: #048cca;}
#search #submit {color: #fff;background: #de1d2f;border: solid #de1d2f;}
.about_more a {background: #fff;color: #af2727;}
.about_more a:hover {background: #ffeaea;}
.foot_contact h4 {color: #801818;}
.home_about:before {background-color: #ececec;}
#left_class h2,#left_product h2,#left_contact h2{background: #666;}
#left_product .btn {background: #dd1c2e;}
#menu ul li a {padding: 0 30px;}

/*特别设置*/
.pro_content{ max-width:100%; margin:0 auto;}
.feedback{ max-width:1300px; margin:20px auto;}
#header{ background: linear-gradient(to bottom, #b3dbf5, white 90%); }
.top_logo{line-height: 40px;margin: 0 0 0 0; padding:20px 0 0 0;}

/*响应*/
/*小于1280屏幕*/
@media only screen and (max-width:1280px) {
#top{ width:100%;padding:0;}
.menubg{background:#304d6d;height: auto;}
#menu{ width:100%;height: auto;padding:0;z-index:99999;}
#menu ul li a{ background:#304d6d;}
#main_body{ width:100%;padding:0;}
.weizhi{ width:100%;padding:0;}
#lang{ width:auto;left: auto;top: 0px;right: 0px;margin: 0;}
#link_txt,#link_img{ width:100%;padding:0;}
.pro_list,.homepage .pro_list{ width:30%;}
}

/*768-1023 平板电脑和小屏电脑之间的分辨率*/
@media only screen and (min-width:768px) and (max-width:1023px) {

}

/*小于767屏幕 横向放置的手机和竖向放置的平板之间的分辨率*/
@media only screen and (max-width:767px) {
table,th,td{ width:auto; height:auto;}
input, textarea, select{ width:200px;}
.webname{ font-size:14px;}
#top img{ max-height:80px; margin:8px; max-width:100%;}
.menubg{position:relative;height: auto;}
#menu{height: auto;}
#menu ul li{width:32%; border-bottom: #546d8a solid 1px;height:32px;}
#menu ul li ul li{ width:auto;}
#menu ul li:nth-child(1),#menu ul li:nth-child(4),#menu ul li:nth-child(7){border-left:0;}
#menu ul li:nth-child(3),#menu ul li:nth-child(6){border-right:0;}
#menu ul li a{ padding:0 1px;line-height:32px;height:32px;}
#menu ul li ul{top:32px;}
#menu ul li a span {padding: 10px 5px 0 10px;}
#left{width: auto;float: none; clear:both; }
#left_class,#left_product, #left_contact,#zdy_left{ display:none;}
#search{margin:8px auto;}
#right{ float:none;clear:both;margin-left: 0;}
#right_body {margin-left: 0;}
.pro_show_right{clear:both;width:100%; float: none;}
.pro_content table{width:100%;}
.pro_content img{max-width:100%;}
.td_left{ width:120px;}
#page{ line-height:30px;}
#page a{ padding: 10px 10px; font-weight:bold;}
#page span{ display:none;}
#foot{padding: 10px 0 60px 0;}
#rightDiv{ display:none;}
.goog-te-gadget{display:none;}
.sitemap_list{-moz-column-count:1;-webkit-column-count:1;column-count:1;}
.video_list{width:46%;}
.scroll_top {right:20px;bottom:70px;}
.pro_list,.homepage .pro_list{ width:30%;}
.pro_pic{ height:190px;}
.about_pic{ width:50%; float: none; margin:0 auto 20px auto;}
.about_content{ width:90%; float: none;margin:0 auto; }
.about_more{ text-align:center;}
.videoshow iframe{ min-width:95%; min-height:300px;}

/*手机底部*/
.mobi_bottom{display:block;position: fixed;width:100%;height:50px;bottom:0;left: 0;font-size:16px;z-index:9999999; color:#FFF; text-align:center;}
.mobi_bottom li {width: 40%;float: left;border-right: 1px solid transparent;box-sizing: border-box;height: 50px;padding:2px 0;}
#foot .mobi_bottom li a{ color:#fff;}
.mobi_bottom li a span {display: block;margin: 0 auto; font-size:25px;}
.mobi_bottom i{font-style: normal;}
.mobi_bottom .mobi-home{width: 20%;background: #ccc; display:block;}
.mobi_bottom .mobi-home a{ color:#666;}
.mobi_bottom .mobi-tel{background: #090;}
.mobi_bottom .mobi-email{background: #2d42aa;}
/*手机底部*/
}


/*小于480屏幕 横向放置的手机及分辨率更小的设备*/
@media only screen and (max-width:480px) {
#top{ text-align:center;line-height:40px; display: block;}
#top img{margin: 3px;}
.top_logo .web_name{display:block; font-size:20px;}
.menubg_top{ display: none;}
.content{margin: 5px 5px;}
.about_pic{ width:50%;}

.pro_list,.homepage .pro_list{ padding:0;margin: 5px 2px;width:47%;}
.pro_pic{ height:170px;}
.videoshow iframe{ min-height:250px;}

.pic_list{width:330px;}
.pic_view{width:328px; height:328px;}
.pic_view img{max-width:328px;max-height:328px;}
.pic_more{width:342px;}
.pic_more li img{max-height:56px;max-width:56px;}

.news_show{ width:75%;}

.video_list{width:100%;padding:0;margin: 8px auto;}

.lx_left{ width:100%; float: none; text-align: center; padding:10px 10px;}
.lx_right{ width:100%; float: none; text-align: center; padding:10px 0 20px 0;}
.about_pic{ width:90%;}

.top_left{ display: none;flex: none;}
.top_right,.top_logo{ float: none; display: block;flex: none; clear: both; padding: 2px;margin: 0 auto;}
.top_right .foot_icon{ display: none;}
#search{ width: 80%;}
.foot_contact,.foot_menu{ float: none; clear: both; text-align: center; padding: 5px;}
.foot_menu li {border-bottom: 1px solid #fff; background: #ddd;}
.foot_menu .credit-cards{ padding: 10px;}
.zdy_bottom{padding: 0;}
}