/* ��ҳ���ֿ�ʼ */

.header{width:100%; padding-top:26px; height:57px; background:#363636;}

.header_in{}



.topnav{float:left; line-height:30px;}

.topnav span{ padding:0 10px;}

.toptime{float:left; padding-left:20px; line-height:30px;}



.logo{float:left;width:330px; margin-right:20px;margin-top: -26px;}



.i_nav{float:left;}

.i_nav li{float:left; height:57px; margin-right:18px; margin-left:18px;}

.i_nav li a{color:#fffefe; padding:0px 14px; height:57px; text-align:center; line-height:57px; display:block; font-size:14px;}

.i_nav li a:hover{ color:#0CAEC0; text-decoration:none; line-height:40px;}

.i_nav li:hover ul.sub {

	/*display: block;*/

}

.i_nav li a.on{ color:#0CAEC0; text-decoration:none; line-height:40px;}

ul.sub {display: none;width:100px;padding-left:13px;position: absolute;z-index: 9999;margin-left: -20px;}

.i_nav li ul li{width: 100px;height:57px;font-size: 12px;padding: 0px;background:#CCC;z-index:999;margin: 0;    position: relative;   }

.i_nav li ul li a{padding: 0px;line-height:24px; color:#000;}

.ulchild{
        position: absolute;
    top: 0;
    left: 100px;
    display: none;
}
.ulchild li{
    
 border-bottom: 1px solid #eee;
}
.search{float:right;height:22px; margin-top:17px; border:1px solid #666666; border-radius:3px;}

.search h5{display:none;}

.search #keywords{float:left; height:22px; margin:0; border:0; padding:0; line-height:22px; font-family:microsoft yahei; background:#363636;color:#fff;}

.lan{position: absolute;left:1100px;top: 15px; display:none;}





.banner{position:relative; width:100%; height:570px; overflow:hidden;}

.banner_la{ position:absolute; width:41px; height:41px; left:25px; top:260px;}

.banner_la a{ display:block; width:41px; height:41px; background:url(../images/rol.png) no-repeat left center;}

.banner_la a:hover{ background:url(../images/rol.png) no-repeat right center;}

.banner_ra{ position:absolute; width:41px; height:41px; right:25px; top:260px;}

.banner_ra a{ display:block; width:41px; height:41px; background:url(../images/ror.png) no-repeat right center;}

.banner_ra a:hover{ background:url(../images/ror.png) no-repeat left center;}

.banner_txt{ position:absolute; width:100%; height:30px; left:0; bottom:30px; font-size:14px; line-height:30px; text-align:center;}

.banner_txt a{color:#FFF;}

.banner_p{ position:absolute; left:0; bottom:20px; width:100%; height:10px; text-align:center;}

.banner_p a{display:inline-block; background:#999999; width:8px; height:8px; margin:0 3px; border-radius:100%; overflow:hidden;}

.banner_p a:hover{ background:#FFF;}

.banner_p a.on{ background:#FFF;}

.banner_img{width:100%; height:570px; overflow:hidden;}



.i_container{}



.i_pro{padding:60px 0; width:100%; text-align:center;}

.i_pro_l{width:100%; height:260px; padding:20px 0; text-align:center;}

.i_pro_l li{display:inline-block; width:298px; height:260px; margin:0 25px;}

.i_pro_l li a{position:relative; display:block; width:298px; height:260px; overflow:hidden;}

.i_pro_l li a strong{position:absolute; display:block; width:298px; height:260px;}

.i_pro_l li a span{position:absolute; display:block; left:0; top:-80px; width:298px; height:70px; line-height:70px; font-size:22px; color:#FFF; background:url(../images/icon01.png) no-repeat center center;}

.i_pro_l li a ins{position:absolute; display:block; left:84px; bottom:-40px; width:155px; height:31px; line-height:31px; border:1px solid #FFF; text-decoration:none; color:#FFF;}



.i_pro_l li a:hover{}

.i_pro_l li a:hover strong{ background:#959697; filter:alpha(opacity=95); opacity:0.95;}

.i_pro_l li a:hover span{left:0; top:110px;}

.i_pro_l li a:hover ins{left:84px; bottom:110px;}

.i_pro_l li a:hover ins:hover{ border:1px solid #038fff; background:#038fff;}



.i_about{padding:60px 0; width:100%; text-align:center; background:url(../images/icon02.jpg) no-repeat center top #f0f0f3;}

.i_about_c{ position:relative; margin:20px auto 80px; width:1000px; height:460px; background:url(../images/icon03.png) no-repeat 102% top;}

.i_about_cl{float:left; width:155px; height:460px;}

.i_about_cr{float:left; width:760px; height:460px;}

.i_about_crtxt{height:38px; padding:40px 80px 40px 40px; line-height:19px; overflow:hidden; text-align:left;}

.i_about_c .i_amore{position:absolute; right:0; top:290px; width:110px; height:50px; line-height:50px; text-align:center;}

.i_about_c .i_amore a{display:block; color:#FFF; background:#727272;}

.i_about_c .i_amore a:hover{color:#FFF; background:#1896d1;}



.i_news{padding:60px 0; width:100%; text-align:center;}

.i_news_l{padding:30px 0; background:url(../images/icon08.jpg) no-repeat center 48px;}

.i_news_lt{height:38px; text-align:center;}

.i_news_lt li{display:inline-block; font-size:14px; margin:0 3px; width:128px; height:36px; line-height:36px; color:#094085; border:1px solid #bdd1d9; background:#FFF;}

.i_news_lt li:hover{ color:#FFF; border:1px solid #018ccd; background:#018ccd;}

.i_news_lt li.on{border:1px solid #018ccd; background:#018ccd;}

.i_news_lt li.on a{ color:#FFF; }



.i_news_ll{width:1030px; margin:80px auto 0; overflow:hidden;}

.i_news_ll ul{width:9999px; overflow:hidden;}

.i_news_ll li{float:left; display:inline; margin:0 15px; width:445px; height:152px; padding:40px 20px 0; background:#FFF;}

.i_news_ll li dt{float:left; width:170px; height:106px;overflow:hidden;}

.i_news_ll li dt img{width:100%; height:100%;}

.i_news_ll li dd{float:left; width:255px; padding-left:20px; overflow:hidden; text-align:left;}

.i_news_ll li dd ins{ text-decoration:none; color:#555555; line-height:32px;}

.i_news_ll li dd h3{line-height:18px; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_news_ll li dd h3 a{ color:#000;}

.i_news_ll li dd span{color: #999; line-height:24px; height:48px; margin-top:8px; width:100%; display: block; overflow:hidden;}

.i_news_ll li dd span a{ color:#999;}



.qh{width:1030px;  overflow:hidden; position:relative;}

.hd{margin: 0px auto;width: 50px;padding-top: 20px;}

.hd ul{overflow:hidden; zoom:1; margin-top:10px;}

.hd ul li{float: left;width: 9px;height: 9px;overflow: hidden;margin-right: 5px;text-indent: -999px;cursor: pointer;background: transparent url("../images/icocircle.gif") no-repeat scroll 0px -9px;}

.hd ul li.on {background-position: 0px 0px;}





.i_news_lb{margin:50px auto; width:1030px; text-align:center;}

.i_news_lb li{display:inline-block; width:18px; height:18px; margin:0 8px; background:#FFF; border-radius:100%;}

.i_news_lb li:hover{ background:#018ccd;}

.i_news_lb li.on{ background:#018ccd;}



.i_contact{padding:20px 0; width:100%; text-align:center;}

.i_contact_c{padding:30px 0 0;}

.i_contact_c strong{display:block; font-size:28px; color:#1e264a; margin-top:25px; line-height:24px; font-family:Arial;}

.i_contact_c span{display:block; line-height:30px;}







.footer{text-align:center; padding:10px 0 50px; margin:20px auto 0; line-height:30px; color:#4c4c59;}

.footer a{color:#4c4c59;}

.footer a:hover{color:#0CAEC0;}

.footer_l{padding-bottom:10px;}

.footer_l a{padding:0 3px;}



.copyright{}

.footer_nav{}

.footer_nav span{padding:0 15px; background:url(../images/icon04.jpg) no-repeat center center;}



/* ��ҳ���ֽ��� */



/* ��ҳ���ֿ�ʼ */

.p_banner{width:100%;height: 465px;overflow:hidden;}

.pbanner_img{width:100%; height:570px; overflow:hidden;}

#com_thenm_banner{text-align: center;position: relative;height: auto;overflow: hidden;}

.i_banner {overflow: hidden;}





.p_container .p_right .p_right_content h1{line-height: 65px;width: 80%;text-align: center;margin: 0px auto;font-size: 24px;}

.p_right_content h1{line-height: 65px;width: 80%;text-align: center;margin: 0px auto;font-size: 24px;}

.aboutinfoclick{width: 204px;height: 32px;margin: 8px auto 0px;display: block;}

.aboutinfoclick .num{line-height: 14px;color: #8B8B8B;font-family: Arial;background: transparent url("../images/ts.jpg") no-repeat scroll left top;text-indent: 16px;float: left;}

.aboutinfoclick .text{float: left;margin-top: -2px;padding-left: 2px;}

.p_right_title h3{width: 211px;height: 49px;line-height: 30px;text-align: center;font-size: 24px;color: #333;margin:0px auto;padding-top:50px;}

.productimg{width:300px; padding:0 15px;margin: 0 auto;}

.productimg img{width:100%;}

.remark .say {width: 1026px;font-size: 14px;line-height: 24px;margin-bottom: 42px;}

.remark1{width: 80%;font-size: 14px;line-height: 24px;text-indent: 2em;margin:0 auto;padding-top: 20px;padding-bottom: 40px;border-bottom: 1px solid #D6D6D6;margin-bottom: 20px;border-top: 1px solid #D6D6D6;}

#products .remark{width:670px; padding:0 20px;margin: 0 auto;font-size: 14px;line-height: 28px;}

#products .remark img {width: 100%;padding: 20px 0px;}

#products .prevnext{width: 65%;}

#products .prevnext span{width: 50%;float: left;}

#products .prevnext span.nextrecord{text-align: right;}

.p_container{}

.p_container1{position: relative;padding-bottom: 50px;background: #F3F3F3 none repeat scroll 0% 0%;}

.sidebar{width:100%; text-align:center; position:absolute; margin-top:-25px;}

.p_left1{}

.sidebar dl dd{display:none;}

.sidebar dt{display:inline-block; width:146px; height:43px; margin-right:1px; text-align:center; line-height:43px; font-size:14px;}

.sidebar dt a{display:block; color:#FFF; background:#363636;}

.sidebar dt a:hover{color:#FFF; background:#00acff;}

.sidebar dt.select a{color:#FFF; background:#00acff;}



.p_pro{margin-top:200px;}

.p_pro ul{width:1336px; margin:0 auto;}

.p_pro li{float:left; display:inline-block; width:330px; height:215px; margin:5px 2px 0;}

.p_pro li img{width:330px; height:215px;}

.p_pro li a{display:block; position:relative; width:330px; height:215px; overflow:hidden;}

.p_pro li a span{display:block; position:absolute; left:0; bottom:-35px; padding:0 10px; width:310px; color:#FFF; line-height:35px; font-size:16px; background:url(../images/icon09.png) repeat-x left top; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.p_pro li a:hover span{ bottom:0;}

.p_right_content .prevnext {width: 80%;margin:20px auto;}

.p_right_content .prevnext span{display: block;width: 100%;line-height: 24px;color: #666;}



#news .p_right{width:1030px; margin:0px auto;}

#news .p_right.news{background:#fff;}

.p_right_content{padding-top:50px;}

.p_right_content .p_jv_jobs li{font-size: 14px;line-height: 28px;}

.p_right_content .p_jv_jobs li .p_jv_title{float: left;}



#com_lastistop_jobs table {text-align: center;border-top: 1px solid #bbbdc8;border-left: 1px solid #bbbdc8;}

#com_lastistop_jobs td {padding: 5px;border-right: 1px solid #bbbdc8;}

#com_lastistop_jobs .clearfix{border-bottom: 1px solid #bbbdc8;}



.p_p_list{width: 100%;}

.p_p_list li{float: left;width: 23%;margin: 10px 1%; text-align:center;position: relative;overflow:hidden;}

.p_p_list li .yc{position: absolute;height: 23%;width: 100%;bottom:-40%;font-size:16px; line-height:23%; opacity:0;background:url(../images/blur_29.png);}

.p_p_list li a:hover .yc{bottom:0%;opacity:1;}

.p_p_list li .yc span{margin-top: 20px;color:#fff;}

.p_p_list li span{padding-bottom:10px;display: block;}

.p_p_list li img{height: 200px;width: 100%;}



.navPage{text-align: center;padding:20px 0px;}

.navPage a{border: 1px solid #9294a7;padding: 0px 3px;border-radius: 5px;}



.brand-list .item {position: absolute;width: 270px;background: transparent url("../images/132.gif") no-repeat scroll center center;top: 0px;left: 40%;

transition: all 0.3s ease 0s;padding: 19px 20px 42px;background: #FFF none repeat scroll 0% 0%;margin-bottom: 23px;margin-left:20px;}

.brand-list{width: 1030px;margin: 0px auto;position: relative;}

.brand-list .item  h3{line-height: 32px;color: #333;font-size: 18px;margin: 22px 0px 0px 5px;}

.brand-list .item  .news_info{margin-left: 5px;line-height: 22px;color: #999;overflow:hidden;}

.brand-list .item  .btn{line-height: 12px;

background: transparent url("../images/add_23.png") no-repeat scroll 0% 0%;display: block;color: #777;font-family: Arial;text-indent: 18px;margin-left: 5px;margin-top: 18px;}

/* ��ҳ���ֽ��� */

#pagenavdetail{text-align: center;font-size: 16px;padding-top:30px;}




.say textarea {
    border-color: #666;
    border-radius: 3px;
    border-width: 1px;
    height: 150px;
    max-width: 650px;
    width: 650px;
}
.say input {
    background-color: #fff;
    border-color: #666;
    border-radius: 3px;
    border-width: 1px;
    line-height: 22px;
}

.say input:focus,.say textarea:focus {
	border-color: #149ef5;
}