@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
a{ text-decoration:none}
body,html{ font-family:"微软雅黑"; }
img{ border:none}
#top{ width:1100px; height:100px; margin:5px auto}
#top .logo img{ float:left}
#top .tel{ float:right; width:250px; height:50px; margin-top:45px; background:url(../images/phone.png) no-repeat; margin-right:10px}
#top .tel p{ line-height:50px; margin-left:55px; margin-top:10px; color:#262626}
#top .tel p span{ letter-spacing:1px; color:#15abcb}

#nav{ width:1100px; height:30px; margin:auto; margin-bottom:15px}
#nav ul li{ list-style:none; float:left; width:80px; height:30px; text-align:center; line-height:30px; color:#5e5f5f; font-size:14px; margin-top:55px; margin-left:20px}
#nav ul li a{ color:#5e5f5f}
#nav ul li a:hover{ color:#f30f68}
#nav ul li.first{ color:#f30f68}
#nav ul li:hover{ color:#f30f68}
#nav ul li.last{ margin-right:0px}
#nav ul li:last-child{ margin-right:0px}
#banner{ width:100%; margin-top:-10px; height:380px}
#banner img{ width:100%; height:380px}
#banner ul li{ position:absolute; z-index:0; width:100%}
#banner .btn{ width:264px; height:10px; position:absolute; z-index:1; left:50%; margin-left:-132px; margin-top:360px}
#banner .btn span.span1{ background:#15abcb}
#banner .btn span{ display:block; width:60px; height:10px; margin-right:6px; background:rgba(255,255,255,.8); float:left}

/*@media screen and (max-width:1440px)
{
	#banner{ height:330px}
	#banner .btn{ margin-top:300px}
	#banner img{ width:100%; height:330px}
	}
	
@media screen and (min-width:1441px)
{
	#banner{ height:438px}
	#banner .btn{ margin-top:408px}
	#banner img{ width:100%; height:438px}
	}
*/
/*产品*/
#product{ width:1100px; height:400px; margin:30px auto}
#product .title{ width:490px; height:45px; margin:auto}
#product .pro_nav{ width:500px; height:20px; margin:30px auto}
#product .pro_nav ul li{ list-style:none; float:left; width:50px; height:20px; background:#f0f0f0; margin-right:14px; color:#818181; text-align:center; line-height:20px; font-size:12px}
#product .pro_nav ul li.first{ background:#f30f68; color:#fff}
#product .pro_nav ul li.last{ margin-right:0px}
.pro_scroll ul li span:last-child{ margin-right:0px}

.pro_scroll{ width:1100px; height:125px; margin-top:50px; overflow:hidden}
.pro_scroll .btn_left{ float:left; width:25px; height:40px; margin-top:45px; }
.pro_scroll .btn_right{ float:right; width:25px; height:40px; margin-top:45px; }
.pro_scroll ul{ position:relative;}
.pro_scroll ul li span{ margin-right:32px; width:190px; height:125px; }
.pro_scroll ul li span i{ position:absolute; margin-left:-190px; margin-top:100px; width:190px; height:25px; background:rgba(0,0,0,.7); color:#fff; text-align:center; line-height:25px; font-style:normal; font-size:14px}
.more{ width:115px; height:40px; margin:50px auto}
.pro_scroll ul li .last{ margin-right:0px}
/*新闻*/
#new{ width:100%; height:400px; background:url(../images/bg.png)}
#new .new{ width:1100px; height:398px; border:1px solid #c0c0c0; margin:auto; background:#fff}
#new .join_list ul li:hover{ color:#E40082}
#new .new a:hover{ color:#E40082}

#new .new .left{ width:700px; height:350px; float:left; margin-left:30px; margin-top:25px} 
#new .new .left .title{ width:100%; height:40px;}
#new .new .left .title .span1{ float:left}
#new .new .left .title .span2{ float:right; font-size:12px; color:#a9a9a9; margin-top:20px}

.list_con{ width:100%; height:110px; margin-top:27px}
.list_con .con_left{ width:130px; height:110px; float:left}
.list_con .con_left img{ width: 130px;height: 110px;}
.list_con .con_right{ width:550px; height:110px; float:right}
.list_con .con_right a{ color:#262626}
.list_con .con_right h4{ background:url(../images/red.png) no-repeat; width:100%; height:22px; text-indent:18px; font-weight:500; line-height:22px; color:#262626}
.list_con .con_right p{ font-size:14px; margin-top:10px; color:#262626}
.list_con .con_right .more{ color:#e40082;}
.list_con .con_right .p1{ color:#e40082; margin-top:20px}

.new_list{ width:100%; height:140px; margin-top:28px}
.new_list ul li{ list-style:none; float:left; width:340px; height:33px; border-bottom:1px dashed #999; margin-right:20px; line-height:33px}
.new_list ul li .txt{ float:left; font-size:14px; color:#666}

.new_list ul li .time{ float:right; font-size:12px; color:#999; }
.new_list ul li:nth-child(2n){ margin-right:0px}
.new_list ul li a{ color:#666}


#new .new .right{ width:300px; height:350px; float:right; margin-right:30px; margin-top:25px}
#new .new .right .title{ width:100%; height:50px}
#new .new .right .title .span1{ float:left}
#new .new .right .title .span2{ float:right; font-size:12px; color:#a9a9a9; margin-top:32px}

#new .join_list ul li{ list-style:none; font-size:13px; color:#666; width:100%; height:27px; text-indent:12px; border-bottom:1px dashed #999; line-height:27px}
#new .join_list ul li span{ float:right; color:#999; font-size:12px}

/*热销产品*/
#hot{ width:1100px; height:600px; margin:50px auto}
#hot .title{ width:490px; height:45px; margin:auto}
#hot .hot ul{ margin-top:40px}
#hot .hot ul li{ list-style:none; float:left; width:250px; height:170px; border:1px solid #ccc; margin-right:30px; margin-top:20px; }
#hot .hot ul li span{ display:block; width:250px; height:130px; overflow:hidden}
#hot .hot ul li p{ width:250px; height:40px; line-height:40px; text-align:center; color:#818384; font-size:14px}
#hot .hot ul li:hover{ border-bottom:5px solid #e40082; height:165px}
#hot .hot ul li img{ transition:all linear 200ms; -webkit-transition:all linear 200ms}
#hot .hot ul li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1)}
#hot .hot ul li.l4{ margin-right:0px}
#hot .hot ul li:nth-child(4n){ margin-right:0px}
.more1{ width:115px; height:40px; margin:auto; position:relative; top:50px}

#foot{ width:100%; height:400px; position:relative}
#foot #foot_banner{ width:100%}
#foot #foot_banner img{ width:100%; height:400px; }
#foot #center{ width:880px; height:280px; background:rgba(255,255,255,.9); position:absolute; left:50%; margin-left:-440px; top:60px}
#foot #center .left{ width:200px; height:300px; float:left; color:#e6118a}
#foot #center .title{ width:100%; height:60px; text-align:center; margin-top:18px; color:#e6118a}
#foot #center .left ul li{ list-style:none; width:100%; height:45px; line-height:45px; text-align:center; font-size:14px}
#foot #center .left ul li.first{ background:#e6118a; color:#fff}

#foot #center .right{ width:660px; height:300px; float:right}
#foot #center .right_img{ float:left}
#foot #center .right .more{ float:right; margin-top:30px; margin-right:-65px; color:#e6118a}
#foot #center .right .txt{ width:390px; height:160px; float:right; margin-right:30px; color:#727272; font-size:14px}

#footer{ width:100%; height:130px; background:#333}
#footer .center{ width:800px; height:110px; border:1px solid #333; margin:auto; }
#footer .center ul li{ list-style:none; float:left; color:#fff; padding:20px; margin-right:25px; font-size:14px}
#footer .center ul li.last{ margin-right:0px}
#footer .center p{ text-align:center; color:#fff; font-size:14px; margin-top:10px}
#footer .box{ width:1100px; height:110px; margin:auto; position:relative;}
.erwei{ position:absolute; top:12px; right:0px}


/*内页*/
#main{ width:100%; margin:auto; background:#F4F4F4; overflow:hidden}
#main .main{ width:1100px; background:rgba(255,255,255,.7); margin:auto}
#main .main .left{ width:200px; margin-left:20px; margin-top:20px; float:left}
#main .main .left .title{ width:100%; height:30px; border-bottom:1px solid #E22470; line-height:30px}
#main .main .left .title .span1{ color:#E22470}
#main .main .left .title .span2{ color:#9D9D9D; font-size:12px; margin-left:20px}
#main .main .left ul li{ list-style:none; width:100%; min-height:30px; border-bottom:1px dashed #ccc; color:#6a6a6a; font-size:14px; line-height:30px; text-indent:10px}
#main .main .left ul li a{ color:#6a6a6a;}
#main .main .left ul li.first{ color:#E22470}
#main .main .right{ width:830px; height:700px; float:right; margin-top:20px; margin-right:20px}
#main .main .right .title{ width:100%; height:30px; border-bottom:1px solid #E22470; line-height:30px}
#main .main .right .title .span1{ color:#E22470; float:left}
#main .main .right .title .span2{ color:#9D9D9D; font-size:12px; float:right}
#main .main .right .pro{ width:100%; margin-top:20px}
#main .main .right .pro .pro1 li{ list-style:none; float:left; width:250px; height:130px; border:1px solid #ccc; margin-right: 37px; margin-bottom:35px; overflow:hidden}
#main .main .right .pro .pro1 li img{ transition:all linear 200ms; -webkit-transition:all linear 200ms}
#main .main .right .pro .pro1 li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1)}
#main .main .right .pro .pro1 li:nth-child(3n){ margin-right:0px}
#main .main .right .pro .pro1 li.l3{ margin-right:0px}

#main .main .right .span3{ width:250px; height:30px; background:rgba(0,0,0,.8); display:block; color:#fff; text-align:center; line-height:30px; margin-top:-5px; font-size:14px; position:absolute; margin-top:-55px}
#main .main .right .next{ width:830px; height:30px; position:absolute; bottom:10px}
#main .main .right .next ul li{ float:left; width:30px; height:25px; border:1px solid #ccc; text-align:center; line-height:25px; font-size:14px; list-style:none; margin-left:10px}
#main .main .right .next ul li:hover{ background:#E22470; color:#fff}
#main .main .right .next span:hover{ background:#E22470; color:#fff}
#main .main .right .next ul{ width:260px; height:25px; margin:auto}
#main .main .right .next span{ display:block; width:60px; height:25px; border:1px solid #ccc; text-align:center; line-height:25px; font-size:14px}
#main .main .right .next .span1{ float:left}
#main .main .right .next .span2{ float:right}


#main .main .about{ width:1020px; margin:auto}
#main .main .about p{ font-size:14px}
#main .main .about .title{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #E22470}
#main .main .about .title .span1{ color:#E22470}
#main .main .about .title .span2{ color:#9D9D9D; font-size:12px; margin-left:20px; }
#main .main .about .title .span3{ float:right; color:#9D9D9D; font-size:12px;}
#main .main .about .left{ width:280px; height:640px; border:1px solid red; float:left}
#main .main .about .right{ width:650px; height:640px; float:right; border:1px solid red; float:right}


#main .main .new{ width:1020px; min-height:500px; margin:auto}
#main .main .new .title{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #E22470}
#main .main .new .title .span1{ color:#E22470}
#main .main .new .title .span2{ color:#9D9D9D; font-size:12px; margin-left:20px; }
#main .main .new .title .span3{ float:right; color:#9D9D9D; font-size:12px;}
#main .main .new ul li{ list-style:none; width:100%; height:110px; border-bottom:1px solid #ccc}
#main .main .new ul li .time{ width:60px; height:90px; border:1px solid #ccc; float:left}
#main .main .new ul li .time p{ width:100%; height:35px; line-height:35px; text-align:center}
#main .main .new ul li .time .p1{ color:#757575; font-size:25px}
#main .main .new ul li .time .p2{ color:#757575; font-size:13px; height:18px; line-height:18px;}
#main .main .new ul li .txt{ width:930px; height:90px; float:right; }
#main .main .new ul li .txt .title{ width:100%; height:25px; font-size:14px; line-height:20px; border-bottom:none; color:#757575; font-size:18px}
#main .main .new ul li .txt .title .page_tit{ width:80px; height:100%; float:left; margin-right:20px; border-right:1px dashed #ccc}

#main .main .new ul li .txt p a{ transition:all linear 200ms; -webkit-transition:all linear 200ms}

#main .main .new ul li .txt p a{ color:#9A9898}
#main .main .new ul li .txt p a:hover{ color:#E22470}

#main .main .new ul li .txt .title .list_tit{ width:600px; height:100%; float:left}
#main .main .new ul li .txt p{ font-size:14px; color:#9a9898; margin-top:8px}
#main .main .new ul li .txt p span{ float:right; margin-top:15px} 
#main .main .new ul li .new_l{ width:100%; height:90px; margin-top:10px}
.next_btn{ width:100%; height:30px; margin-top:40px; padding-bottom:40px}
.next_btn .number{ width:260px; height:30px; margin:auto; line-height:25px; text-align:center; font-size:14px}
.next_btn .number span{ float:left; display:block; width:30px; height:25px; border:1px solid #ccc; margin-left:10px} 
.next_btn .number b{ font-weight:normal; width:60px; height:25px; border:1px solid #ccc;}
.next_btn .number .b1{ float:left}
.next_btn .number .b2{ float:right}



.breadcrumbs{ float:right; font-size:12px; color:#6A6A6A}

.breadcrumbs a{ color:#6a6a6a}


.about ul{ margin-top:30px}
.about ul li{ list-style:none; float:left; margin-right:30px;width:30%; }
.about ul li img{ width:100%; }
.about ul li:nth-child(3n){ margin-right:0px; margin-bottom:30px}

.zhaopin{ width:100%; margin-top:30px}
.zhaopin p{ color:#666; font-size:13px}

.new_tit{ width:100%; height:30px; text-align:center; margin-top:30px; color:#666}
.main .time1{ text-align:center; color:#999; font-size:12px;}
.neirong{ font-size:14px; color:#666; margin-top:30px}


#footer .center p a{ color:#fff}



#link{ width:100%; height:45px; border-bottom:3px solid #e6118a}
#link .link{ width:1100px; height:45px; margin:auto}
#link .link ul li{ list-style:none; float:left; line-height:45px; color:#666; font-size:14px; width:100px; height:45px; text-align:center}
#link .link ul li b{ float:left} 





.pages{height:35px; margin:40px auto; float:right; margin-right:300px; margin-bottom:20px}
.current{color:#fff}
.pages span{ display:block; border:1px solid #ccc; background:#fff; color:#262626; line-height:30px; text-align:center; font-size:14px; float:left; margin-right:5px;width:60px; height:30px; border-radius:3px}
.pages ul li{list-style: none;float: left;
    margin-left: 5px;}
.pages .current a {
    border: 1px solid #ccc;
    background: #4BA44A;
    color: #fff;}
.pages li a {
    display: block;
    padding: 0 10px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
    color: #666;
	
	}
	
	
	
#main .main ul li{ position:relative; }
#main .main ul li:hover .hide{ display:block}	
#main .main ul li .hide{ position:absolute; width:500px; min-height:300px; overflow:hidden; border:1px solid #E22470; left:200px; background-color:#fff; top:-1px; z-index:999; display:none}	
#main .main .left ul li:hover{ border:1px solid #E22470;}
#main .main ul li .hide span{ display:block; float:left; padding:10px; padding-bottom:0; font-size:14px}
#main .main ul li .hide p{ width:100%;min-height:35px; overflow:hidden}