﻿
/* CSS Document */
body{ font-size:12px; font-family:"微软雅黑"; margin:0 auto; padding:0px; width:100%;}
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
    margin: 0;
    padding: 0;
}
ul,li{list-style:none;}
a{ text-decoration:none; color:#666; }
h1, h2, h3, h4, h5, h6, small {
    font-size: 100%;
}

.lf{ float:left;}
.rg{ float:right;}
.m20{margin-bottom:20px;}
.head_bot{  height:100px; width:1000px; position:relative; margin:0 auto; padding-right:10px; padding-top:20px;}
.logo{ float:left;}
.search{ float:right; margin-left:50px; }
.search .search_txt{ height:36px; width:200px; float:left; text-indent:10px;}
.search_top{height:40px;}
.search_bot{ margin-top:10px;}
.search_bot a{ color:#999; }
.search_bot a:hover{ color:#f00}
.search .search_btn{background:url(http://www.yfgjmy.com/themes/moban/images/search.jpg) 0px;height:40px;width:100px;float:left;border:none;}

.main{ width:1000px; line-height:30px; position:relative; margin:0 auto; margin-bottom:10px;}
.main_lf{ border:1px solid #e3e3e3; width:250px; margin-top:20px; float:left; height:400px;}
.product_cat{width:294px; height:270px; margin-top:30px; border:3px solid #ce0000; float:left; border-radius:5px; padding:10px;}
.cat_title{ width:100%; height:40px; line-height:40px; font-size:24px; color:#666; font-weight:bold;}

.main_rg{ height:400px; width:740px; float:left;  border:1px solid #e3e3e3; margin-top:20px; }
.cb::after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: ".";
}

.pro_list{ width:1000px; line-height:30px; position:relative; margin:0 auto; }
.pro_list li{ width:320px; float:left; margin-top:20px; margin-right:10px; height:337px;}

.pro_describe{width:750px; float:left; margin-top:20px; }
.pro_describe .title_left{width:100%; height:30px; line-height:30px; margin-bottom:10px;  font-size:16px; float:left;  border-bottom:1px solid #e8e8e8;}
.pro_describe img{max-width:750px;}



.clear_50px{ height:50px; clear:both; font-size:0px; margin:0px; padding:0px; overflow:hidden;}
.clear_20px{  clear:both; font-size:0px; margin:0px; padding:0px; overflow:hidden;}
.clear_5px{ height:5px; clear:both; font-size:0px; margin:0px; padding:0px; overflow:hidden;}
.clear_10px{ height:10px; clear:both; font-size:0px; margin:0px; padding:0px; overflow:hidden;}
.clear_15px{ height:15px; clear:both; font-size:0px; margin:0px; padding:0px; overflow:hidden;}
.clear_30px{ height:30px; clear:both; font-size:0px; margin:0px; padding:0px; overflow:hidden;}
.clear_155px{ height:155px; clear:both; font-size:0px; margin:0px; padding:0px; overflow:hidden;}
.main_bgbg{ width:100%; min-height:525px; margin-top: 133px; margin-bottom: 30px;}
.main_bgbg2{background:#ebe9ea; width:100%;}
.main_bg{width:1000px; margin:0px auto 0px; }
.main_width{ background:#fff;  z-index:99; float:left; width:1000px; margin-top:30px;  }

.page_banner{ width:100%;}
.page_banner img{width:100%;}
.page_right{ float:right; width:750px; line-height:20px;}
.page_left_box{ width:230px; float:left; margin-right:20px; overflow:hidden; z-index:999;}
.left_bg{width:230px; height:100px; line-height:100px; text-align:center; font-size:24px; font-weight:500; color:#333; position:absolute;}
.about_color{background:url(http://www.yfgjmy.com/themes/moban/images/icon-20.png) no-repeat;}
.pro_color{background:url(http://www.yfgjmy.com/themes/moban/images/icon-35.png) no-repeat;}
.order_color{background:url(http://www.yfgjmy.com/themes/moban/images/icon-36.png) no-repeat;}
.new_color{background:url(http://www.yfgjmy.com/themes/moban/images/icon-37.png) no-repeat;}
.page_left{border: 1px solid #e8e8e8; width:218px; float:left; background:#F3F3F3;}
.page_center_box{ width:330px; padding-right:20px; float:left; overflow:hidden;}
.page_right_box{ width:330px; padding-left:20px; float:left; overflow:hidden;}

.title_line {font-size:16px; font-weight:bold; text-indent: 10px; color: #000; height: 40px; line-height: 40px; text-align:left;}

.m_show_top_l{width:980px; position:relative; height:268px; margin-top:10px;}
.wy_wenzi{width:980px; height:40px; line-height:40px; background:rgba(0,0,0,0.8); color:#fff; position:absolute; bottom:0px; left:0px;text-align:center; font-size:14px;}

.m_show_menu { margin-top:10px;position:relative;height:48px; width:980px;}
.m_show_m_l {height:48px;line-height:48px;width:980px;text-align:center;position:absolute;left:0px;top:0px;color:#fff;font-size:24px;}
.type0{background:#eb4709;}
.type1{background:#4ec13a;}
.type2{background:#2ea7e0;}
.m_show_m_l h2{float:left;color:#fff;font-size:20px; font-weight:100; text-indent:20px;}
.m_show_m_l a{float:right;color:#fff;font-size:12px; padding-right:10px;}
.pro_box{width:980px; min-height:280px; margin:10px 0px 50px;}
.pro_box_left{width:240px; margin-right:10px; height:280px; float:left;}
.pro_box_right{width:730px; min-height:280px; float:left;}
.pro_box_right ul{margin:0px; padding:0px;}
.pro_box_right ul li{width:230px; height:30px; line-height:30px; margin-right:20px; background:url(../image/jiantou.png) left center no-repeat; text-indent:15px; border-bottom:1px dashed #e8e8e8; float:left; overflow:hidden;}
.pro_box_right ul li:nth-child(3n){margin-right:0px;}

.solution{border-top:1px solid rgba(255,255,255,0.3);display:table;}
.solution ul{}
.solution ul li:nth-child(1){border-top:0px;}
.solution ul li{height:35px; line-height:35px;  float:left;width: 100%;text-align: left; background:url(../image/icon02.png) 10px center no-repeat;}
.solution ul li a{text-align:left; padding-left:20px;  line-height:23px; overflow:hidden; color:#fff;}
.solution li:hover{background:#fff url(../image/icon01.gif) 10px center no-repeat;;}
.solution li:hover a{color:#318442}

.solution2{border-top:1px solid rgba(255,255,255,0.3);display:table; width:100%;}
.solution2 ul{}
.solution2 ul li:nth-child(1){border-top:0px;}
.solution2 ul li{height:35px; line-height:35px;  float:left;width: 100%;text-align: left; border-top:1px solid #ccc; }
.solution2 ul li a{text-align:left; padding-left:20px;  line-height:23px; overflow:hidden; color:#333;}
.solution2 li:hover{background:#fff;}
.solution2 li:hover a{color:#318442}

.solution .new {position:relative;font-family:arial;font-size:14px;color:#E42E00;top:-10px;}
.solution .level2 a{ background:none; }
.solution .current { color:#e70112;}

.search2{
    padding:10px 0;
	width: 100%;
	height: 22px;
	overflow: hidden;
	z-index: 8;
	background: #008AC8;
}
.search2 .txt{
	float:left;
	color: #fff;
	border-style: none;
	border-width: 0px;
	height: 24px;
	line-height: 24px;
	width: 150px;
	font-size: 12px;
    background: none;
	margin-left:10px;
	
}
.search2 .btn{
	float: right;
    width: 24px;
	height: 24px;
	border-style: none;
	border-width: 0px;
	background: url(../image/icon_search_w.gif) no-repeat;
	background-size:cover;
	cursor: pointer;
	margin-right:10px;
}

.order{width:200px; height:63px; margin:10px 0px; float:left;}

.page_right_topbg {
    width: 750px;
    height: 35px;
    line-height: 35px;
    text-align: left;
    font-size: 12px;
    color: #999;
    border-bottom: 1px solid #e6e6e6;
}
.page_right_topbg h1 {
    float: left;
    font-weight: bold;
	font-size:18px;
}

.lv_tree_con {
    color: #666;
    height: 25px;
    overflow: hidden;
    padding-right: 10px;
    padding-top: 1px;

}
.lv_tree_con a {
    color: #666;
}
.lv_tree_con span {
    color: #666;
}
.lv_tree_con a:hover, .lv_tree_current {
    color: #666;
}
.m-form{margin-left: 150px; margin-top: 30px;}
.u-ipt{width:540px; height:30px; line-height:30px;}
.u-btn{width:200px; height:36px; line-height:36px; text-align:center; background:#666; border-radius:5px; border:1px solid #e8e8e8;color:#fff; margin-left: 160px; margin-top:10px;}
.u-tta{width:540px; height:100px;}
.formitm{margin-bottom:10px;}
.lab{float:left; width:150px;}

.pro_item_box { width:303px; padding-right:10px; float:left; overflow:hidden; margin-bottom:40px;min-height:210px;_height:210px; }
.pro_item_box h3 {background: url("http://www.yfgjmy.com/themes/moban/images/icon03.gif") no-repeat scroll left 6px transparent;border-bottom: 1px solid #D6D6D6;font-size: 14px; padding-bottom: 10px; text-indent: 15px; margin-bottom:5px;}
.pro_item_box img {width:140px;height:105px;border:1px solid #CCC; float:left;}
.pro_item_box .new img {width:auto;height:auto;float:none;border:none;margin-top:-12px;}
.pro_dl {margin-left:147px;}
.pro_dl dd{ text-indent:15px; background:url(../image/icon02.gif) 3px 10px no-repeat; line-height:23px; height:23px; overflow:hidden; }
.pro_dl dd:hover{background:url(../image/icon01.gif) 3px 10px no-repeat;}
.pro_dl dd:hover a{ color:#e70112;}
.pro_dl dd.select{background:url(../image/icon01.gif) 3px 10px no-repeat; }

.title_line a{margin-right:10px;}
.index_center_title{padding-bottom:10px; font-size:14px; font-weight:bold;}


.page_center_box2{ width:465px; padding-right:20px; float:left; overflow:hidden; line-height:22px;}
.page_right_box2{ width:455px; float:left; overflow:hidden; line-height:22px;}
.m-page { margin:20px auto; clear:both; overflow:hidden; width:100%; float:left;} 
.m-page a { float:left; background:#0669a0; padding-left:10px; padding-right:10px; height:25px; line-height:25px; text-align:center; font-family:"Arial"; display:block; margin-right:4px; color:#fff; text-decoration:none; font-weight:bold;}
.m-page span { float:left; width:37px; height:39px; line-height:39px; text-align:center; font-family:"Lucida Console"; display:block; margin-right:4px; color:#fff;}
.m-page a:hover { background:#e70112; color:#fff;}
.m-page a.prePage,.m-page a.nextPage { font-family:"Tahoma";}
.m-page .dux-page{ margin: 0 auto;display: table;}
.m-page .hidden { display:none;}

/* 页面 */
.m-pg-lst { background-color:#fff; padding:0px 10px; margin-top:10px; float:left;}
.m-pg-lst:hover{background:#fafafa;}
.m-pg-lst .pic { float:left; width:90px;}
.m-pg-lst .pic img { width:80px; height:80px; border: 1px solid #fafafa;}
.m-pg-lst .info { float:right; width:630px; text-align: left; margin-left:10px; border-bottom:1px dashed #e8e8e8;} 
.m-pg-lst .info .tt { font-size:14px; line-height:30px; height:35px; font-weight:bold}
.m-pg-lst .down{border-bottom:1px dashed #e8e8e8; width:728px; float:left; height:30px; line-height:30px; background:url(../image/down.png) left center no-repeat; text-indent:20px;}
.m-pg-lst .info .dsc { font-size:12px; color:#999; line-height:18px;}
.m-pg-lst .info .time { color:#333; line-height:30px;}
.m-pg-lst .info .pro_more{width:60px; background:#fafafa; height:20px; line-height:20px; text-align:center; float:right;}
.m-pg-tt { font-size:20px; font-weight:bold; margin-top:10px; background-color:#fff; padding:20px 0px;} 
.m-pg-info { font-size:12px; padding: 0px 0px; color:#999; background-color:#fff; }
.m-pg-bd { font-size:14px; line-height:26px; color:#333;  padding:20px 0px; text-align:left;}
.m-pg-bd  img{width:100%;}
.m-pg-ln { padding:10px 0px; margin-top:10px;}
.m-pg-ln span { color:#666}
.m-pg-ln .last { float:left;}
.m-pg-ln .next { float:right;}
.m-pg-rlt {margin-top:10px; background-color:#fff; padding:10px 0px;}
.m-pg-rlt .tt { font-size:14px; line-height:30px; font-weight:bold}
.m-pg-rlt .tt a { color:#cd1a1c}
.m-pg-rlt .lst { padding-top:5px;}
.m-pg-rlt .lst li { line-height:25px; height:25px;}


.about_pic{width:100%; padding-bottom:15px; display:table; border-bottom:1px dashed #e8e8e8;}
.about_pic p{width:24%; padding:5px 0.5%; float:left;}
.about_pic p img{width:100%;}

/*.solution start*/
.solution_img{margin:20px 0px;}
.solution_img ul li{ margin:9px; border-right:1px #d6d6d6 solid;border-left:1px #d6d6d6 solid; border-top:none; overflow:hidden; position:relative; float:left; width:161px; padding:2px;}
.solution_img ul li.solution_img01{border-top:1px #d6d6d6 solid;}
.solution_img01,.solution_img01 img{ width:161px;}
.solution_img02,.solution_img02 img,.solution_img03,.solution_img03 img{ width:165px; height:101px;}

.solution_img ul li dl{ position:absolute; left:0px; line-height:30px; height:30px; bottom:0px;  width:165px; background:#e70112;opacity: .7;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";}
.solution_img ul li dl dt{ font-size:14px; color:#fff;}
.solution_img ul li dl dd{ height:35px; overflow:hidden; color:#fff;}
.solution_img ul li.select{}
.solution_img ul li.select img{opacity: 1.0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";}
.solution_img ul li.select dl{background:url(http://www.yfgjmy.com/themes/moban/images/case_dl.png) left top no-repeat;}

.solution_img ul li img{}
.about{ height:78px; overflow:hidden; padding:10px 0px;}


/*.solution end*/

.pro_title{width:750px; float:left; margin-top:20px;}
.pro_detail_img{width:300px; float:left; margin-right:20px;}
.pro_detail_img img{width:300px;}
.pro_detail_title{width:408px;padding-bottom:20px; float:left; text-align:left; line-height:30px;}
.pro_detail_title strong{font-size:20px; line-height:40px; height:40px;}



.new_list{ margin-bottom:50px; line-height:30px;}
.new_list ul li {
    background: url("http://www.yfgjmy.com/themes/moban/images/common/icon02.gif") no-repeat scroll 5px 13px transparent;
    border-bottom: 1px solid #DEDEDE;
	vertical-align:middle;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-indent: 15px;
}
.new_list ul li p {
    float: left;
    overflow: hidden;
    width: 845px;
}
.new_list ul li span {
    float: left;
    padding-left: 10px;
}
.new_list ul li.select {
    background: url("http://www.yfgjmy.com/themes/moban/images/common/icon01.gif") no-repeat scroll 5px 13px transparent;
}
.new_list ul li.select span {
    
}
.news_tit{ font-size:14px; font-weight:bold; padding-bottom:10px;}
.color_909090{ color:#909090;}


/*news end*/

/*about start*/
.about_center_box{width:390px; float:left;padding-right:20px; overflow:hidden}
.about_right_box{ width:280px; overflow:hidden; float:right; text-align:right;}
/*.about_right_box img{ display:none; width:278px; height:441px; border:1px #b8b8b8 solid;}*/

.map_box{width:280px; height:470px; overflow:hidden; line-height:30px;margin-bottom:2px;}
.map_box img{ float:left;border:1px solid #E0E0E0; }
.map_box a{ display:block; height:30px; line-height:30px; }



.message_text {
    border: 1px solid #AAB0B3;
    height: 20px;
    line-height: 20px;
    padding: 0 3px;
    width: 330px;
}
.message_text2 {
    border: 1px solid #AAB0B3;
    height: 20px;
    line-height: 20px;
    padding: 0 3px;
    width: 210px;
}
.message_textarea {
    border: 1px solid #AAB0B3;
    height: 100px;
    line-height: 22px;
    padding: 0 3px;
    width: 330px;
}

.message_submit {
    background: url("http://www.yfgjmy.com/themes/moban/images/submit_btn.jpg") no-repeat scroll left top transparent;
    border: medium none;
    display: inline;
    float: left;
    height: 22px;
    margin-right: 10px;
    width: 97px;
}

.message_reset{border:none; height:22px; padding:0px 15px; line-height:22px; color:#8f8f8f; float:left; background:none;}


.about_default{background:url(http://www.yfgjmy.com/themes/moban/images/about_bg.jpg) right center no-repeat; padding-right:330px;}
/*about end*/


#opendivOverlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#opendivLightbox{position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0; width:507px;}
.alertMsn{background:#fff;width:506px;border:#FFF 1px solid;margin:0 auto;position:relative;min-height:504px;*+height:auto!important;*height:500px;}



.cor_909090{color:#909090}
.map_icon{background: url("http://www.yfgjmy.com/themes/moban/images/icon08.gif") no-repeat scroll left center transparent; height:20px; line-height:20px; text-indent:15px; float:left; color:#909090;}

/* banner*/
.banner{
	width:100%;
	height:476px;
	position: relative;
}




/*main*/
.fl{display:inline;float:left}
.fr{display:inline;float:right}
.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}
.cf{zoom:1}
.pb10{padding-bottom:10px}
.mt10{margin-top:10px}


.pro_item_box2 {float:left;width:178px;height:208px;text-align:center;overflow:hidden; margin:10px 12px 0 0;}
.pro_item_box2:nth-child(4n+2){margin:10px 0px 0px 0px;}
.pro_item_box2:hover{ background:#fafafa; border-radius:5px; box-shadow:1px 1px 5px #666;}
.pro_item_box2 .faceurl{height:178px;}
.pro_item_box2 .faceurl a{ width:178px; display:block;}
.pro_item_box2 .title{ height:30px; line-height:30px; width:168px;padding:0px 5px; overflow:hidden;}
.pro_item_box2 .title a{color:#333;}
.pro_item_box2 .title a:hover{color:red;}
.pro_item_box2 .faceurl img {width:178px;height:178px; }


#mainM_l{width:230px; background:#F3F3F3; float:left;}

.prolist_side li{border-bottom:1px solid #E6E6E6; background:#F3F3F3 !important;line-height:30px;}
.prolist_side li a{background:url(../image/list_arr.gif) no-repeat 3px 13px !important; padding:9px 0px 9px 13px !important; font-size:12px;}
.prolist_side li a:hover,.prolist_side li a:active,.prolist_side .cur a{background:url(../image/list_arr.gif) no-repeat 3px -79px !important; color:#b31f3b; font-size:14px; font-weight:bold;}
.prolist_side_son{padding-bottom:10px !important;}
.prolist_side_son li{border-bottom:0px none;}
.prolist_side_son li a{background:none !important; padding:5px 0px 5px 8px !important;}
.prolist_side_son li a:hover,.prolist_side_son li a:active{background:none !important; padding:5px 0px 5px 8px !important;}
.prolist_side li span.close{}
.prolist_side li span.open{background:url(../image/plus_minus.gif) no-repeat right -179px !important;}
.prolist_side_son li span.close{background:url(../image/plus_minus.gif) no-repeat right 9px !important;}
.prolist_side_son li span.open{background:url(../image/plus_minus.gif) no-repeat right 9px !important;}


.gallery:after{content:'';display:block;height:2px;margin:.5em 0 1.4em}
.gallery img{height:100%}
.gallery a{width:260px;height:370px;display:inline-block;overflow:hidden;margin:14px 17px;border:1px solid #e8e8e8}
.gallery a:hover{box-shadow:0 0 4px 2px #999}
.baguetteBoxOne{width:750px;margin:0 auto}

.gallery2:after{content:'';display:block;height:2px;margin:.5em 0 1.4em}
.gallery2 img{width:100%; height:148px;}
.gallery2 a{width:235px;height:178px;display:inline-block;overflow:hidden;margin:14px 15px 14px 0;border:1px solid #e8e8e8; text-align:center; line-height:30px;}
.gallery2 a:nth-child(3n+3){margin-right:0px;}
.gallery2 a:hover{box-shadow:0 0 4px 2px #999}

#prolb_about{clear:both}
#prolb_about .pro_about_img{float:left;width:40%}
#prolb_about .lb_about_text{width:50%;float:left;margin-left:5%;}
#prolb_about .lb_about_text h1.bt{font-size:22px;color:#333;line-height:30px;margin-bottom:15px}
#prolb_about .lb_about_text span.x{width:40px;height:3px;display:block;background:#333;margin-bottom:25px}
#prolb_about .lb_about_text .ms{line-height:32px;color:#333;font-size:14px;max-height:150px;overflow:hidden}

.g-tit {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    height: 30px;
    border-bottom: 1px solid #3781b7;
    border-left: 6px solid #3781b7;
    padding-left: 12px;
    line-height: 30px;
}
.brand-item {
    float: left;
    margin-right: 34px;
    margin-bottom: 30px;
    width: 209px;
    text-align: center;
}
.brand-item:nth-child(4n+4){margin-right:0px;}

.brand-item .imgbox {
	border: 1px solid #ccc;
	padding: 5px 0;
	overflow: hidden;
}

.brand-item img {
	height: 209px;
	text-align: center;
}

.brand-item p {
	text-align: center;
	line-height: 20px;
	margin-top: 5px;
}

.dzcl{width:100%; margin:30px 0; background:url(../image/huaxue.png) right bottom no-repeat; float:left;}
.dzcltitle{height:40px; line-height:40px; background:url(../image/news_more.jpg) left center no-repeat; text-indent:20px; font-size:20px; font-weight:bold; margin-bottom:20px;}
.dzcltext{width:1000px; font-size:16px; line-height:30px;}
.dzclbtn_l{ margin-top:100px; margin-bottom:100px; float:left;}

.dzcl_faq{width:100%; float:left; margin-top:50px;}

.faqlist{width:100%; }
.faqlist ul{margin:0px; padding:0px;}
.faqlist ul li{width:100%; margin-bottom:40px; float:left;}
.faqlist ul li strong{width:100%; float:left; font-size:16px; color:#0669a0; margin-bottom:10px;}
.faqlist ul li span{width:100%; float:left; line-height:30px; font-size:14px;}

