.header_index .myHead{ position:relative; background:#333 !important;}

.banner_public{}

.banner_public .item{}

.banner_public .item a{ width:100%;}

.banner_public .item img{ width:100%;}


.wp-caption-dd {
	font-size: 14px;
	padding-top: 0.5em;
	margin: 0; /* browser reset */
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin: 0.5em 1em 0.5em 0;
}

.alignright {
	float: right;
	margin: 0.5em 0 0.5em 1em;
}

.public{ margin-top:40px; padding-bottom:80px;}

.public_body{ max-width:1200px; margin:0 auto;}

.public_left{ float:left; width:100%;}

.left_title{ padding:5px 0; padding-left:40px; background:url(../images/nytb.jpg) 24px center no-repeat #0669cf;  font-size:16px; color:#FFF;}

.left_title a{ font-size:16px; color:#FFF;}

.left_nav{}

.left_nav>a{background-image:-webkit-linear-gradient(to bottom, #f2f3f2, #d9d9d9);background-image:linear-gradient(to bottom,#f2f3f2,#d9d9d9); font-size:14px; color:#666; padding:11px 10px; padding-left:30px; text-decoration:none; display:block;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}

.left_nav>a.caur,.left_nav>a:hover{background-image:-webkit-linear-gradient(to bottom, #0669cf, #0669cf);background-image:linear-gradient(to bottom,#0669cf,#0669cf); color:#FFF;}

.sub_{ display:none;}

.twice_nav .sub_{ display:block;}

.left_sub_nav{border-bottom:1px dashed #eee;}

.left_sub_nav>a{/*background-image:-webkit-linear-gradient(to bottom, #f2f3f2, #d9d9d9);background-image:linear-gradient(to bottom,#f2f3f2,#d9d9d9);*/ font-size:14px; color:#666; padding:11px 10px; padding-left:40px; text-decoration:none; display:block;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}

.left_sub_nav>a.caur,.left_sub_nav>a:hover{background-image:-webkit-linear-gradient(to bottom, #0669cf, #0669cf);background-image:linear-gradient(to bottom,#0669cf,#0669cf); color:#FFF;}

.left_fgx{ height:20px;}

.rycon{}

.rycon a{ width:100%;}

.rycon a img{ width:100%;}

.subnr img{ width:100%; margin-bottom:15px;}

.subnr p{ font-size:14px; color:#666; margin:0;}

.subnr p span{ float:left;}

.subnr p a{ float:left; font-size:14px; color:#666;}

.contactn_emal{ margin-top:20px;}

.contactn_emal a{ display:block; width:100%; background-color:#ff7701;}

.contactn_emal a img{ max-width:100%;}

.public_right{ float:left; width:100%;}

.public_top{ border-top:dashed 1px #cfcfcf; border-bottom:dashed 1px #cfcfcf; padding:15px 0;}

.public_top a{ font-size:16px; color:#666; text-decoration:none; transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}

.public_top a:hover{ color:#0669cf;}

.public_top span{font-size:16px; color:#666;}






.right_detail{}

.pleft{ float:left; width:100%; margin-top:20px;}

.maincont{ width:100%;}

.prodetailsinfo{padding: 0px 0 15px 0; zoom: 1;}

.proviewbox{float: left; width:100%; z-index:5;}

.probigshow{ width:100%;padding: 1px;border: 1px solid #ddd; overflow:hidden;}

.jqzoom{width:100%; overflow:hidden; position: relative;}

.jqzoom img{ width:100%;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:30px;height:30px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);}

.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}

.bigimg{width:1000px;height:auto;}

.zoomplepopup{position:absolute;top:0px;left:0px;display:none;background: #fff;border:1px solid #e9493d;overflow:hidden;opacity: 0.5;filter: alpha(opacity = 50);z-index:10;cursor:crosshair;}

#probig_preview{position:absolute;visibility:hidden;top:0px;left:405px;width:350px;height:263px;background:#fff;border:1px solid #ccc;overflow:hidden; display:none !important;}

#probig_preview img{position:relative;}

.div_prothumb{position: relative;padding: 15px 15px 0;}

.thumbporbox{ width:88%;position: relative; overflow: hidden; margin:0 auto;}

.ul_prothumb{position: relative;width: 720px;overflow: hidden;}

.ul_prothumb li{float:left;width:75px;height:75px;text-align:center;list-style: none;}

.ul_prothumb li a{ width:100%; padding:0 3px;}

.ul_prothumb img{padding:1px;border:1px solid #ddd; width:100%;}

.ul_prothumb li.now img{border:1px solid #c00;}

.div_prothumb .span_prev,.div_prothumb .span_next{position:absolute;top:15px;width:22px;height:64px; text-indent:-999em;overflow:hidden;cursor:hand;cursor:pointer;}

.div_prothumb .span_prev.span_prevb{background:url(../images/plr1.png) center center no-repeat;}

.div_prothumb .span_prev{left:0px;_left:-25px; background:url(../images/plra1.png) center center no-repeat; transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}

.div_prothumb .span_next.span_prevb{background:url(../images/plr2.png) center center no-repeat;}

.div_prothumb .span_next{ right:0px;_left:-25px; background:url(../images/plra2.png) center center no-repeat; transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}



.pright{ float:left; width:100%; margin-top:20px;}

.pright li{list-style: none;}

.pro_model ul{ padding-left:23px;}

.pro_model ul li{ margin-bottom: 15px;}

#protop{}

#protop .h2_prodtitle{ font-size:24px; color:#000; border-bottom:dashed 1px #ccc; padding-bottom:15px; margin-bottom:15px;}

.ul_prodinfo{}

.ul_prodinfo li{ float:left; width:100%; font-size:14px; color:#000; margin-bottom:18px;}

.propar{ margin-top: 5px;}

.propar a{ width:100%;}

.propar a img{ max-width:100%; display:block;}



.products_bottom{ float:left; width:100%; margin-top:60px;}

.products_bottom_head{ border-bottom:solid 1px #ccc;}

.menu{ width:auto; float:left; padding-right:10px;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
.menu a{ text-decoration:none;color:#666;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}

.menu.active a{ color:#FFF;}
.menu:after { display: table; content: ""; clear: both; padding:0; margin:0; line-height:0; font-size:0; height:0;} 

.menu_title{ float:left; font-size:14px; color:#333; background-color:#e6e6e6; padding:10px 10px; border-top-left-radius:5px; border-top-right-radius:5px; position:relative; margin-bottom: -1px;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
.menu.active .menu_title{background-color:#0668CF;}
.menu_title:after{content: ""; display:block; position:absolute; top:100%; left:0; width:100%; background:url(../images/pxj.png) center top no-repeat; height:8px;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
.menu.active .menu_title:after{content: ""; display:block; position:absolute; top:100%; left:0; width:100%; background:url(../images/pxj1.png) center top no-repeat; height:8px;}
.products_bottom_body{}

.products_bottom_box img{ max-width:100%;}

.product_inquiry{margin-top:40px;}

.product_inquiry_title{ background-color:#0669cf; font-size:18px; color:#FFF; text-transform:uppercase; padding:9px 0; padding-left:42px;}

.product_message{ margin-top:20px; width:100%;}

.product_message form{}

.product_input{ padding:0;}

.product_input_nr{ float:left; width:33.33333%; padding:10px; position:relative; padding-left:75px;}

.product_input_nr>div{ position:absolute; left:0; top:0; font-size:14px; color:#666;padding: 14px 0;}

.product_input_nr>div>i{ color:#fd1919; font-size:18px;}

.product_input_nr input{ background-color:#FFF; border:solid 1px #999; font-size:14px; color:#000; padding:9px; width:100%;}

.product_input_nr input::-webkit-input-placeholder {color:#999;}

.product_input_nr input:-moz-placeholder  {color:#999;}

.product_input_nr input::-moz-placeholder {color:#999;}

.product_input_nr input:-ms-input-placeholder {color:#999;}

.product_textarea{float:left; width:67%; padding:10px; padding-left:75px; position:relative;}

.product_textarea>div{ position:absolute; left:0; top:0; font-size:14px; color:#666;padding: 14px 0;}

.product_textarea>div>i{ color:#fd1919; font-size:18px;}

.product_textarea textarea{ background-color:#FFF; border:solid 1px #999; height:80px;width: 100%;resize: none; word-wrap: break-word; font-size:14px; color:#000; padding:9px;}

.product_textarea textarea::-webkit-input-placeholder {color:#999;}

.product_textarea textarea:-moz-placeholder  {color:#999;}

.product_textarea textarea::-moz-placeholder {color:#999;}

.product_textarea textarea:-ms-input-placeholder {color:#999;}

.product_button{float:left; width:33%; padding:15px 10px;}

.product_button input{ float:left; border:0; width:100%; text-align:center; height:80px; padding:10px; background-color:#0669cf; border:solid 1px #0669cf; overflow:hidden; font-size:14px; color:#FFF; text-transform:uppercase;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}

.product_button input:hover{ color:#0669cf; background-color:#FFF;}



.products_list_body{ margin:10px -10px 0;}

.products_list{ float:left; width:50%; padding:10px; margin-bottom:10px;}

.products_list dt{}

.products_list dt a{ width:100%; padding-bottom:100%; position:relative; border:solid 1px #ccc; overflow:hidden; background-color:#000;}

.products_list dt a img{ position:absolute; left:0; top:0; width:100%; height:100%;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}

.products_list dt a:hover img{filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}



.products_list_word{filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0; position: absolute; left:0; bottom:0; width:100%; height:100%; padding:0; transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; padding: 36% 15px 0;}

.products_list_in{ width:100%; height:100%; overflow:hidden; margin:0 auto; padding-top:35%;}

.products_list_name{ text-align:center; font-size:20px; color:#FFF; display:block; transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}

.products_list_sancs{ display:block; width:50px; height:1px; background-color:#FFF; margin:10px auto;}

.products_list_moon{ font-size:16px; color:#FFF; display:block; text-align:center;}

.products_list a:hover .products_list_word{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}




.products_list_title{}

.products_list_title h3{text-align:center; padding:16px 0;}

.products_list_title h3 a{ font-size:14px; color:#000; text-align:center; display:block; text-decoration:none; transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}

.products_list_title h3 a:hover{ color:#0669cf;}

.products_list_input input{ width:100%; background-color:#FFF; border:solid 1px #0669cf; color:#0669cf; font-size:14px; border-radius:5px; padding:6px; transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}

.products_list_input input:hover{ background-color:#0669cf; color:#FFF;}

.products_list_turn{ margin-top:20px;}

#turn_page{text-align:center; height:26px; line-height:26px;}

#turn_page a{background:#fff; border:1px solid #ccc; margin:0 3px; padding:2px 5px; line-height:16px;list-style: none;}

#turn_page li.c{background:#f0f0f0; border:1px solid #ccc; padding:2px 5px; margin:0 3px; color:red;}

#turn_page li a{ display: block; font-size:12px; color:#333; text-decoration:none; transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}

#turn_page a:hover{ color:#0669cf;}



.news_case{}

.news_case dl{ float:left; width:100%; margin-top:20px;}

.news_case dd{ float:left; width:100%;text-align:center;}

.news_case dd a{ width:auto;}

.news_case dd a img{ width:100%;}

.news_case dt{ float:left; width:100%; text-align:center;padding-left:15px; padding-right:15px; padding-top:25px;}

.news_case dt h3{ border-bottom:solid 1px #ccc; padding-bottom:10px;}

.news_case dt h3 a{ display:block; font-size:14px; color:#333; font-weight:bold; text-decoration:none; transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}

.news_case dt h3 a:hover{ color:#0669cf;}

.news_case_txt{ font-size:14px; color:#666; line-height:24px; margin-top:30px; text-align:left;}

.news_case h1{text-align: center;font-size: 25px;padding-top: 19px;}



.case_news{}

.case_news dl{ float:left; width:100%; margin-top:20px;}

.case_news dd{ float:left; width:100%;text-align:center;}

.case_news dd a{ width:auto;}

.case_news dd a img{ width:100%;}

.case_news dt{ float:left; width:100%; text-align:center;padding-left:15px; padding-right:15px; padding-top:5px;}

.case_news dt h3{ border-bottom:solid 1px #ccc; padding-bottom:10px;}

.case_news dt h3 a{ display:block; font-size:14px; color:#333; font-weight:bold; text-decoration:none; transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}

.case_news dt h3 a:hover{ color:#0669cf;}

.case_news_txt{ font-size:14px; color:#666; line-height:24px; margin-top:30px; text-align:left;}



.about_nybody{ margin-top:30px;}

.about_nybody img{ max-width:100%;}



.contact_nybody_txt{ margin-top:30px; max-width: 535px;}

.contact_nybody_txt h3{ font-size:18px; color:#666; margin-bottom:10px;}

.contact_nybody_txt div{ font-size:14px; color:#666; margin-bottom:10px;}

.contact_nybody_txt div span{ float:left;}

.contact_nybody_txt div a{ float:left; font-size:14px; color:#0669cf;}







#lib_product_inquire{clear:both; overflow:hidden; margin:20px auto 0;}

#lib_product_inquire .product_list{width:100%; clear:both; overflow:hidden;}

#lib_product_inquire .product_list .item{overflow:hidden; clear:both; overflow:hidden; margin:0 auto;}

#lib_product_inquire .product_list .item .img{overflow:hidden; border:1px solid #ccc; vertical-align:middle; position:relative; display:table-cell; text-align:center; float:left;}

#lib_product_inquire .product_list .item .img div{*position:absolute; top:50%;}

#lib_product_inquire .product_list .item .img div img{*position:relative; top:-49%; left:-50%; width:160px; height:160px;}

#lib_product_inquire .product_list .item .info{padding-left:10px; float:left;}

#lib_product_inquire .product_list .item .info .proname{border-bottom:1px dashed #ccc; font-weight:bold; height:20px; margin-bottom:5px;}

#lib_product_inquire .product_list .item .info .proname a{color:#555;}

#lib_product_inquire .product_list .cline{padding:15px 0; clear:both;}

#lib_product_inquire .product_list .cline .line{border-bottom:1px dashed #ccc; height:1px; overflow:hidden;}

#lib_product_inquire .product_form{overflow:hidden; clear:both; overflow:hidden; margin:0 auto;}

#lib_product_inquire .product_form .rows{margin:8px 0; float:left; width:100%;}

#lib_product_inquire .product_form .rows label{width:13%; overflow:hidden; float:left; height:22px; line-height:22px; text-align:left; color:#555;}

#lib_product_inquire .product_form .rows span{width:75%; overflow:hidden; float:left; display:block; padding-left:2px;}

#lib_product_inquire .product_form .rows span .contents{width:85%; height:100px; padding:5px; -moz-box-shadow:0px 1px 5px #ccc inset; -webkit-box-shadow:0px 1px 5px #ccc inset;box-shadow:0px 1px 5px #ccc inset;}

.form_input,.inp{border:1px solid #ccc; color:#333; height:29px; padding:5px; line-height:20px;width: 230px; -moz-box-shadow:0px 1px 5px #ccc inset; -webkit-box-shadow:0px 1px 5px #ccc inset;box-shadow:0px 1px 5px #ccc inset;}

.form_area{border:1px solid #ccc; color:#333; line-height:180%;}

.form_button{    border: none;
    background: #0669dd;
    color: #fff;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    overflow: hidden;
    width: 104px;}

.form_button_130{width:130px;}

.form_focus{border-color:#ff0000;}

.form_gory_button{border:none; width:110px; height:25px; line-height:25px; font-weight:bold; color:#555; text-align:center;}

.fc_red{color:#ff0000;}

@media (min-width: 768px){

.affix.myHead{ position: fixed;}

.public_left{ width:16.667%;}

.public_right{ width:76.333%; padding-left:30px;}

.pleft{ width:43.532%;}

.pright{ width:56.468%; padding-left:25px;}

.products_list{ width:33.3333%;}

.news_case dd{ width:23.53%;}

.news_case dd a{ width:100%;}

.news_case dt{ text-align:left; width:76.47%; padding-left:17px; padding-right:0;}

.case_news dd{ width:23.53%;}

.case_news dd a{ width:100%;}

.case_news dt{ text-align:left; width:76.47%; padding-left:17px; padding-right:0;}

}

@media (max-width: 1024px){

.jqZoomPup{ display:none !important;}

.zoomdiv{ display:none !important;}

}

@media (max-width: 768px){
.right_detail img{ width:100%;}

.left_title{ display:none;}

.rycon{ display:none;}

.left_title{ display:none;}

.contactn{ display:none;}

.contactn_emal{ display:none;}

.public_left .left_title:first-of-type{ display:block;}

.public_right{ padding:0 15px;}

.product_input_nr{ width:100%;}
}



/* @media (max-width:414px){
.products_bottom table{ transform:scale(0.66); -moz-transform:scale(0.66); -ms-transform:scale(0.66); -o-transform:scale(0.66); -webkit-transform:scale(0.66); position:relative; top: -18px; margin-bottom:-7%; margin-left:-29%; width: 603px !important;}	
}
@media (max-width:375px){
.products_bottom table{width: 603px !important; transform:scale(0.6); -moz-transform:scale(0.6); -ms-transform:scale(0.6); -o-transform:scale(0.6); -webkit-transform:scale(0.6); position:relative; top:-24px; margin-bottom:-13%; margin-left:-38%;}
}
@media (max-width:320px){
.products_bottom table{ width: 603px !important; transform:scale(0.5); -moz-transform:scale(0.5); -ms-transform:scale(0.5); -o-transform:scale(0.5); -webkit-transform:scale(0.5); position:relative; top:-37px; margin-bottom:-24%; margin-left:-54%;}	
} */
@media(max-width:768px){
  .products_bottom_head .products_bottom_orl{
   display: flex;
   white-space: nowrap;
   overflow-x: auto;
   padding-bottom: 10px;
  }
  

  #lib_product_inquire .product_form .rows span{
    width: 100%;
  }
  .products_bottom_head{
    margin-bottom: 20px;
  }
  .products_bottom table{
    -webkit-transform: scale(1);
    margin: 0;
  }
  .public_right   table{
    width: 100% !important;
  }
  .public_right   table td{
    width: auto !important;
    word-break: break-all;
  }
  .public_right img{
    width: 100%;
    height: auto;
  }
  .header_index_gq a{
    margin-left: 2px;
  }
  .aligncenter{
    width: 100% !important;
    height: auto !important;
  }
  .products_list_title h3 a{
    height: 30px;
    overflow: hidden;
  }
}