/* boby */
@import url("css_gongyong.css");
@import url("swiper.min.css");
@import url("../manage/inc/font-awesome.css");
body{ font-family: "微软雅黑", Arial, sans-serif; color:#555; line-height:200%; min-width:320px; background:#f8f8f8; }

/* 1100分辨率（大于960px，小于1199px）------------------------------------------------------------------------------------------------------ */
@media screen and (min-width: 820px) {
.t1 { font-size: 30px; color:#333; }
body{ font-size:15px; }
.web_w{ width:1200px; margin:auto;}
.head_top { background:#fff; height:110px; position:fixed; position:absolute; z-index:999; }	
.head_top2 { background:#fff; height:110px; }	
.no_pc { display:none;}
	
/* 公用开始----------------------------------------------------------------------------------------------------*/
.page_right { min-height:300px; }


.k_news .text  .title span{ float:left; display:block; background:#FFf; line-height:180%; font-size:1.8em; padding-right:10px; }
.k_news .text  .title a{ display:block; border-bottom:1px #eee solid; }
.k_news .text li { display:block; border-bottom:1px #CCC dashed; line-height:40px; }

.bottom { background:#f0f0f0; }
.bottom .title { display:block; font-size:16px; line-height:30px; margin-bottom:0px; }
.bottom .k_left , .bottom .k_center, .bottom .k_contact { margin-right:2%;  margin-left:2%; }
.bottom .k_left { width:12%; border-right:1px #ddd solid; }
.bottom .k_right { float:right; width:32%; }
.bottom .k_center { width:21%; }
.bottom .k_contact { width:30%; margin-right:0px; }
.bottom .k_left a { display:block; width:100%; font-size:13px;  }
.bottom .k_center a { display:block; width:48%; float:left; font-size:13px;  }

.copyright { background:#0ca5f6; color:#eaf4ff; font-size:13px; }
.copyright a { color:#eaf4ff; }
.bottom_phone { padding:25px 0;background:#1f406e; }

.main_01 { position:relative; }
.main_02 .txtimg { padding:50px 2%;}

.main_01 .page_left{ width:250px; display:block; float:left; margin:0px; padding:0px; }
.main_01 .page_right{ width:924px; display:block; float:right; margin:0px; padding:0px; }

.main_03 .page_right{ width:275px; display:block; float:right; margin:0px; padding:0px; border:1px #ddd solid; }
.main_03 .page_left{ width:840px; display:block; float:left; margin:0px; padding:0px; border:1px #ddd solid; padding:30px; }

.txtimg img { max-width:100%!important; }

/* 公用结束------------------- d8001e ---------------------------------------------------------------------------------*/
.logo  { padding-top:14px; float:left; }
.menu { display:block; height:110px; z-index:9999; position:absolute; top:0px; right:0px;}
.menu li { display:block; float:left; margin-left:60px; position:relative; }
.menu li a.title { display:block; height:105px; line-height:105px; font-size:16px; border-bottom:5px #fff solid; }
.menu li a.title:hover { color:#0ca5f6; }
.menu li a.yes_o { border-bottom:5px #0ca5f6 solid; color:#0ca5f6; }
.menu li a.yes {  }
.menu li dl { position:absolute; display:none; background:rgba(255,255,255,0.7); padding:0px; border:0px #eee solid; box-shadow:0px 2px 5px #777; -webkit-box-shadow:0px 2px 5px #777; -moz-box-shadow:0px 2px 5px #777; }
.menu li dl dd { display:block; overflow:hidden; line-height:35px; text-align:center; padding:3px 15px 3px 15px; }
.menu li dl dd a {  display:block; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;  overflow:hidden; }
.menu li dl dd:hover,.menu li dl dd:hover a { background:#007ec0; color:#FFF;  }
.menu li dl dd img { display:none; }

.product-tab { display:block; }
.product-tab .title { display:block; height:64px; overflow:hidden; }
.product-tab .title a{ padding-top:7px; font-weight:bold; }
.product-tab .title .xian { display:block; height:18px; border-bottom:4px #0ca5f6 solid; width:70px; }
.product-tab dl {}
.product-tab dl dd {  color:#FFF; padding:12px 8px 12px 10px; font-size:16px; margin-top:0px; }
.product-tab dl dd a { color:#444;}
.product-tab dl dd:hover a { color:#fff; }
.product-tab dl dd:hover { background:#0ca5f6;}
.product-tab dl dd.yes a { color:#fff; }
.product-tab dl dd.yes { background:#0ca5f6;}
.product-tab i { padding:0 5px; }
.product-tab ul { padding:10px; padding-top:0px; }
.product-tab ul li{ border-bottom:0px #eee dashed; padding:5px 0 5px 5px ; border-left:0px #eee dotted; }
.product-tab ul li:hover{ }

.products { display:block; }
.products li { display:block; width:294px; float:left; margin-bottom:15px; overflow:hidden; position:relative; }
.products li .img3d_k { display:block; width:100%;}
.products li .pic { padding:10px; }
.products li .pic img { width:100%;}
.products li .tt1 { padding:6px 15px 5px 15px; height:58px; line-height:150%; text-align:center; }
.products .sfsli:hover { background:#0ca5f6; }
.products li:hover { background:#fff; }
.products li:hover a.sf{ color:#FFF; }

.search { display:block; height:65px; position:relative; }
.search .fa-search { display:block; color:#888; background:#fff; border:0px; height:32px; width:40px; position:absolute; right:2px; top:1px; }
.search .fa-search:hover {  color:#333; }
.search #productname { display:block; background:#fff; padding-right:35px; text-indent:1em; border:1px #eee solid; height:34px; width:230px; position:absolute; right:0px; top:0px; }
.search .MM_openBrWindow { position:absolute; right:320px; top:0px; height:34px; }

.title_big { display:block; height:64px; overflow:hidden; }
.title_big a{ padding-top:7px; font-weight:bold; }
.title_big .xian { display:block; height:18px; border-bottom:4px #0ca5f6 solid; width:70px; margin:auto; }

.k_case { background:#fff; background-repeat:repeat-x; height:580px; }
#h_case3 { width:1200px; overflow:hidden; margin:auto;}
.k_case .title { border-bottom:1px #FFF solid; padding-bottom:5px; }
.k_case .title img { padding-bottom:10px; border-bottom:5px #065fa3 solid; margin-bottom:-10px; }
.k_case .swiper-wrapper { display:block; }
.k_case .swiper-slide { display:block; color:#999; background:#fff; text-align:center; width:283px; height:380px; border:1px #90c9ff solid; margin:0px 20px 0px 0px; }
.k_case .swiper-slide h4{ padding:8px 10px 1px 10px; color:#1872c0; }
.k_case .swiper-slide .txt { display:block; height:65px; padding:0px 10px 10px 10px; line-height:160%; text-align:left; }
.k_case .swiper-slide .more{ display:block; width:50%; margin:0px auto; background:#0ca5f6; color:#FFF; }
.k_case .swiper-slide:hover {  background:#FFF; color:#FFF; border:1px #007ec0 solid; }
.k_case .swiper-slide:hover h4 { }
.k_case .swiper-slide:hover .txt { color:#FFF; }
.k_case .swiper-slide:hover .more { color:#fcff00; background:#007ec0; }
.k_case .swiper-slide .img { -webkit-filter: grayscale(0%); }
.k_case .swiper-slide:hover .img { -webkit-filter: grayscale(100%); }
.k_case .arrow-r1 {  }
.k_case .arrow-left-r1, .k_case .arrow-right-r1 { position:absolute; bottom:0px; text-align:center; width:100%; z-index:998; top:126px; font-family:"宋体"; font-size:80px; display:block; width:50px; text-align:center; background:rgba(255,255,255,0.2); line-height:90px; height:90px; }
.k_case .arrow-left-r1:hover, .k_case .arrow-right-r1:hover { background:rgba(255,255,255,0); }
.k_case .arrow-left-r1 { left:0px; }
.k_case .arrow-right-r1 { right:0px; }

.h_about { margin-top:-35px; }
.h_about .more { display:block; border:1px #CCC solid; width:120px; line-height:40px; text-align:center; padding-left:10px; margin-top:10px; }
.h_about .more:hover { border:#1872c0 solid 1px; color:#1872c0; }



.h_news { background:#f8f8f8; border-top:1px #eee solid; }
.h_news .k_left { float:left; width:730px; box-shadow:0px 0px 15px #eee; -webkit-box-shadow:0px 0px 15px #eee; -moz-box-shadow:0px 0px 15px #eee; }
.h_news .k_right { float:right; width:425px; box-shadow:0px 0px 15px #eee; -webkit-box-shadow:0px 0px 15px #eee; -moz-box-shadow:0px 0px 15px #eee;}
.h_news .k_left:hover, .h_news .k_right:hover { box-shadow:0px 0px 15px #ddd; -webkit-box-shadow:0px 0px 15px #ddd; -moz-box-shadow:0px 0px 15px #ddd;  }
.h_news .title{ display:block; background:rgba(255,255,255,0.2); }
.h_news .txt{ margin-top:1px; padding:20px; background:rgba(255,255,255,0.2); }

.h_news .k_left:hover .title, .h_news .k_left:hover .txt, .h_news .k_right:hover .title, .h_news .k_right:hover .txt{ background:rgba(255,255,255,0.9); }

.h_news .k_left dd { display:block; width:335px; float:left; position:relative; }
.h_news .k_left dd img { width:335px; height:180px; }
.h_news .k_right dd { display:block; width:100%; position:relative; }
.h_news .k_right dd img { width:100%; height:180px; }
.h_news dd:nth-child(even){ margin-left:20px; }
.h_news dd h4{ position:absolute; display:block; bottom:0px; width:100%; text-align:center; color:#FFF; background:rgba(0,0,0,0); opacity:0; }
.h_news dd:hover h4{ line-height:180px; background:rgba(0,0,0,0.6); opacity:1; }
.h_news .k_left ul { margin-top:8px; }
.h_news .k_left li { line-height:40px; border-bottom:1px #ddd dashed; }
.h_news .k_right li { border-bottom:1px #ddd dashed; padding-top:15px; padding-bottom:10px; }
.h_news .k_right li p { display:block; width:370px; padding-bottom:10px; line-height:24px; padding-left:17px; }

.business {  }
.business li{ border-bottom:1px #eee dashed; margin-bottom:10px; background:#FFF; }
.business li:hover {  box-shadow:0px 0px 8px #ccc; -webkit-box-shadow:0px 0px 8px #ccc; -moz-box-shadow:0px 0px 8px #ccc; }
.business li .pic{ width:18%; margin-right:2%; }
.business li p.clamp2 { max-height:55px; overflow:hidden; line-height:25px;}

.contact_text { padding:10px 40px; }
.contact_text .title { display:block; background:#f7f7f7; padding:10px 20px; margin-top:20px; font-size:18px; margin-bottom:10px; }
.contact_text .title i{ color:#CCC; }
.contact_text .title:hover i { color:#FFF; }
.contact_li:hover { background:#f9faf9; }
.contact_li:hover .title { background:#0ca5f6; color:#FFF; padding-left:30px;}

.feedback { padding:0 30px; }
.feedback ul { display:block; clear:both; }
.feedback ul li { display:block; width:50%; float:left; }
.feedback .input { border:1px #eee solid; line-height:28px; padding:10px 15px;  }
.feedback ul li .input { width:500px; }
.feedback #p_text { width:1050px; min-height:90px;}
.feedback .code { height:28px; padding:10px 0; background:#FFF; }
.feedback #passcode { width:250px; }
.feedback #button { height:48px; margin-left:20px; float:left; width:250px; 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:100; 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;}

}

/* 440分辨率以下（小于819px）----------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 819px) {

body{ font-size:13px; }
.web_w{ width:100%;}
.head_top { background:#fff; padding-bottom:10px; }
.head_top .logo { display: block; max-width:80%; }
.head_top .logo img { display: block; max-width:100%; }
.no_phone { display:none; }	

.open_menu { position:fixed; top:26px; right:10px; height:40px; width:40px; background:rgba(0,0,0,.7); line-height:40px; text-align:center; color:#FFF;}
.open_menu:hover {background:rgba(0,0,0,.8); color:#11b6fb; }
.menu {background:#205092; width:35%; height:100%; line-height:48px; z-index:9999; position:fixed; top:0px; left:-36%; padding-top:30px; background: linear-gradient(to right, #255699 0%, #205092 95%, #255aa2 100%);box-shadow:0px 2px 5px #555; -webkit-box-shadow:0px 2px 5px #555; -moz-box-shadow:0px 2px 5px #555;}
.menu.yes { left:0px; }
.menu > li ,.menu > li >a { height:43px; line-height:43px; text-align:center; color:#FFF; }
.menu li { margin-bottom:1px; border-bottom:1px #255aa2 solid;  }
.menu dl { display:none; }

.products { display:block; }
.products li { display:block; width:50%; float:left; padding-bottom:15px; overflow:hidden; position:relative; background:#FFF; margin-right:0px!important; }
.products li .img3d_k { display:block; width:100%;}
.products li .pic { padding:10px; }
.products li .pic img { width:100%;}
.products li .tt1 { padding:6px 15px 5px 15px; height:39px; line-height:150%; text-align:center; }
.products .sfsli:hover { background:#0ca5f6; }
.products li:hover { background:#ddd; }
.products li:hover a.sf{ color:#FFF; }

.search { display:block; height:65px; position:relative; }
.search .fa-search { display:block; color:#FFF; background:#999; border:0px; height:36px; width:16%; position:absolute; right:2%; top:15px; }
.search .fa-search:hover { color:#FF0; background:#0ca5f6; }
.search #productname { display:block; background:#fff; text-indent:1em; border:1px #999 solid; border-right:0px; height:34px; width:80%; position:absolute; left:2%; top:15px; }
.search .MM_openBrWindow { position:absolute; right:320px; top:0px; height:34px; }

.product-tab { display:block; background:#FFF; border-bottom:4px #1872c0 solid; }
.product-tab .title { display:block; padding:15px; border-bottom:1px #eee solid; overflow:hidden; text-align:center; }
.product-tab .title a{ padding-top:7px; }
.product-tab .title .xian { display:none; }
.product-tab dl dd { background:#fff; color:#FFF; padding:12px 8px 12px 18px; font-size:16px; margin-top:1px; }
.product-tab dl dd a { color:#444;}
.product-tab dl dd:hover a { color:#fff; }
.product-tab dl dd:hover { background:#0ca5f6;}
.product-tab dl dd.yes a { color:#fff; }
.product-tab dl dd.yes { background:#0ca5f6;}
.product-tab i { padding:0 5px; }
.product-tab ul { padding:10px; padding-top:0px; border-top:1px #eee dotted;  background:#FFF; }
.product-tab ul li{ border-bottom:1px #eee dashed; padding:5px 0 5px 5px ; border-left:1px #eee dotted; }
.product-tab ul li:hover{ padding-left:8px ; }

.k_case {  min-height:300px;  }
#h_case3 { width:100%; overflow:hidden; margin:auto; min-height:300px; }
.k_case .title { border-bottom:1px #FFF solid; padding-bottom:5px; }
.k_case .title img { padding-bottom:10px; border-bottom:5px #065fa3 solid; margin-bottom:-10px; }
.k_case .swiper-wrapper { display:block;  min-height:300px;  }
.k_case .swiper-slide { display:block; color:#999; text-align:center;	width:50%;	margin:0px 0px 0px 0px; }
.k_case .swiper-slide h4{ padding:8px 10px 1px 10px; color:#1872c0; }
.k_case .swiper-slide .txt { display:block; height:45px; padding:0px 10px 10px 10px; line-height:160%; text-align:left; }
.k_case .swiper-slide .more{ display:none; width:50%; margin:10px auto; color:#FFF; }
.k_case .swiper-slide:hover { color:#FFF; }
.k_case .swiper-slide:hover h4 { }
.k_case .swiper-slide:hover .txt { color:#FFF; }
.k_case .swiper-slide:hover .more { color:#fcff00; background:#666; }
.k_case .swiper-slide img { -webkit-filter: grayscale(100%); }
.k_case .swiper-slide:hover img { -webkit-filter: grayscale(0%); }
.k_case .arrow-r1 {  }
.k_case .arrow-left-r1, .k_case .arrow-right-r1 { position:absolute; bottom:0px; text-align:center; width:100%; z-index:998; top:66px; font-family:"宋体"; font-size:80px; display:block; width:50px; text-align:center; background:rgba(255,255,255,0.2); line-height:90px; height:90px; }
.k_case .arrow-left-r1:hover, .k_case .arrow-right-r1:hover { background:rgba(255,255,255,0.2); }
.k_case .arrow-left-r1 { left:0px; }
.k_case .arrow-right-r1 { right:0px; }

.h_about table td { display:block; width:100%; }
.h_about table td img { max-width:100%; }

.h_news .title { font-weight:bold; }
.h_news .k_left dd { display:block; width:48%; position:relative; float:left; line-height:300%; }
.h_news .k_left dd:nth-child(even) { margin-left:4%; }
.h_news .k_left dd img { width:100%;  }
.h_news .k_right dd { display:block; width:100%; position:relative; line-height:300%; }
.h_news .k_right dd img { width:100%;  }
.h_news li { line-height:300%; border-top:1px #CCC dashed; }
.h_news .txt{ margin-top:1px; padding:0px 20px 20px 20px; }

.copyright { background:#1872c0; color:#FFF; text-align:center; }

.business {  }
.business li{ border-bottom:1px #eee dashed; }
.business li:hover {  box-shadow:0px 0px 8px #ccc; -webkit-box-shadow:0px 0px 8px #ccc; -moz-box-shadow:0px 0px 8px #ccc; }
.business li .pic{ width:25%; margin-right:2%; }
.business li p.clamp2 { max-height:55px; overflow:hidden; line-height:25px;}



.contact_text {  }
.contact_text .title { display:block; background:#f7f7f7; padding:10px 20px; margin-top:20px; font-size:18px; margin-bottom:10px; }
.contact_text .title i{ color:#CCC; }
.contact_text .title:hover i { color:#FFF; }
.contact_li:hover { background:#f9faf9; }
.contact_li:hover .title { background:#0ca5f6; color:#FFF; padding-left:30px;}

.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;}

.show_img { display:block; width:100%; }
.show_img .jqzoom { display:block; overflow:hidden; }
.show_img .jqzoom img { width:100%; }
.product_title { text-align:center; }

}