/*----- Common css ------*/
.fl {float: left;}
.fr {float: right;}
.di {_display: inline;}
.fwn {font-weight: normal;}
.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}

/*澶撮儴鏍峰紡*/
#header{
    background: url(../images/headbg.jpg) repeat-x;
}
.top{
    width:1192px;
    margin:0 auto;
}
.wellcome{
    line-height: 30px;
    color:#777;
}
.k1 {
    line-height: 30px;
    color:#777;
}
.k1 a{
    color:#777;
}
.logo{float:left;}


/*鐑棬鎼滅储*/
.wrap-ser{
    background: url(../images/rightser.jpg) no-repeat right;
    padding:10px 0;
}
.search{
    position: relative;
}
#formsearch {
    width: 249px;
    float: right;
    background: url(../images/serbg.jpg) no-repeat right;
    margin-right: 40px;
}
.hotSearch {
    width: 400px;
    float: left;
    height: 28px;
    line-height: 28px;
    font-weight: normal;
}
.hotSearch a {
    margin-right: 6px;
}

#formsearch input {
    height: 28px;
    background: none;
    border: none;
    line-height: 28px;
}

#formsearch input#keyword {
    height: 28px;
    line-height: 28px;
    padding-left: 4px;
    color: #aaa;
    width:201px;
}

#formsearch input#s_btn {
    width: 40px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background-color: none;
    color: #fff;
    border: none;
    cursor: pointer;
}

.topserivce{
    background: #1888e7;
    padding: 30px 20px; 
    width:232px;
    position: absolute;
    left:0;
    top:-200px;
    z-index: 999999;
    color:#fff;
    text-transform: uppercase;
}
.bluespcial{
    background: #0d51c3;
    line-height: 26px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 2.5px;
    margin-bottom:30px;
    margin-top:10px;
    box-shadow: 0 2px 4px #1270d9;
}

/*涓讳綋鏍峰紡*/
#container{width:1192px;margin:0 auto;margin-bottom:40px;}
.container{
    width:1192px;
    margin:0 auto;
}
.adds{
    width:448px;
    position: absolute;
    left:300px;
    top:4px;
    font-size: 13px;
    color:#777;
    background: url(../images/ddbg.jpg) no-repeat;
    padding-left:40px;
}


/*鐑攢浜у搧*/
.hotpro{
    background: url(../images/hotbg.jpg) no-repeat center;
}
.hotprocon{
    width:1040px;
    margin:0 auto;
    margin-top:80px;
}
/* 鏈緥瀛恈ss */

.picScroll-left {
    position: relative;
}

.picScroll-left .hd {
    position: absolute;
    bottom:10px;
    left:448px;
}

.picScroll-left .hd ul li {
    float: left;
    width: 14px;
    height: 14px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url(../images/tabs.png) no-repeat;
}

.picScroll-left .hd ul li.on {
   background: url(../images/tabli.png) no-repeat;
}

.picScroll-left .bd ul li a{
    display: block;
    width: 524px;
    overflow: hidden;
}
.picScroll-left .bd ul li{
}
.picScroll-left .bd ul li img{
    width: 524px;
    height: 340px;
    transition: all .5s;
}
.picScroll-left .bd ul li img:hover{
    transform: scale(1.2);
}
.picScroll-left .bd ul li h3 {
    width: 380px;
    font-size: 30px;
    color:#222;
    font-weight: 400;
}
.picScroll-left .bd ul li h3 em{
    font-size: 18px;
    text-transform: uppercase;
    font-style: normal;
    display: block;
}
.picScroll-left .bd ul li h3 p{
    font-size: 15px;
    line-height: 30px;
    padding-top:20px;
}
.picScroll-left .bd ul li h3 a.hotmores{
    display: block;
    background: url(../images/hotmores.jpg) no-repeat;
    width:125px;
    line-height: 31px;
    font-size: 15px;
    color:#fff;
    text-align: center;
    margin-top:34px;
}


/* 缁忚惀鑼冨洿 */
.wrap-range{
    background: url(../images/rangebg.jpg) no-repeat center;
    padding-top:30px;
    padding-bottom:60px;
    margin-top:90px;
}
.contain{
    width:1020px;
    margin: 0 auto;
}
.range{
    text-align: center;
    color:#fff;
    font-size: 30px; 
    font-weight: 400;
}
.range img{
    display: block;
    margin: 0 auto;
}
.range p {
    font-size: 14px;
    color:#d2d2d3;
    text-transform: uppercase;  
}
.rangelist{
    margin-top:44px;
}
.rangelist li{
    float: left;
    background: #fff;
    padding:14px;
    margin-right:48px;
    width:190px;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0,0,0,.5);
}
.rangelist li h3{
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    color:#222;
    line-height: 50px;
}
.rangelist li h3 p{
    font-size: 13px;
    color:#222;
    line-height: 24px;
    padding-top: 8px;
    padding-bottom: 10px;
}
.rangelist li img,
.rangelist li h3 img{
    margin: 0 auto;
    display: block;
}
.rangelist li:last-child{
    margin:0;
}

/*浜у搧灞曠ず */
.wrap-product{
    margin-top:42px;
   
}
.commontitle{
    color:#222;
}
.sortsec {
    text-align: center;
    margin-top:32px;
    margin-bottom:44px;
}
.sortsec li{
    width:124px;
    line-height: 32px;
    display: inline-block;
    background: #eee;
    margin-left:22px;
    border-radius: 3px;
    margin-bottom: 10px;
}
.sortsec li a{
    font-size: 16px;
    color:#666;
}
.sortsec li:hover{
    background: #57affa;
}
.sortsec li:hover a{
    color:#fff;
}
.proimg{
    position: relative;
    width:760px;
    height:392px;
}
.proimg p{
    width:760px;
    height:392px;
    overflow: hidden;
    cursor: pointer;
}
.proimg img{
    width:760px;
    height:392px;
    transition: all .5s;
}
.proimg img:hover{
    transform: scale(1.2);
}
.proimgbg{
    background: url(../images/proimgbg.png) no-repeat;
    width:277px;
    height:270px;
    position: absolute;
    top:-25px;
    left:-25px;
}
.pro_list{
    margin-top:14px;
}
.pro_list li{
    float: left;
    background: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    margin-right:18px;
}
.pro_list li a.img{
    display:block;
    width:374px;
    height:294px;
    overflow: hidden;
}
.pro_list li img{
    width:374px;
    height:294px;
    transition: all .5s;
}
.pro_list li img:hover{
    transform: scale(1.2);
}
.pro_list li h3{
    height: 50px;
    font-size: 18px;
    font-weight: 400;
    padding-left:18px;
    line-height: 20px;
    padding-top:6px;
    position: relative;
}
.pro_list li h3 span{
    display: block;
    font-size: 12px;
    color:#999;
    text-transform: uppercase;
}
a.more img{
    position: absolute;
    top:12px;
    right:12px;
    width:32px;
    height: 32px;
    display: block;
}

/* 涓嬮潰鏄墠/鍚庢寜閽唬鐮侊紝濡傛灉涓嶉渶瑕佸垹闄ゅ嵆鍙� */
.prochange{
    position: relative;
    margin-right:18px;
}
.slideBox .prev,
.slideBox .next {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/slider-arrow.png) no-repeat left center;
    top:2px;
}
.slideBox .prev{
    right:48px;
}

.slideBox .next {
    right: 18px;
    background: url(../images/slider-arrow.png) no-repeat right center;
}
.slideBox .prev:hover {
    background: url(../images/slider-arrowh.png) no-repeat left center;
}
.slideBox .next:hover{
    background: url(../images/slider-arrowh.png) no-repeat right center;
}

.changet{
    font-size: 13px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color:#ccc;
    font-weight: 600;
    line-height: 26px;
    position: relative;
}

/*鍏充簬鎴戜滑*/
.wrap-about{
    background: url(../images/aboutbg.jpg) no-repeat top center;
    padding:98px 0;
    margin-top:60px;
    height:472px;
}
.container{
    position: relative;
}
.aboutline{
    width:1136px;
    height:480px;
    position: absolute;
    left: 26px;
    top: 30px;
    background: url(../images/aboutline.png) no-repeat;
}
.aboutcon{
    width:470px;
    text-align: right;
    color:#fff;
    font-size: 14px;
    line-height: 28px;
    margin-top:80px;
}
.aboutcon h2{
    font-size: 28px;
    font-weight: 400;
    display: block;
}
.aboutcon h2 p{
    font-size: 34px;
    line-height: 58px;
    font-family: 'Times New Roman', Times, serif;
}
.lineh2{
    width:60px;
    height:3px;
    background: #fff;
    margin:14px 0;
}
.honorcon a,
a.aboutmore{
    display: block;
    width:126px;
    line-height: 32px;
    background: #ecf4fb;
    font-size: 14px;
    color:#2590eb;
    text-align: center;
    position: absolute;
    right: 328px;
    bottom: 88px;
    z-index: 9;
    transition: all .5s;
    box-shadow: 0 0 5px #2691eb;
}
a.aboutmore:hover{
    border-radius: 5px;
}


/*鑽ｈ獕灞曠ず*/
.honor{
    width:1100px;
    margin: 0 auto;
    margin-top:40px;
}
.honorcon {
    width:470px;
    font-size: 15px;
    color:#222;
    line-height: 30px;
    position: relative;
    height:230px;
    overflow: hidden;
    margin-top:70px;
}
.honorcon a{
    background: #2993ec;
    right: none;
    left:0;
    bottom: 0;
    color:#fff;
}
.honor_list li{
    float: left;
    margin-right:25px;
}
.honor_list li img{
    width:250px;
    height:168px;
    border:1px solid #999;
}
/*棣栭〉鏂伴椈*/
.wrap-new{
    background: #fafafa;
    padding:60px 0;
    /*margin-top:70px;*/

}

.tab2li {
    display: block;
    text-align: center;
    margin:30px 0;
}

.tab2li li {
    cursor: pointer;
    width: 96px;
    text-align: center;
    line-height: 28px;
    font-size: 16px;
    display: inline-block;
    background: #ddd;
    border-radius: 3px;
    margin-right:28px;
}

.tab2li li:last-child {
    margin-right: 0;
}

.tab2li li.cur {
    background: #1c8be8;
    color: #fff;
}

.content1 {
    height: 466px;
    position: relative;
}

.tab2 {
    position: absolute;
    top: 0px;
    height: 466px;
    left: 0;
    z-index: 9;
    background: #fafafa;
    width: 100%;
}

.cja {
    z-index: 999;
}

.txtScroll-left {
    position: relative;
}

.txtScroll-left .hd {}

.txtScroll-left .hd ul {
    overflow: hidden;
    zoom: 1;
    width: 120px;
    margin: 0 auto;
    margin-top:50px;
}

.txtScroll-left .hd ul li {
    float: left;
    width: 14px;
    height: 14px;
    overflow: hidden;
    margin-right: 9px;
    text-indent: -999px;
    cursor: pointer;
    background: url(../images/tabs.png) no-repeat;
    border-radius: 100%;
}

.txtScroll-left .hd ul li.on {
    background: url(../images/tabli.png) no-repeat !important;
}
.txtScroll-left .bd{

}
.txtScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;  
}

.txtScroll-left .bd ul li {
    margin: 0 11px;
    float: left;
    background: #fff;
    padding: 12px;
    width: 344px;
    _display: inline;
    position: relative;
}
.txtScroll-left .bd ul li a.newmore{
    display: block;
    position: absolute;
    width:27px;
    height:27px;
    bottom:24px;
    right:24px;
    z-index: 99999;
}
.txtScroll-left .bd ul li a.newmore img{
    width:27px;
    height:27px;
}
.txtScroll-left .bd ul li img {
    width: 344px;
    height: 206px;
}

.txtScroll-left .bd ul li h3 {
    font-weight: 400;
}

.txtScroll-left .bd ul li h3 a {
    font-size: 16px;
    color: #000;
    line-height: 42px
}
.txtScroll-left .bd ul li h3 a:hover{
    color: #1888e7;
}
.txtScroll-left .bd ul li h3 p {
    color: #666;
    font-size: 13px;
    line-height: 22px;
}

.txtScroll-left .bd ul li h3 span {
    font-size: 12px;
    color: #888;
    display: block;
    padding-top: 16px;
}

/*鍙嬫儏閾炬帴*/
.f_link{}

/*椤甸潰搴曢儴*/
.wrap-foot{
    background: url(../images/footbg.png) no-repeat top center;
    margin-top:-18px;
    height:180px;
}
#footer{position:relative;width:1000px;margin:0 auto;}
#footer a {
    color: #d1d1d1;
}
#footer a:hover{color:#fff;text-decoration:none;}

.nav_foot{
    padding-top:18px;  
    width:1080px;
    margin:0 auto;
}
.nav_foot li{
    float: left;
    width:120px;
    color:#d1d1d1;
    height: 62px;
}
.nav_foot li a{
    display: block;
    font-size: 16px;
    line-height: 62px;
}
.nav_foot li.footsp {
    width:350px !important;
}
.contact{
    line-height: 94px;
    font-size: 15px;
    color:#d1d1d1;
}
.copyright{text-align:center;line-height:24px;}

.footcopy{
    background: #2b2c38;
    padding:20px 0;
    text-align: center;
    color:#8a8a8b;
    font-size: 13px;
}
.footcopy a{
    color:#8a8a8b;
}



/*------------鍐呴〉-------------------*/
.prodescription {
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
    line-height: 24px;
    padding: 10px;
    margin-bottom: 15px;
    text-indent: 20px;
}
.n_banner {
    width:100%;
    /* height:400px; */
}
.n_banner img{
    width:100%;
    /* height:400px; */
}
.wrap-container{
    background: #fafafa;
}
.left {
    width: 230px;
    float: left;
    margin-top:20px;
}
.left .box {
    margin-bottom: 18px;
}

.left .box h3 {
    background: #2993ec;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    height: 54px;
    padding-top: 20px;
    padding-left: 20px;
}

.left .box h3 span {
    display: block;
    font-size: 14px;
    font-family: "Arail";
    text-transform: Capitalize;
}

.left .box .content {
    padding: 5px;
    background: #fff;
}

.right {
    float: right;
    width: 900px;
    padding: 0px 15px;
    background: #fff;
    margin-top:20px;
}

.sitemp {
    line-height: 65px;
    height: 65px;
    border-bottom: 1px solid #dbdbdb;
}

.sitemp b {
    display: inline-block;
    color: #000;
    font-size: 20px;
    border-bottom: 1px solid #000;
    font-weight: normal;
}

.sitemp .site {
    float: right;
    text-align: right;
    line-height: 65px;
    font-size: 14px;
    color: #666666;
    font-weight: normal;
}

.right .content {
    padding: 25px 0;
    overflow: hidden;
    line-height: 24px;
}