﻿*{margin:0px; padding:0px;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, figure, figcaption, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, tf, tr, th {
    border: 0px;
    padding: 0px;
    margin: 0px;
    font-family: "Microsoft Yahei","Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif";
    -webkit-font-smoothing: subpixel-antialiased;
    font-weight: normal;position:relative;
    color: #252525;
	}

a{text-decoration:none; color:#444;}
a:hover{text-decoration:none; color:#FF0000;}
li{list-style-type:none;}
img{border:0px;}
div{font-size: 12px;}
#YP_Head{
 width: 100%;
 height: 170px;
 background-color: #2196D5;font-size: 12px;
}
#YP_Head .top{width:1000px; height:123px; margin:0px auto;}
#YP_Head .top .logo{width:500px; height:78px; float:left;  margin-left:41px; margin-top:23px;}

#YP_Head .top .topright{
 float:right;
}
#YP_Head .top .topright .fav{
 width: 320px;
 height: 28px;
 line-height: 28px;
 text-align: center;
 display: block;
 color: #FFFFFF;
}
#YP_Head .top .topright .fav a{
 color: #FFFFFF;
 display: block;
 width: 84px;
 height: 30px;
 float: right;
 background: url(imagesfavline.jpg) repeat-y left top;
 text-align:left;
 padding-left:16px;
}
#YP_Head .top .topright .fav a:hover{
 color:#FF0;
}
#YP_Head .top .topright .ss{
 width: 200px;
 height: 32px;
 padding-top: 30px;
 padding-left: 40px;
}

#YP_Head .menu{
 width: 100%;
 height: 42px;
 background: url(imagesnav.jpg) repeat-x center 0px;
}
#YP_Head .menu .a {width:1000px; height:42px; margin:0px auto;}
#YP_Head .menu .a .nav {width:1000px; height:42px; } 
#YP_Head .menu .a .nav li{
 min-width: 60px;
 height: 42px;
 float: left;
 line-height: 42px;
 text-align: center;
 overflow: hidden;
 padding:0 11px;
 font-size:14px;display: block; _width:60px;
 _height: 42px;

}
#YP_Head .menu .a .nav li a{
 min-width: 60px;
 height: 42px;
 color: #FFFFFF;
 font-size: 14px;
 font-weight: bold;
 display: block;
 _width:60px;
 _height: 42px;
}
#YP_Head .menu .a .nav li a:hover{color:#FF0; }

#YP_Head .notice{width:100%; height:15px; }
#YP_Head .notice .gd{width:1000px; height:15px; margin:0px auto;  line-height:35px;  color:#3A9CE3;}



#YP_Main{width:1000px; height:auto; margin:0px auto;}
#YP_Main .right{width:725px; height:auto; float:right;}
#YP_Main .right .banner{width:745px; height:242px;}
#YP_Main .right .box1{width:724px; height:auto; }
#YP_Main .right .box1 .more{float:right; }
#YP_Main .right .box1 .more a{ display:block;height:34px; width:34px; background:url(imagesmore.jpg) no-repeat 50% 20%;}
#YP_Main .right .box1 .a{width:350px; height:auto; float:left; margin-top: 15px;margin-bottom: 15px;}
#YP_Main .right .box1 .a .tit{
 width: 338px;
 height: 34px;
 color: #2196D5;
 font-weight: bold;
 font-size: 18px;
 padding-left: 12px;
 border-bottom: 1px solid #CCDAE8;
}
#YP_Main .right .box1 .a .tit a{text-decoration:none; color:#3A9CE3;}
#YP_Main .right .box1 .a .tit a:hover{text-decoration:none; color:#FF0000;}
#YP_Main .right .box1 .a .cen{width:350px; height:auto; margin-top:10px;}
#YP_Main .right .box1 .a .cen ul{width:350px; padding:0px 3px;}
#YP_Main .right .box1 .a .cen ul li{height:15px;  padding-top:7px; padding-bottom:8px;  list-style:none; background:url(imagesdot.jpg) no-repeat 3px center; padding-left:18px;}
#YP_Main .right .box1 a{ font-size:14px}

#YP_Main .right .box1 .b{width:350px; height:auto;  float:right;margin-top: 15px;margin-bottom: 15px;}
#YP_Main .right .box1 .b .tit{
 width: 338px;
 height: 34px;
 color: #2196D5;
 font-weight: bold;
 font-size: 18px;
 padding-left: 12px;
 border-bottom: 1px solid #CCDAE8;
}
#YP_Main .right .box1 .b .tit a{text-decoration:none; color:#3A9CE3;}
#YP_Main .right .box1 .b .tit a:hover{text-decoration:none; color:#FF0000;}

#YP_Main .right .box1 .b .cen{width:350px; height:auto; margin-top:10px;}
#YP_Main .right .box1 .b .cen ul{width:350px; padding:0px 3px;}
#YP_Main .right .box1 .b .cen ul li{height:15px;  padding-top:7px; padding-bottom:8px;  list-style:none; background:url(imagesdot.jpg) no-repeat 3px center; padding-left:18px;}

#YP_Main .right .box1 .c{width:725px; height:auto; float:left; margin-top:15px; margin-bottom:15px }
#YP_Main .right .box1 .c .tit{
 width: 725px;
 height: 34px;
 color: #2196D5;
 font-weight: bold;
 font-size: 18px;
 padding-left: 12px;
 border-bottom: 1px solid #CCDAE8;
}
#YP_Main .right .box1 .c .tit a{text-decoration:none; color:#3A9CE3;}
#YP_Main .right .box1 .c .tit a:hover{text-decoration:none; color:#FF0000;}
#YP_Main .right .box1 .c .cen{width:725px; height:auto; margin-top:10px;}
#YP_Main .right .box1 .c .cen ul{width:725px; padding:0px 3px;}
#YP_Main .right .box1 .c .cen ul li{height:15px;  padding-top:7px; padding-bottom:8px;  list-style:none; background:url(imagesdot.jpg) no-repeat 3px center; padding-left:18px;}

#YP_Main .left{
 width: 250px;
 height: auto;
 float: left;
 background:url(imagesleftbg.jpg) repeat-y;
}

#YP_Main .left .rbox1{width:240px; height:270px; }
#YP_Main .left .rbox1 .tit{width:240px; height:50px; background:url(imagesbm.jpg) no-repeat; color:#3A9CE3; font-weight:bold; font-size:14px;}
#YP_Main .left .rbox1 .tit a{width:240px; height:50px; display:block;}
#YP_Main .left .rbox1 ul{width:230px; padding:10px 0px 0px 10px;}
#YP_Main .left .rbox1 ul li{font-size:14px;list-style:none;  width:230px; line-height:26px; text-indent:10px; background:url(imagesdot.jpg) no-repeat left 12px; }
#YP_Main .left .rbox1 ul li span{color:#FF5511; display:block;font-weight:bold;}
#YP_Main .left .rbox1 ul li a{font-size:14px;font-weight:bold; }

#YP_Main .left .rbox2{
 width: 240px;
 height: auto;
 margin-top: 5px;
}
#YP_Main .left .rbox2 img{width:240px; margin-top:6px;}

#YP_Main .left .rbox3{width:240px; height:auto; margin-top:10px; margin-bottom:20px;}
#YP_Main .left .rbox3 .tit{width:240px; height:50px; background-image:url(imageszy.jpg); color:#3A9CE3; font-weight:bold; font-size:14px;}
#YP_Main .left .rbox3 .tit2{width:240px; height:50px; background-image:url(imagessj.jpg); color:#3A9CE3; font-weight:bold; font-size:14px;}
#YP_Main .left .rbox3 .cen {margin-top:5px; }
#YP_Main .left .rbox3 .cen img{margin-top:5px; margin-left:5px;}
#YP_Main .left .rbox3 .cen ul{width:230px; padding:0px 3px;}
#YP_Main .left .rbox3 .cen ul li{height:15px;  padding-top:7px; padding-bottom:8px;  list-style:none; background:url(imagesdot.jpg) no-repeat 3px center; padding-left:18px;}

#YP_Main .left .rbox4{width:240px; height:auto; margin-top:10px;}
#YP_Main .left .rbox4 .tit{width:240px; height:50px; background-image:url(imagesyq.jpg); color:#3A9CE3; font-weight:bold; font-size:14px;}
#YP_Main .left .rbox4 .Contentbox{width:210px;  font-size:14px;}


#YP_Main .left .rboxbt{width:245px; height:10px; margin-top:10px; background:url(imagesleftbt.jpg) bottom right;}

#YP_Foot{width:100%; height:130px; background:#666666; line-height:24px; text-align:center; margin-top:30px; color:#FFFFFF}
#YP_Foot a{ color:#FFFFFF}
#YP_Foot a:hover{ color: #F0FF00}
#YP_Foot .Contentbox{width:1000px; height:auto; margin:0 auto; padding-top:20px;}
#YP_Foot .left{
 width: 100%;
 height: 80px;
 background: #666666;
 line-height: 28px;
 text-align: center;
 float: left;
}
#YP_Foot .right{width:0%; height:80px; background:#666666; line-height:24px; text-align:center;float:right; }

.foot_text { color:#FFF;}

#YP_sub{width:1000px; height:auto; margin:25px auto;}
#YP_sub .left{width:230px; height:auto; float:left;}
#YP_sub .left .rbox1{width:220px; height:auto;}
#YP_sub .left .rbox1 .tit{
 width: 190px;
 height: 34px;
 background-image: url(imagesabout_title_3.gif);
 color: #3A9CE3;
 font-weight: bold;
 font-size: 14px;
 padding-left: 30px;
}
#YP_sub .left .rbox1 .cen ul{width:220px; padding:0px 0px;}
#YP_sub .left .rbox1 .cen ul li{
 list-style: none;
 background: url(imagesbjicon.jpg) no-repeat;
 width: 220px;
 height: 34px;
 line-height: 34px;
 text-indent: 60px;
 margin-top: 6px;
}
#YP_sub .left .rbox1 .cen ul li a{color:#3A9CE3; text-decoration:none;}
#YP_sub .left .rbox1 .cen ul li a:hover{
 color: #FF9E00;
 width: 220px;
 height: 34px;
 display: block;
}
#YP_sub .left .rbox2{width:220px; height:auto; margin-top:5px;}
#YP_sub .left .rbox2 img{width:220px; margin-top:5px;}

#YP_sub .left .rbox3{width:220px; height:auto; margin-top:10px;}
#YP_sub .left .rbox3 .tit{ width: 190px;
 height: 34px;
 background-image: url(imagesabout_title_3.gif);
 color: #3A9CE3;
 font-weight: bold;
 font-size: 14px;
 padding-left: 30px;
}
#YP_sub .left .rbox3 .cen {line-height:28px;font-size: 12px;}
#YP_sub .left .rbox3 .cen img{margin-top:5px;}
#YP_sub .left .rbox4{width:220px; height:auto; margin-top:10px;}


#YP_sub .right{width:770px; height:auto; float:right;}
#YP_sub .right .tit{width:748px; height:21px; background-image:url(imagestit.jpg); color:#3A9CE3; font-weight:bold; font-size:14px; padding-left:22px;}
#YP_sub .right .tit a{color:#3A9CE3; text-decoration:none;}
#YP_sub .right .tit a:hover{color:#F00; text-decoration:none;}
#YP_sub .right .cen{width:750px; height:auto; padding:5px 10px; line-height:26px;} 


#YP_sub .news_rgt{
 width: 760px;
 height: auto;
 float: right;
}
#YP_sub .news_rgt .tit{
 width: 738px;
 height: 34px;
 background: url(imagestit.jpg) left bottom repeat-x;
 color: #3A9CE3;
 font-weight: bold;
 font-size: 14px;
 padding-left: 22px;
}
#YP_sub .news_rgt .tit a{color:#3A9CE3; text-decoration:none;}
#YP_sub .news_rgt .tit a:hover{color:#F00; text-decoration:none;}
#YP_sub .news_rgt .cen{width:750px; height:auto; padding:5px 10px; line-height:26px; margin-top:26px;} 
#YP_sub .news_rgt .cen ul{padding:0px 5px; width:740px;}
#YP_sub .news_rgt .cen ul li{list-style:none; background:url(imagesdot.jpg) no-repeat 3px 12px; padding-left:18px; line-height:30px; border-bottom:1px dotted #999999;}


#YP_sub .mess_rgt{width:770px; height:auto; float:right;}
#YP_sub .mess_rgt .tit{width:748px; height:21px; background-image:url(imagestit.jpg); color:#3A9CE3; font-weight:bold; font-size:14px; padding-left:22px;}
#YP_sub .mess_rgt .tit a{color:#3A9CE3; text-decoration:none;}
#YP_sub .mess_rgt .tit a:hover{color:#F00; text-decoration:none;}
#YP_sub .mess_rgt .cen{width:725px; height:auto; padding:5px 5px 0px 40px;} 

#YP_sub .pro_rgt{width:770px; height:auto; float:right;}
#YP_sub .pro_rgt .tit{width:748px; height:21px; background-image:url(imagestit.jpg); color:#3A9CE3; font-weight:bold; font-size:14px; padding-left:22px;}
#YP_sub .pro_rgt .tit a{color:#3A9CE3; text-decoration:none;}
#YP_sub .pro_rgt .tit a:hover{color:#F00; text-decoration:none;}
#YP_sub .pro_rgt .cen{width:750px; height:auto; padding:5px 10px;}


.productlist {
 margin-left:5px;
}
.productlist LI {
 FLOAT: left; OVERFLOW: hidden; WIDTH: 172px; HEIGHT:160px; margin-left:10px;
}
.productlist LI IMG {border:1px solid #d0d0d0; padding:3px 3px;}
.productlist LI .product_name {
 DISPLAY: block; OVERFLOW: hidden; WIDTH: 164px; LINE-HEIGHT:15px; HEIGHT: 15px; TEXT-ALIGN: center; padding-top:5px;
}




#orderFrom{width:700px; overflow:hidden; padding-top:10px;}
#orderFrom table.orderTable{ }
#orderFrom table.orderTable tr{}  
#orderFrom table.orderTable tr td{line-height:24px; padding:5px; color:#333333;}
#orderFrom input.text{border:1px solid #91c3c0; line-height:24px; height:18px; padding-left:10px; width:190px;}
#orderFrom .textarea{border:1px solid #91c3c0; width:200px;}
#orderFrom input.buttom{width:56px; height:22px; text-align:center; line-height:24px; border:1px solid #91c3c0; background:#FFF; margin-top:10px;}


.news_right_link{ margin:20px; margin-left: 105px;font-size: 12px;clear:both; padding-top:10px}
.news_right_link a{ display:block; float:left; border:1px solid #c7c7c7; height:21px; padding-left:7px; padding-right:7px; margin-left:5px; line-height:21px}
.news_right_link a:hover{ display:block; float:left; border:1px solid #c7c7c7; height:21px; padding-left:7px; padding-right:7px; margin-left:5px; color:#FFF; background:#7c7c7e;line-height:21px}


.show_cont{ width:750px; margin:0 auto; overflow:hidden;}
.show_cont h3{
 text-align: center;
 margin: 5px 0;
 font-size: 20px;
 color: #2B2B2B;
 line-height: 50px;
}
.ly{text-align:center;background:#efefef;border:1px solid #efefef;color:#ef; font-size:12px; line-height:20px;}
.show_main{ padding:20px 0; font-size:12px;}
.gb_btn {padding:10px 0;}
.gb_btn span{float:right;}




.menu_list{margin:10px auto;width:740px;}
.menu_head{width:710px;height:34px;line-height:34px;padding-left:18px;font-size:14px;color:#525252;cursor:pointer;border-bottom:1px solid #e1e1e1;position:relative;font-weight:bold;background:url(imagesjiantou1.jpg) 96% 50% no-repeat;margin:0;}
.menu_list .current{background:#f1f1f1 url(imagesjiantou.jpg) 96% 50% no-repeat;}
.menu_body{width:720px;height:auto;overflow:hidden;line-height:34px;}
.menu_body a{display:block;width:230px;height:34px;line-height:34px; font-size:12px;color:#2096D4;text-decoration:none;border-bottom:1px solid #e1e1e1; float:left; padding-left:10px; overflow:hidden;}
.menu_body a:hover{text-decoration:none;background:#2096D4;color:#fff;}



.shares{display:inline-block;width:245px;}
.shares .share{ float:left;width:100px;height:40px;margin-right:12px;margin-bottom:8px;position:relative;vertical-align:middle;text-align:center;}
.shares .share a{ -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.shares .share a:hover{-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.shares .share .jia{
 display: inline-block;
 height: 27px;
 line-height: 27px;
 margin-left: 4px;
 font-size: 14px;
 color: #fff;
}
.shares .share .zdy{
 display: inline-block;
 width: 35px;
 height: 31px;
 ;
 color: #9ba6b3;
}
.shares .share.n1 .zdy-1{background:url(imagesweixin.png) no-repeat 0 0}
.shares .share.n2 .zdy-2{background:url(imagesweibo.png) no-repeat 0 0}
.shares .share.n3 .zdy-3{background:url(imagesweibo.png) no-repeat 0 0}
.shares .share.n4 .zdy-4{background-position: -75px -235px;}
.shares .share .con{display:none;position:absolute;bottom: 34px; left:50%;z-index:100;margin-left:-50px;}
.shares .share .con img{width:120px; height:120px;}




.yb_conct {
 position: fixed;
 z-index: 9999999;
 top: 200px;
 right: -127px;
 cursor: pointer;
 transition: all .3s ease;
}
.yb_bar ul li {
 width: 180px;
 height: 53px;
 font: 16px/53px 'Microsoft YaHei';
 color: #fff;
 text-indent: 54px;
 margin-bottom: 3px;
 border-radius: 3px;
 transition: all .5s ease;
 overflow: hidden;
}
.yb_bar .yb_top {
 background: #00B1FF url(imagesfixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
 background: #00B1FF url(imagesfixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
 text-indent: 0;
 background: #00B1FF url(imagesfixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
 

 background: #00B1FF url(imagesfixCont.png) no-repeat 0 -169px;
}
.hd_qr {
 padding: 0 29px 25px 29px;
}
.yb_QQ a {
 display: block;
 text-indent: 54px;
 width: 100%;
 height: 100%;
 color: #fff;
}


.fy { margin:15px auto;}

.show_main table {
    margin: 0 auto;
	width:96%;
}