/* boby */
@import url("css_gongyong.css");
@import url("swiper.min.css");
@import url("../manage/inc/font-awesome.css");
/* 


*/

html{ font-size:10px; }
body{ font-family: "微软雅黑", Arial, sans-serif; color:#555; line-height:200%; background:#fff; }
/* 公用开始----------------------------------------------------------------------------------------------------*/
.home_lkskfjdsg { background:#018be9; padding:12px 35px; text-align:center; color:#FFF; }
.copyright { color:#aaa; }
.copyright a { color:#aaa; }
/* 公用结束------------------- d8001e ---------------------------------------------------------------------------------*/

/* 1100分辨率（大于960px，小于1199px）------------------------------------------------------------------------------------------------------ */
/* @media only screen and (min-width: 1200px){------------------------------------------------------------------------------------------------------ */

body{ font-size:10px; }
.web_w{ margin:auto;}
.no_pc { display:none;}
.txtimg img { max-width:100%!important; }
.txtimg { font-size:15px; line-height:250%; }

.main_01 { margin:auto; }
.main_03 .page_left{ }
.main_03 .page_right{ padding:5px;  background:#fff;}

.head_top { display:block; width:100%; height:32px; background:#323232; border-bottom:1px #CCC solid; color:#FFF; line-height:32px; }
.head_top i{ margin:auto 5px auto 15px;}
.head_top_new .logo { display:block; padding:15px; width:40vw;}
.head_top_new .logo img { max-height:60px;}
.head_top_new .slslfj { position:absolute; right:0px; top:5px; height:80px; }
.head_top_new .slslfj img { height:100%; }

.search_close { display:block; float:right; padding:20px; }
.search_open { position:absolute; right:3vw; margin-top:-60px; right:3em; color:#FFF; background:#ddd; display:block; height:2em; width:2em; line-height:2em; text-align:center; }
.search { display:none; width:100vw; height:100vh; padding:0; background:rgba(7,125,216,0.8); position:absolute; right:0; top:0px; z-index:9999;}
.search.yes { display:block; }
.search input { display:block; border:0px; background:#FFF; height:38px; line-height:38px; width:76vw; text-indent:2em; }
.search button { display:block; border:0px; background:#077dd8; margin:0 3vw; height:38px; line-height:38px; width:16vw; color:#FFF; }

.menu_open { position:absolute; right:3vw; margin-top:-60px; color:#FFF; background:#1268ab; display:block; height:2em; width:2em; line-height:2em; text-align:center; }
.menu_close { display:block;  padding:20px; float:right; }
.menu_k { display:block; background:rgba(7,125,216,0.95); right:100vw; position:fixed; top:0px; height:100vh; z-index:9999; }
.menu_k.yes{ display:block; right:0; }
.menu { display:block; padding:0 4vw 4vw 4vw; }
.menu dt.t1{ float:left; display:block; background:rgba(7,100,175,0.95); width:47%; margin-left:2%; margin-right:1%; margin-top:15px; text-align:center; }
.menu dt.t1 .title { display:block;  color:#FFF; font-size:1.5em; line-height:5.5em; }


.bottom_k { background:#222222; border-top:3px solid #0e98e7; }
.bottom_k dl dd{ float:left; width:180px; }
.bottom_k dl dd a{ display:block; color:#fff; }
.bottom_k dl dd a:hover { color:#0e98e7; text-decoration: underline; }
.bottom_k dl dd h3 { display: block; height:40px; }
.bottom_k dl dd h3 span{ display: block; float:left; border-bottom:1px #ccc solid; height:26px; color:#aaa; }
.bottom_k .left_k { float:left; border-right:1px #444 dotted; }
.bottom_k .right_k { display:block; width:270px; float:right; }
.bottom_k .right_k p{ padding:0 23px; margin:10px auto; }
.bottom_k .right_k p i { margin-right:8px; position:absolute; margin-left:-25px; margin-top:5px; color:#fff; }
.bottom_k .bottom_logo {  max-height:60px; margin-bottom:10px; }
.home_title a { font-size:16px;}


.home_one ul { }
.home_one ul li { width:393px; float:left; margin-right:10px; position:relative; margin-bottom:10px; }
.home_one ul li:first-child { width:796px; }
.home_one ul li img{ height:393px; width:100%; }
.home_one ul li div { position:absolute; bottom:0px; padding:10px; z-index:2; color:#FFF; }
.home_one ul li div a{ display:block; font-size:18px; font-weight:bold; color:#FFF; padding-bottom:10px; }
.home_one ul li div p{ display:none; overflow:hidden; }
.home_one ul li:hover div a{ display:block; color:#1daaff; }
.home_one ul li span{ z-index:1; position:absolute; display:block; bottom:0px; left:0px; height:70%; width:100%;
background:linear-gradient(rgba(0,0,0,0) ,rgba(0,0,0,0.5)); }
.home_one ul li:hover span{ height:100%; background:linear-gradient(rgba(0,0,0,0.5) ,rgba(0,0,0,0.7)); }

.home_news ul { }
.home_news ul li { width:100%; float:left; position:relative; margin-bottom:10px; }
.home_news ul li img{ width:35%; float:left; margin:0 5px; }
.home_news ul li div a{ display:block; font-size:15px; font-weight:bold; }
.home_news ul li div p{ overflow:hidden; }
.home_news ul li:hover div a{ display:block; color:#1daaff; }
.home_news ul li span{ z-index:1; display:block; bottom:0px; left:0px; width:100%;}
.home_news ul li:hover span{ height:100%; background:linear-gradient(rgba(0,0,0,0.5) ,rgba(0,0,0,0.7)); }

.home_two { background:#e6ecf0; border:1px #e1e1e1 solid;}
.home_two ul.e_two li.e_two{ width:50%; float:left; }
.home_two ul.e_two li.e_two dl.e_two{ margin:0 3px; border:1px #e1e1e1 solid; background:#FFF; }
.home_two ul.e_two li.e_two dl.e_two dt.e_two{ padding:5px; }
.home_two ul.e_two li.e_two dl.e_two dd.e_two{ padding:0 10px 10px 10px; height:115px; overflow:hidden; margin-bottom:10px; }
.home_two ul.e_two li.e_two dl.e_two:hover{ box-shadow:0px 3px 20px #bbb; -webkit-box-shadow:0px 3px 20px #bbb; -moz-box-shadow:0px 3px 20px #bbb;}

.home_prod{ }
#h_prod { border-top:3px #CCC solid; padding-top:20px;  }
.home_prod .swiper-wrapper { display:block; }
.home_prod .swiper-slide { display:block; color:#999; background:#fff; float:left; text-align:center; width:46%; margin:0px 2%; }
.home_prod .swiper-slide h4{ padding:8px 10px 1px 10px; color:#1872c0; }
.home_prod .swiper-slide .txt { display:block; height:65px; padding:0px 10px 10px 10px; line-height:160%; text-align:left; }
.home_prod .swiper-slide .more{ display:block; width:50%; margin:0px auto; background:#0ca5f6; color:#FFF; }
.home_prod .swiper-slide:hover {  background:#FFF; color:#FFF; }
.home_prod .swiper-slide:hover .txt { color:#FFF; }
.home_prod .swiper-slide:hover .more { color:#fcff00; background:#007ec0; }
.home_prod .swiper-slide .img { -webkit-filter: grayscale(0%); }
.home_prod .swiper-slide:hover .img { -webkit-filter: grayscale(100%); }
.home_prod .arrow-left-r1, .home_prod .arrow-right-r1 { position:absolute; bottom:0px; text-align:center; width:100%; z-index:998; top:200px; font-family:"宋体"; font-size:80px; display:block; width:50px; text-align:center; background:rgba(255,255,255,0); line-height:90px; height:90px; }
.home_prod .arrow-left-r1:hover, .home_prod .arrow-right-r1:hover { background:rgba(255,255,255,0); }
.home_prod .arrow-left-r1 { left:-38px; }
.home_prod .arrow-right-r1 { right:-30px; }

.column { background:#FFF; background:rgba(255,255,255,0.95); padding:10px 0; width:100%; border-bottom:1px #eee solid; z-index:23; }
.banner_page { margin:auto;}
.banner_page img { width:100vw; height:34vw; }

.about-tab { display:block; background:#1a89d3; padding:10px 20px; }
.about-tab span.title { display:none; }
.about-tab dd { float:left; color:#FFF; padding:0 30px;  }
.about-tab a { float:left; color:#FFF;  }


.product2-tab { border:1px #CCC solid;  }
.product2-tab span.title { display:block; background:#f5f5f5; padding:8px 15px; font-size:18px; font-weight:bold; border-bottom:#CCC solid 1px; }
.product2-tab dl { padding:10px; }
.product2-tab dl:hover {  }
.product2-tab dd { padding:5px 0; border-bottom:1px #f2f2f2 solid; }
.product2-tab dd:hover { padding-left:7px;}
.product2-tab dd a{ padding-left:15px; }
.product2-tab dd.yes {  }
.product2-tab dd.yes a {  }

.brand-tab { display:none; border:1px #eee solid;  }
.brand-tab.yes { display:block; border:1px #eee solid;  }
.brand-tab span.title { display:block; background:#f5f5f5; padding:12px 15px; font-size:18px; font-weight:bold; border-bottom:#eee solid 1px; }
.brand-tab dl {padding:10px; }
.brand-tab dl.yes { display:block; }
.brand-tab dl:hover {  }
.brand-tab dd { padding:8px 0; border-bottom:1px #f2f2f2 solid; }
.brand-tab dd:hover { padding-left:7px;}
.brand-tab dd a{ padding-left:15px; }
.brand-tab dd.yes {  }
.brand-tab dd.yes a { font-weight:bold; color:#1a89d3; }

.leftmenu_k { display:block; padding:10px 15px 0px 15px; font-size:16px;  color:#FFF; }
.leftmenu_k span { display:block; line-height:2.6em; width:48%; float:left; margin:0 1%; text-align:center; background:#ddd; color:#444; }
.leftmenu_k span.yes { color:#FFF; background:#1268ab; }
.product-tab { display:none; padding:10px 0; }
.product-tab dl { display: block; padding:10px 0; }
.product-tab.yes { display:block; }
.product-tab dd { padding:15px 0; border-bottom:1px #f2f2f2 solid; position:relative; z-index:18; }
.product-tab dd.yes{ background:#fff;}
.product-tab dd:hover { padding-left:7px; }
.product-tab dd:hover a{ display:inline-table; }
.product-tab dd a{ padding:0px 15px 0px 15px; }
.product-tab dd.yes > a{ font-weight:900; color:#0086d4; }
.product-tab dd ul { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; padding:7px 0; width:100%; top:0px; margin-left:15px;
background:linear-gradient(to right, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%); background:#fff; z-index:18; border-bottom:1px #ddd dashed; border-left:1px #ddd dotted;}
.product-tab dd li ul { top:-7px; progid:DXImageTransform.Microsoft.Alpha(opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.product-tab dd ul li{ display:block; position:relative; width:100%; padding:8px 0; }
.product-tab dd:hover > ul{ display:block; left:100%; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.product-tab dd ul li:hover{ background:#fff; }
.product-tab dd ul li:hover > ul{ display:block; left:100%;filter: pfilter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity:1;opacity:1; }
.product-tab dd ul a{  display:block; }

.down-tab {  }
.down-tab span.title { display:block; padding:20px 15px; font-size:18px; font-weight:bold; background:#1a89d3; color:#FFF; }
.down-tab dl { padding:10px; }
.down-tab dd { padding:15px 0; border-bottom:1px #f2f2f2 solid; }
.down-tab dd:hover { padding-left:7px;}
.down-tab dd a{ padding-left:15px; }
.down-tab dd.yes a{ color:#1a89d3; }
.down-tab dd.yes{ background:#f7f7f7; }

.download { }
.download li{ display:block; padding:10px; margin-top:10px; border:1px #eee solid; }
.download li .img{ float:left; margin-right:10px; height:120px; }

.products {  }
.products li{ width:48%; float:left; margin-left:1%; margin-bottom:35px; }
.products li h3 { display:block; padding:5px 0; }
.products li a { display:block; padding:1px; }
.products li a:hover { background:#f7f7f7; color:#000; }

.search_list {  }
.search_list li { display:block; margin:10px; clear:both; text-align:left; border-bottom:1px #eee dotted; }
.search_list li .imgbj4{ width:34%; float:left; margin-right:1%;}
.search_list li h3 { display:block; padding:5px 0; }
.search_list li a { display:block; padding:1px; }
.search_list li a:hover { color:#000; }

.business { margin:auto; }
.business li{ width:100%; padding-top:8px; }
.business li img{ width:34%; margin-right:2%; }
.business li h3 { display:block; }
.business li p { display:block; }
.business li h2 { display:block; }

.feedback { padding:0 0px; }
.feedback ul { display:block; clear:both; }
.feedback ul li { display:block; margin-bottom:10px; }
.feedback .input { border:1px #eee solid; width:100%; line-height:28px; padding:10px 0px; text-indent:1em;  }
.feedback ul li .input {  }
.feedback #p_text { width:100%; min-height:90px;  margin-bottom:10px;}
.feedback .code { height:28px; padding:10px 0; background:#FFF; }
.feedback #passcode { width:50%; }
.feedback #button { height:48px; width:100%; margin-top:15px; background:#0ca5f6; border:1px #0ca5f6 solid; color:#FFF; }
.feedback #button:hover {  background:#0170c1; border:1px #0170c1 solid;}

/*jqzoom*/
.show_img { position:relative; width:410px; margin-right:20px; }
.show_img .jqzoom{ width:410px; overflow:hidden; float:left; position:relative; }
.show_img .jqzoom img { width:410px; }
.show_img .zoomdiv{left:420px; top:0px; z-index:10; position:absolute; width:410px; height:420px; border:1px solid #e4e4e4;display:none; text-align:center; overflow: hidden; }
.show_img .zoomdiv bigimg { min-height:500px; min-width:500px; }

.show_img .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:0px solid #aaa;background: #0C6;opacity:0.3;-moz-opacity:0.3;-khtml-opacity:0.3;filter:alpha(Opacity=30);cursor:move; overflow:hidden; }

.show_img #spec-k { clear:both; display:block; height:70px; width:410px; overflow:hidden; position:relative; }
.show_img #spec-list{ position:absolute; left:0px; bottom:0px; width:1200px; padding-left:6px; }
.show_img #spec-list li { float:left; border:0px #063 solid; margin-left:10px; }
.show_img #spec-list li img{ padding:1px ; border:1px solid #fff; width:50px; height:50px;}
/*
.show_img #spec-k { display:block; height:350px; overflow:hidden; position:relative; }
.show_img #spec-list{ width:60px; padding:15px 0; position:absolute; right:0px; text-align:right; top:0px;}
.show_img #spec-list li img{ padding:1px ; border:1px solid #fff; width:50px; height:50px;}
*/
.show_img .gotop, .show_img .gobottom{ display:block; position:absolute; right:20px; width:56px; height:15px; cursor:pointer; }
.show_img .gotop{ top:0px; background:#fff url(../images/img/gotop.gif) center center no-repeat; }
.show_img .gobottom{ bottom:0px; background:#fff url(../images/img/gobottom.gif) center center no-repeat; }
.show_img .gotop:hover{ background:#fff url(../images/img/gotop2.gif) center center no-repeat; }
.show_img .gobottom:hover{ background:#fff url(../images/img/gobottom2.gif) center center no-repeat; }


.show_img .goleft, .show_img .goright{ display:block; position:absolute; bottom:7px; width:15px; height:56px; cursor:pointer; }
.show_img .goleft{ left:0px; background:#fff url(../images/img/goleft.gif) center center no-repeat; }
.show_img .goright{ right:0px; background:#fff url(../images/img/goright.gif) center center no-repeat; }
.show_img .goleft:hover{ background:#fff url(../images/img/goleft2.gif) center center no-repeat; }
.show_img .goright:hover{ background:#fff url(../images/img/goright2.gif) center center no-repeat; }

.zoomdiv img { min-width:650px;}


/*}*/