@charset "utf-8";

/* CSS Document */







/*-----------CSS Reset-----------*/

.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;}

::selection {

	color:#fff;

    background-color: #36aaf4;

}



::-moz-selection {

	color:#fff;

    background-color: #36aaf4;

}



::-webkit-selection {

	color:#fff;

    background-color: #36aaf4;

}



::-webkit-scrollbar {

    width: 8px;

    height: 8px;

    background-color: #F5F5F5;

}



::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2;

}



::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #555;

}



* {

    padding: 0;

    margin: 0;

}



body {

    font: 12px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

    line-height: 1.5;background:url(../images/bodybg.jpg) center 53px repeat-x;

}



:focus {

    outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}



a {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}



input,

select {

    vertical-align: middle;

}





li,

ul {

    list-style-type: none;

}



img {

    border: none;

}



a {

    color: #333;

    text-decoration: none;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}



a:link,

a:hover,

a:active,

a:visited {

    text-decoration: none;

}



input,

textarea {

    outline: 0;

    border: 0;

}



textarea {

    resize: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

    font-weight: normal;

    font-style: normal;

}







.box{ width:1006px; margin:0 auto; overflow:hidden;}

.box .box_left{ background:#FFF; width:715px; padding:15px; float:left;}

.box_left .jjt{ padding-left:10px; background:url(../images/jjtttbg.jpg) center no-repeat; height:30px; line-height:30px;}

.box_left .jjt a{ font-size:14px;}

.box_left .jjcon{ float:left; padding:20px 0px;}

.jjcon .jjpic{ float:left;}

.jjcon .jjpic img{ width:254px; height:157px;}

.jjcon .jjrigh{float:left;width:423px; line-height:26px; padding-left:12px;}

.jjcon .jjrigh h4{ height:128px; overflow:hidden;}

.jjcon .jjrigh h5{ float:right;}

.jjcon .jjrigh h5 a{ color:#205eb3;}



.chanpin{ margin:20px 0px; float:left;width:715px;}

.chanpin .cpt{width:715px; margin-bottom:10px;float: left;}

.chanpin .cpt ul li{ float:left; background:url(../images/cpttt1.jpg) no-repeat; width:73px; height:26px; line-height:26px; text-align:center; margin:0px 3px;}

.chanpin .cpt ul li a{ font-size:12px; color:#FFF;}

.chanpin .cpcon ul li{ float:left;width:164px; margin:10px 6px; text-align:center;}

.chanpin .cpcon ul li img{ width:164px; height:140px; border:1px solid #e9e7e7;}

.chanpin .cpcon ul li h4{    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.cpmore{ width:135px; background:#f0f0f0; height:28px; text-align:center; line-height:28px; margin:0 auto; overflow:hidden;}

.cpcon{ height: 380px;

    float: left;}

.chanpin .cpt ul li:hover,.chanpin .cpt ul li.casehover{ background:#eaab01;}



.box .box_right{ background:#f0f0f0; width:225px; float:right; padding:15px;}

.box_right .al{ overflow:hidden;}

.box_right .alt{ background:url(../images/xwlili.jpg) left center no-repeat; height:30px;text-transform : uppercase; font-size:10px; color:#bcbcbc; line-height:30px; padding-left:15px;}

.box_right .alt a{ font-size:15px;}

.box_right .alcon{ margin:10px 0px;}

.box_right .alcon ul li{ float:left;width:222px;  text-align:center;}

.box_right .alcon ul li img{ width:222px; height:202px;}



.ty{ margin-top:4px;}

.ty .tyt{ background:url(../images/xwlili.jpg) left center no-repeat; height:30px;text-transform : uppercase; font-size:10px; color:#bcbcbc; line-height:30px; padding-left:15px;}

.ty .tyt a{ font-size:15px;}



.ty .tycon ul li{width:225px; height:26px;line-height:26px; overflow:hidden;}

.ty .tycon ul li a{ font-size:12px;}

.ty .tycon ul li:hover a{ color:#eaab01;}



i.bt {

    font-size: 12px !important;

}