@charset "utf-8";

/* CSS Document */

@font-face {
		
 src: url('../font/calibri.eot'),
        url('../font/calibri.woff') format('woff'),
        url('../font/calibri.ttf') format('truetype'),
        url('../font/calibri.svg#calibri') format('svg');		
		
}

body{margin:0px auto; padding:0px; background-color:#fbfbfb; }

body,table,div,p,td,a,span,li{ font-family:calibri, Verdana, Geneva, sans-serif; font-size:16px; line-height:22px; color:#000;}

a{ text-decoration:none;}

a:hover{ color:#000;}

a img{ border:none;}

ul,li,dl,dt,dd{ margin:0px; padding:0px; list-style:none;}
form{ margin:0px; padding:0px; border:0px;}

p{ margin:0px; padding:0px;}

.clear{ clear:both;}



/*顶部*/

#header{ width:100%; margin:0 auto; height:107px; background-color:#fafafa; }
#header .top{ width:960px; margin:0 auto; height:72px; }
#header .top .logo{ float:left; width:208px; margin-right:86px;}
#header .top ul{ margin-top:20px;float:left;  }
#header .top ul li{ float:left;  height:57px; }
#header .top ul li a{display:block; line-height:57px; color:#000000; font-size:16px; padding-left:15px; padding-right:15px; }
#header .top ul li a:hover{ color:#FFF; background-color:#0474c6;}
#header .top ul li .active{  color:#FFF; background-color:#0474c6;}
#header .line{ height:5px; background-color:#0474c6; }



/*bannar图*/

.bannar{ height:499px; }



/*主要内容*/

.main_box{ }

.main_box .bigtitle{ height:75px; padding-top:25px; text-align:center; }

.main_box .info_one{width:960px; margin:0px auto; padding-bottom:40px;}


.main_box .info_one li{ float:left; width:219px; margin-right:28px;}
.main_box .info_one .llast{  margin-right:0px;}

.main_box .info_one li .limg{ margin-bottom:10px; display:block;}
.main_box .info_one li div{ height:95px; background:url(../images/06.jpg) no-repeat; padding-left:10px;}
.main_box .info_one li span a{ display:block; line-height:35px; font-weight:bold;   }
.main_box .info_one li font a{ display:block; font-size:13px;word-wrap:break-word; width:200px; }



.info_two{ background-color:#eeeeee; }
.info_two .twokuang{ width:960px; margin:0px auto; padding-bottom:40px;}

.info_two .cop_img{ height:491px; background:url(../images/08.jpg) no-repeat; margin-top:50px;}



.main_box .info_three{width:960px; margin:0px auto; padding-bottom:40px;}
.main_box .info_three .container{
	width:960px;
	padding:0px;
}
	
	
.main_box .info_three dl{
	width:450px;
	height:220px;
	padding:20px 60px 20px 0px;
	float:left;
	position:relative;}
	
	
.main_box .info_three .lastchild{  padding-right:0px;}
	
	
.main_box .info_three dl dd{
	position:absolute;
	bottom:15px;
	padding:10px  ;
	width:100%;
	background-image:url(../images/1.png) ;
	background-repeat:no-repeat;
	background-position:0% 0%;
	color:#646464;
	}
	
.main_box .info_three dl dd a span{
	display:block;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
}
	
	
.main_box .info_three dl dd a{
	color:#000;
	font-size:13px;
	position:relative;
	float:left;
	width:76%;
	height:66px;
	line-height:16px;}
	
	
.main_box .info_three dl:hover dd{
	background-image:url(../images/2.png);
	background-repeat:no-repeat;
	background-position:0% 0%;}
	
.main_box .info_three dl:hover dd a{
	color:#fff;}
	
.main_box .info_three dl:hover dd span{
	color:#fff;
	
	}
	


.info_four{ background-color:#eeeeee; }
.info_four .fourkuang{ width:960px; margin:0px auto; padding-bottom:40px;}
.info_four .newpro{ height:360px; background:url(../images/18.jpg) top no-repeat; margin-top:20px;}
.info_four .newpro li{ float:left; width:220px; margin-top:25px; margin-right:26px; text-align:center;}
.info_four .newpro li span{ display:block; text-align:center; line-height:22px; padding-top:10px; font-family:calibri, Verdana, Geneva, sans-serif;  color:#7e808c; font-size:18px;}
.info_four .newpro li p{ display:block; text-align:center; line-height:20px; color:#7e808c;}
.info_four .newpro li a:hover span{  color:#3b82ee; }
.info_four .newpro .nlast{  margin-right:0px;}



#footer{ height:56px; background-color:#5d5e60; padding-top:10px;}
#footer p{ color:#fff; text-align:center;}




.sort_bannar{ height:296px; }


.sort_main{width:960px; margin:0px auto; margin-top:22px;}
.sort_main .left{ float:left; width:707px; }
.sort_main .left .daohang{ line-height:40px; border-bottom:#eaeaea solid 1px;}

.sort_main .left .info{ padding-top:20px; padding-bottom:50px;}
.sort_main .left .info h2{ margin:0px; padding:0px; margin-bottom:15px;}
.sort_main .left .info p{ margin-bottom:15px;}
.sort_main .left .info p,div,font,span,font,i,td,tr,a{ font-family:calibri, Verdana, Geneva, sans-serif;}



.sort_main .left .info #news li{ margin-bottom:35px; min-height:100px;}
.sort_main .left .info #news .photo{ float:left; display:block; margin-right:10px; padding:3px; border:#e9e9e9 solid 1px;}
.sort_main .left .info #news span{ display:block; font-weight:bold; height:30px;}
.sort_main .left .info #news span a{ display:block; width:430px; float:left;}
.sort_main .left .info #news span font{ display:block; width:75px; float:right; color:#cec8c3; font-weight:normal; }
.sort_main .left .info #news p{ line-height:20px;}
.sort_main .left .info #news p a{ color:#626763; display:block;}



.sort_main .left .info #products li{ float:left; width:226px; height:267px; border:#dcdcdc solid 1px; margin-right:11px; margin-bottom:15px;}
.sort_main .left .info #products li div{ height:35px; background-color:#eeeeee;}
.sort_main .left .info #products li span{ display:block; text-align:center; line-height:35px; font-family:calibri, Verdana, Geneva, sans-serif; color:#7e808c; font-size:18px;}
.sort_main .left .info #products li p{ display:block; font-size:13px; text-align:center; line-height:20px; color:#aeafb4;}
.sort_main .left .info #products li a:hover span{  color:#3b82ee; }
.sort_main .left .info #products .noright{ margin-right:0px;}



.sort_main .left .info #case li{ float:left;width:228px; height:269px; background:url(../images/27.jpg) no-repeat; text-align:center; margin-right:11px; margin-bottom:15px;}
.sort_main .left .info #case li span{ display:block; text-align:left; line-height:44px; padding-left:14px; font-weight:bold;  font-size:18px;}

.sort_main .left .info #case li p{ display:block; padding-left:10px; padding-right:10px;  text-align:left; word-wrap:break-word;}
.sort_main .left .info #case .case_noright{ margin-right:0px;}


.sort_main .left .info #download li{  line-height: 20px;padding: 0px 10px; }
.sort_main .left .info #download li td{ line-height: 20px;padding: 6px 10px;  }
.sort_main .left .info #download li td font{ color:#999b98}
.sort_main .left .info #download li td a img{ margin-top:8px; margin-right:5px;}
.sort_main .left .info #download .bianse{  background-color:#eeeeee;}





.sort_main .right{ float:right; width:223px; margin-top:14px;   background:url(../images/21.jpg) top 1px center no-repeat;border:#d8d8d8 solid 1px; padding-bottom:50px; }
.sort_main .right .col_title{ line-height:50px; font-weight:bold; font-size:18px; margin-left:20px;  }

.sort_main .right  ul { width:188px; margin:0 auto; margin-top:20px; }
.sort_main .right  ul li a{ display:block; background:url(../images/22.jpg) left center no-repeat; padding-left:20px; border-bottom:#cccccc dotted 1px; line-height:30px;}
.sort_main .right  ul li a:hover{ display:block; background:url(); padding-left:20px; border-bottom:0px; line-height:30px; background-color:#0174c5; color:#FFF;}
.sort_main .right  ul li .active{ display:block; background:url(); padding-left:20px; border-bottom:0px; line-height:30px; background-color:#0174c5; color:#FFF;}


.sort_main .right ul li dl dt a{display:block; font-size:14px;  background:url();  padding-left:20px; line-height:30px; color:#666; border:0px; }
.sort_main .right ul li dl dt a:hover{ background:url(); color:#666;border:0px; padding-left:20px;}

.sort_main .right ul li dl dt p a{display:block; font-size:16px; background:url(); padding-left:30px; background-color:#fff; border-bottom:#eae8e9 solid 1px; border-left:#eae8e9 solid 1px; border-right:#eae8e9 solid 1px; line-height:43px; color:#387ecb;  }
.sort_main .right ul li dl dt p a:hover{ background:url();background-color:#f8f8f8;color:#387ecb;}



.sort_main .right .right_photo{ text-align:center; padding-top:20px;}



.sort_main .right .right_contact{  padding-left:15px; }
.sort_main .right .right_contact p{  color:#656567; font-size:14px;}
.sort_main .right .right_contact span{ float:left; margin-right:20px; display:block; margin-top:20px;}





.divty_clear{clear: both; margin-right:auto;margin-left:auto;text-align:left; }
.divty_float_left{float:left;text-align:left;display:inline;}
.divty_float_left .neirong{font-family:calibri, Verdana, Geneva, sans-serif; font-size:14px;color:#000;}
.divty_float_right{float:right;text-align:left;display:inline;}


    #sl_PicShow
    {
        width: 320px;
        position: relative;
    }
    #sl_ImgBox
    {
        width: 320px;
        height: 320px;
        overflow: hidden;
        border: 1px solid #ccc;
    }
    .sl_SmallImgList
    {
        width: 320px;
        margin: 10px auto;
    }
    .sl_wrapper
    {
        float: left;
        display: inline;
        margin: 0 0px;
    }
    #sl_ImgList div
    {
        border: 1px solid #ccc;
        background-color: white;
        width: 43px;
        height: 43px;
        overflow: hidden;
        margin: 0 2px;
        display: inline;
        float: left;
        cursor: pointer;
    }
    #sl_ImgList .active
    {
        border: 1px solid #9e1f63;
    }
    #sl_ImgList img
    {
        border: 0;
    }
    #imgList_prev, #imgList_next
    {
        width: 10px;
        height: 45px;
        display: block;
        float: left;
        display: inline;
        cursor: pointer;
    }
    #imgList_prev
    {
        background: url(../img/left.gif) no-repeat;
    }
    #imgList_next
    {
        background: url(../img/right.gif) no-repeat;
    }
    #imgList_prev span, #imgList_next span
    {
        display: none;
		
    }
    .clearfix
    {
        float: none;
        clear: both;
    }
    
    
    .sl_zoom
    {
        float: left;
        position: relative;
        display:inline;
        cursor: pointer;
    }
    .sl_zoom img
    {
        
    }
    div.zoomdiv
    {
        z-index: 100;
        position: absolute;
        top: 0px !important;
        left: 340px !important;
        width: 320px;
        height: 320px;
        border: 0px solid #CCCCCC;
        display: none;
        text-align: center;
        overflow: hidden;
    }
    div.jqZoomPup
    {
        z-index: 10;
        visibility: hidden;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 43px;
        height: 43px;
        border: 1px solid #aaa;
        background: #ffffff;
        opacity: 0.5;
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        filter: alpha(Opacity=50);
    }
    div.jqMagnifier
    {
        position: absolute;
        z-index:9;
        width: 23px;
        height: 23px;
        background: url(images/magnifier.png) no-repeat;
        top:228px;
        right:1px;
    }