@charset "utf-8";

/* CSS Document */

body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #000;
    font-family: "SimSun", "SimHei";
    min-width: 1200px;
    background: #FFF;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
blockquote,
p {
    margin: 0;
    padding: 0;
    border: 0;
}

fieldset,
img {
    border: 0;
}

.clear {
    clear: both;
}

img {
    vertical-align: middle;
}

ul,
li,
ol {
    list-style: none;
}

a:link {
    text-decoration: none;
    color: #000
}

a:visited {
    text-decoration: none;
    color: #000
}

a:hover {
    text-decoration: none;
    color: #d90615;
}

.blank5 {
    height: 5px;
    clear: both;
}

.blank10 {
    height: 10px;
    clear: both;
}

.blank15 {
    height: 15px;
    clear: both;
}

.blank20 {
    height: 20px;
    clear: both;
}

.blank25 {
    height: 25px;
    clear: both;
}

.blank30 {
    height: 30px;
    clear: both;
}

.blank35 {
    height: 35px;
    clear: both;
}

.blank40 {
    height: 40px;
    clear: both;
}

.blank45 {
    height: 45px;
    clear: both;
}

.blank50 {
    height: 50px;
    clear: both;
}

.blank60 {
    height: 60px;
    clear: both;
}

.blank70 {
    height: 70px;
    clear: both;
}

.blank100 {
    height: 100px;
    clear: both;
}

.blank120 {
    height: 120px;
    clear: both;
}

.blank130 {
    height: 130px;
    clear: both;
}

.blank150 {
    height: 150px;
    clear: both;
}

.blank200 {
    height: 200px;
    clear: both;
}

.cf:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    overflow: hidden
}

.cf {
    zoom: 1
}

.fl {
    float: left
}

.fr {
    float: right
}

.b_center {
    margin: 0 auto;
    text-align: center;
}

.line1 {
    border-bottom: 1px solid #CCC;
}

.abk1200 {
    width: 1200px;
    overflow: hidden;
}

.sub1200 {
    width: 1200px;
    overflow: hidden;
    background: url(ico_sline.png) repeat-y 224px 0;
    padding: 15px 0 30px
}

.nav1200 {
    width: 1200px;
    height: 88px;
}

.nav1200 .logo {
    width: 290px;
    height: 88px;
}

.header {
    width: 720px;
    height: 30px;
}

.header .code {
    font: 300 12px/30px "微软雅黑";
    color: #666;
}

.header .code img {
    margin-right: 5px;
}

.header .tel {
    font: 300 12px/30px "微软雅黑";
    color: #666;
    margin-right: 20px;
}

.header .tel span {
    color: #d90615;
    font-size: 14px;
}


/*首页导航*/

.navbox {
    position: relative;
    z-index: 9;
    font-family: '微软雅黑';
}

.nav {
    margin: 0px auto 0;
    list-style: none;
}

.nav li {
    float: left;
    position: relative;
    list-style: none;
    text-align: center;
    padding: 0;
}

.nav li.last {
    background: none;
}

.nav li a {
    text-decoration: none;
    display: block;
    color: #333;
}

.nav li a:hover {
    text-decoration: none;
    display: block;
    color: #d90615;
}

.nav li a span {
    float: left;
    display: block;
    font-size: 14px;
    width: 110px;
    padding: 0 5px;
    line-height: 58px;
    color: #000;
    cursor: pointer;
    text-align: center;
    font-family: "微软雅黑";
}

.nav li a span img {
    margin-left: 5px;
}

.nav li a:hover span {
    color: #d90615;
    text-decoration: none;
    line-height: 58px;
}

.mj_hover_menu {
    text-decoration: none;
    /* background:#f1f1f1; */
}

.mj_hover_menu span {
    color: #fff;
}

.nav li.selected .submenu {
    display: block;
    color: #fff;
}

.nav li .submenu {
    display: none;
    position: absolute;
    top: 90px;
    left: -9px;
}

.nav li .submenu li {
    float: none;
    padding: 0;
    background: none;
    height: auto;
    border-bottom: dotted 0px #BEBEBE;
}

.nav li.selected .dsubmenu {
    display: block;
    color: #fff;
}

.nav li .dsubmenu {
    display: none;
    position: absolute;
    left: -15px;
    top: 57PX
}

.nav li .dsubmenu li {
    height: auto;
}

.nav li .dsubmenu li a {
    width: 140px;
    margin: 0 5px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #dddddd;
}

.pro_dmenu_news_bg {
    width: 150px;
    overflow: hidden;
    background: #f8fafc;
    border-top: 2px solid #d90615;
}

.pro_dmenu_news_main {
    width: 150px;
    margin: auto;
    padding: 0;
}

.pro_dmenu_news_main ul {
    text-decoration: none;
    list-style: none;
    overflow: hidden;
}

.pro_dmenu_news_main ul li {
    font: 300 12px/30px "微软雅黑";
    color: #000;
    text-align: center;
}


/* rslides */

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}


/*pager*/

.callbacks_tabs.callbacks1_tabs {
    margin-top: -25px;
    position: relative;
    z-index: 100;
}

.callbacks_tabs.callbacks1_tabs li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 8px;
    border-radius: 10px;
    position: relative;
}

.callbacks_tabs.callbacks1_tabs li a {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    z-index: 1000;
    background: #505050;
    color: rgba(100, 200, 300, 0);
    color: transparent;
}

.callbacks_tabs.callbacks1_tabs li.callbacks_here a {
    background: #005fa8;
}


/* Callback example */

.callbacks_container {
    margin-bottom: 10px;
    margin-top: -10px;
    position: relative;
    width: 100%;
    max-width: 100%;
    text-align: center;
}

.callbacks {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.callbacks li {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 510px;
}

.callbacks img {
    display: block;
    position: relative;
    z-index: 1;
    height: auto;
    width: 100%;
    border: 0;
}

.callbacks .caption {
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 20px;
    text-shadow: none;
    color: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 20px;
    margin: 0;
    max-width: none;
}

.callbacks_nav {
    position: absolute;
    top: 50%;
    left: 60px;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 50px;
    width: 50px;
    background: transparent url("ico_sliding.png") no-repeat left top;
    display: none;
}

.callbacks_container:hover .callbacks_nav {
    display: block;
}

.callbacks_nav:active {}

.callbacks_nav.next {
    left: auto;
    right: 60px;
    background: transparent url("ico_sliding.png") no-repeat -60px top;
}

.queren-popover-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.74;
    filter: alpha(opacity=74);
    -moz-opacity: 0.74;
    display: none;
    z-index: 999;
}

.queren-popover {
    z-index: 999;
    position: absolute;
    width: 300px;
    height: 400px;
    overflow: hidden;
    padding: 2px;
}

.queren-poptit {
    padding: 0;
    margin: 0;
    position: relative;
}

.queren-poptit .close {
    float: right;
    color: #999;
    font-weight: bold;
    font-size: 18px;
    height: 34px;
    width: 34px;
    text-shadow: 0 1px 0 #ddd;
    position: absolute;
    margin: 0px 0px 0 269px;
}

.queren-poptit .close:hover {
    color: #444;
}

.queren-poptit .big {
    width: 300px;
    height: 300px;
}

.i_pro_bg {
    width: 100%;
    height: 395px;
    background: url(i_pro_bg.png) repeat-x;
}

.ipro_top {
    width: 1200px;
    height: 65px;
    margin-top: 40px;
    margin-bottom: 60px;
}


/* 图片切换 css */

.ladyScroll {
    height: 270px;
    margin: 0;
    position: relative;
}

.ladyScroll .prev {
    width: 15px;
    height: 110px;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 100;
    cursor: pointer;
    background: url(arrow_left.png) no-repeat;
}

.ladyScroll .next {
    width: 15px;
    height: 110px;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 100;
    cursor: pointer;
    background: url(arrow_right.png) no-repeat;
}

.ladyScroll .scrollWrap {
    overflow: hidden;
    position: absolute;
}

.ladyScroll dl {
    float: left;
    width: 180px;
    text-align: center;
    position: relative;
    margin-right: 20px;
}

.ladyScroll dt {
    margin: 0 auto;
    width: 180px;
    overflow: hidden;
}

.ladyScroll img {
    display: block;
    width: 165px;
    height: 145px;
}

.ladyScroll img {
    -webkit-transition: all 0.8s ease-out;
    -ms-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    margin: 0px;
    padding: 0px;
}

.ladyScroll img:hover {
    /*-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);*/
    margin: 0px;
    padding: 0px;
}

.ladyScroll dt.title {
    font: 300 14px "微软雅黑";
    color: #000;
    margin-top: 20px;
}

.i_about {
    width: 1200px;
    height: 460px;
}

.i_about_top {
    width: 1200px;
    height: 65px;
    margin-top: 40px;
}

.i_about_cont {
    width: 1200px;
    overflow: hidden;
    margin-bottom: 30px;
}

.i_about_cont .tui {
    width: 440px;
    height: 350px;
}

.i_about_cont .info {
    width: 660px;
    height: 350px;
}

.i_about_cont .info .a1 {
    width: 660px;
    height: 80px;
    margin-top: 70px;
    text-align: left;
}

.i_about_cont .info .a2 {
    width: 660px;
    font: 300 14px/24px "微软雅黑";
    height: auto;
    overflow: hidden;
    color: #333333;
    text-align: left;
    margin-top: 20px;
}

.i_about_cont .info .a3 {
    width: 660px;
    overflow: hidden;
    margin-top: 25px;
    text-align: left;
}

.i_about_cont .info .a3 a.a4 {
    width: 118px;
    height: 26px;
    background: url(i_about_04.png) no-repeat;
    display: block;
    float: left;
    margin-right: 10px;
}

.i_about_cont .info .a3 a.a4:hover {
    width: 118px;
    height: 26px;
    background: url(i_about_05.png) no-repeat;
    display: block;
    float: left;
}

.i_about_cont .info .a3 a.a5 {
    width: 118px;
    height: 26px;
    background: url(i_about_06.png) no-repeat;
    display: block;
    float: left;
}

.i_about_cont .info .a3 a.a5:hover {
    width: 118px;
    height: 26px;
    background: url(i_about_07.png) no-repeat;
    display: block;
    float: left;
}

.i_case_bg {
    width: 100%;
    height: 440px;
    background: url(i_pro_bg.png) repeat-x;
}


/* 图片切换 css */

.case_ladyScroll {
    height: 218px;
    margin: 0;
    position: relative;
}

.case_ladyScroll .prev {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 100;
    cursor: pointer;
    background: url(arrow.png) no-repeat;
}

.case_ladyScroll .next {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 80px;
    right: 0;
    z-index: 100;
    cursor: pointer;
    background: url(arrow.png) no-repeat -45px 0;
}

.case_ladyScroll .prev:hover {
    background-position: 0px -46px;
}

.case_ladyScroll .next:hover {
    background-position: -45px -46px;
}

.case_ladyScroll .scrollWrap {
    overflow: hidden;
    position: absolute;
}

.case_ladyScroll dl {
    float: left;
    width: 354px;
    text-align: center;
    position: relative;
    margin-right: 15px;
}

.case_ladyScroll dt {
    margin: 0 auto;
    width: 354px;
    overflow: hidden;
}

.case_ladyScroll img {
    display: block;
    width: 300px;
    height: 270px;
}

.case_scrollWrap {
    margin-left: 55px;
}

.case_ladyScroll dt .case_title {
    position: absolute;
    z-index: 112;
    font-size: 16px;
    margin-top: -35px;
    width: 354px;
    height: 34px;
    background: url(case_tbg.png) repeat-x;
}

.case_ladyScroll dt .case_title a {
    text-decoration: none;
    width: 344px;
    height: 34px;
    font: 300 14px/34px "微软雅黑";
    color: #FFF;
    text-align: center;
    padding: 0 5px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.i_news {
    width: 860px;
    overflow: hidden;
    padding: 35px 0 15px;
}

.i_news .top {
    width: 860px;
    height: 40px;
    text-align: left;
    margin-bottom: 20px;
}

.i_news .item {
    width: 860px;
    overflow: hidden;
    border-bottom: #cfcfcf 1px dashed;
    margin-bottom: 15px;
    padding-bottom: 25px;
}

.i_news .item .tui {
    width: 180px;
    height: 100px;
    border: 2px solid #cfcfcf;
}

.i_news .item .info {
    width: 650px;
    overflow: hidden;
}

.i_news .item .info .title {
    width: 650px;
    overflow: hidden;
    margin-bottom: 10px;
    font: 300 16px "微软雅黑";
    color: #2b5da9;
    text-align: left;
}

.i_news .item .info .title a {
    text-decoration: none;
    color: #2b5da9;
    width: 520px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.i_news .item .info .title a:hover {
    text-decoration: none;
    color: #d90615;
    width: 520px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.i_news .item .info .title span {
    float: right;
    font: 300 12px/22px "微软雅黑";
    color: #333;
}

.i_news .item .info .title span img {
    vertical-align: -3px;
    margin-right: 4px;
}

.i_news .item .info .about {
    width: 650px;
    font: 300 12px/20px "宋体";
    color: #333;
    overflow: hidden;
    height: 40px;
    text-align: left;
}

.i_news .item .info .more {
    width: 650px;
    margin-top: 10px;
    text-align: right;
}

.i_news .item .info .more a {
    text-decoration: none;
    color: #666;
}

.i_news .item .info .more a:hover {
    text-decoration: none;
    color: #d90615;
}

.i_contact {
    width: 290px;
    overflow: hidden;
    padding: 35px 0 15px;
    text-align: left;
}

.i_contact .biao {
    width: 290px;
    height: 44px;
    margin-bottom: 10px;
}

.i_contact .title {
    width: 290px;
    font: 600 20px "微软雅黑";
    color: #000;
    margin-bottom: 15px;
}

.i_contact .address {
    width: 270px;
    overflow: hidden;
    background: url(i_contact_01.png) no-repeat left 0;
    padding-left: 20px;
    font: 300 12px/18px "微软雅黑";
    margin-top: 6px;
    color: #000;
    margin-bottom: 10px;
}

.i_contact .tel {
    width: 270px;
    overflow: hidden;
    background: url(i_contact_02.png) no-repeat left 0;
    padding-left: 20px;
    font: 300 12px/18px "微软雅黑";
    margin-top: 6px;
    color: #000;
    margin-bottom: 10px;
}

.i_contact .fax {
    width: 270px;
    overflow: hidden;
    background: url(i_contact_03.png) no-repeat left 0;
    padding-left: 20px;
    font: 300 12px/18px "微软雅黑";
    margin-top: 6px;
    color: #000;
    margin-bottom: 10px;
}

.i_contact .mail {
    width: 270px;
    overflow: hidden;
    background: url(i_contact_04.png) no-repeat left 0;
    padding-left: 20px;
    font: 300 12px/18px "微软雅黑";
    margin-top: 6px;
    color: #000;
    margin-bottom: 10px;
}

.i_contact .other {
    width: 290px;
    overflow: hidden;
    margin-top: 40px;
}

.f_bottom {
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
    background: #1f54a4;
}

.f_bottom_l {
    width: 800px;
    overflow: hidden;
}

.f_bottom_l .nav {
    width: 800px;
    overflow: hidden;
}

.f_bottom_l .nav ul {
    text-decoration: none;
    list-style: none;
    overflow: hidden;
}

.f_bottom_l .nav ul li {
    float: left;
    margin-right: 5px;
    font: 300 12px "宋体";
    color: #FFF;
}

.f_bottom_l .nav ul li a {
    text-decoration: none;
    color: #FFF;
}

.f_bottom_l .nav ul li a:hover {
    text-decoration: none;
    color: #000;
}

.f_bottom_l .links {
    width: 800px;
    overflow: hidden;
    font: 300 12px "宋体";
    color: #FFF;
    text-align: left;
    margin-top: 10px;
}

.f_bottom_l .links a {
    text-decoration: none;
    color: #FFF;
    margin-right: 5px;
    margin-left: 5px;
}

.f_bottom_l .links a:hover {
    text-decoration: none;
    color: #000;
    margin-right: 5px;
    margin-left: 5px;
}

.f_bottom_r {
    width: 350px;
    overflow: hidden;
    text-align: right;
    font: 300 12px/20px "宋体";
    color: #FFF;
    line-height: 30px;
}


/*about.php*/

.sub_top {
    width: 238px;
    overflow: hidden;
    font: 300 18px "微软雅黑";
    color: #333;
    margin-bottom: 10px;
    text-align: left;
}

.sub_top span {
    color: #999;
    font-size: 16px;
    margin-left: 6px;
}


/* operate */

.operate {
    width: 238px;
}

.operate h3 {
    font-family: "Microsoft YaHei";
    font-size: 16px;
    line-height: 30px;
    padding-left: 12px;
}

.operate li {
    display: inline-block;
    width: 238px;
    position: relative;
    z-index: 10;
    zoom: 1;
    background: url(ico_s_01.png) no-repeat 218px 0;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    display: block;
    text-align: left;
    font: 600 14px/34px "微软雅黑";
}

.operate li a {
    text-decoration: none;
    padding: 0 10px 0 13px;
    display: block;
}

.operate li:hover {
    background: #d90716 url(ico_s_02.png) no-repeat 218px 0;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: left;
    font: 600 14px/34px "微软雅黑";
}

.operate li:hover a {
    text-decoration: none;
    color: #FFF;
}

.operate li h4 {
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: left;
    font: 600 14px/34px "微软雅黑";
    background: #d90716 url(ico_s_02.png) no-repeat 218px 0;
    padding: 0 10px 0 13px;
}

.operate li .list-item {
    padding: 0px 0 10px;
    position: relative;
    zoom: 1;
    background: #FFF;
}

.operate li .list-item p {}

.operate li .list-item p.on a {
    color: #8caf00;
}

.operate li .list-item p a {
    color: #333333;
    display: block;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    padding-left: 30px;
    position: relative;
    text-decoration: none;
    font-size: 12px;
    background: url(ico_s_04.png) no-repeat 12px 9px;
}

.operate li .list-item p.hover a {
    color: #f00;
    text-decoration: none;
    background: url(ico_s_03.png) no-repeat 12px 9px;
}

.operate li.xuan {
    display: inline-block;
    position: relative;
    z-index: 10;
    zoom: 1;
    background: #d90716 url(ico_s_02.png) no-repeat 218px 0;
}

.operate li.xuan a {
    text-decoration: none;
    display: block;
    color: #FFF;
}

.sub_ctop {
    background: #d90716 url(ico_s_02.png) no-repeat 218px 0;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    display: block;
    text-align: left;
    font: 300 16px/33px "微软雅黑";
    margin-top: 30px;
    padding: 0 10px 0 13px;
}

.sub_ctop span {
    font-size: 14px;
    margin-left: 6px;
    color: #FFF;
    text-align: left;
}

.sub_caddress {
    width: 198px;
    overflow: hidden;
    background: url(i_contact_01.png) no-repeat left 0;
    padding-left: 20px;
    font: 300 12px/18px "微软雅黑";
    margin-top: 10px;
    color: #000;
    text-align: left;
}

.sub_ctel {
    width: 198px;
    overflow: hidden;
    background: url(i_contact_02.png) no-repeat left 0;
    padding-left: 20px;
    font: 300 12px/18px "微软雅黑";
    margin-top: 10px;
    color: #000;
    text-align: left;
}

.sub_cfax {
    width: 198px;
    overflow: hidden;
    background: url(i_contact_03.png) no-repeat left 0;
    padding-left: 20px;
    font: 300 12px/18px "微软雅黑";
    margin-top: 10px;
    color: #000;
    text-align: left;
}

.sub_cmail {
    width: 198px;
    overflow: hidden;
    background: url(i_contact_04.png) no-repeat left 0;
    padding-left: 20px;
    font: 300 12px/18px "微软雅黑";
    margin-top: 10px;
    color: #000;
    text-align: left;
}

.sub_cother {
    overflow: hidden;
    margin-top: 20px;
    width: 238px;
}

.sub_ad01 {
    width: 215px;
    overflow: hidden;
    margin-top: 60px;
}

.sub_ad02 {
    width: 210px;
    overflow: hidden;
    margin-top: 20px;
}

.div_920 {
    width: 920px;
    overflow: hidden;
}

.location {
    width: 920px;
    overflow: hidden;
    font: 300 12px/24px "宋体";
    color: #666;
    text-align: right;
    padding-bottom: 10px;
}

.location a {
    text-decoration: none;
    color: #666;
}

.location a:hover {
    text-decoration: none;
    color: #d90615;
}

.location span {
    color: #d90615;
}

.sub_content {
    width: 920px;
    overflow: hidden
}

.sub_content h1 {
    font: 300 22px "微软雅黑";
    color: #000;
    text-align: center;
    margin: 15px 0;
}

.sub_content ul {
    text-decoration: none;
    list-style: none;
    overflow: hidden;
}

.sub_content ul li {
    font: 300 14px/24px "微软雅黑";
    text-align: left;
    color: #000;
}

.sub_content ul li .china {
    font: 600 20px "微软雅黑";
    color: #ec0011;
}

.sub_content ul li .en {
    font: 300 18px "微软雅黑";
    color: #666;
}


/* 手风琴 */

#sideMenu {
    overflow: hidden;
    text-align: left;
    margin-top: 30px;
}

#sideMenu .hd {
    cursor: pointer;
    border-bottom: 1px dashed #CCC;
    background: url(ico_03.png) no-repeat 120px 12px;
}

#sideMenu .hd h3 {
    color: #000;
    font: 300 16px/34px "微软雅黑";
}

#sideMenu .on {
    background: url(ico_04.png) no-repeat 120px 12px;
}

#sideMenu .on h3 {
    color: #000;
    font: 300 16px/34px "微软雅黑";
}

#sideMenu .bd {
    overflow: hidden;
    display: none;
    font: 300 12px/24px "宋体";
    color: #333;
    padding: 15px 0;
}

.ad02 {
    width: 920px;
    text-align: right;
    overflow: hidden;
    margin-top: 30px;
}


/*news.php*/

.news_list {
    width: 920px;
    overflow: hidden;
    margin-top: 20px;
}

.news_list .item {
    width: 920px;
    overflow: hidden;
    border-bottom: #cfcfcf 1px dashed;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.news_list .item .tui {
    width: 180px;
    height: 100px;
    border: 2px solid #cfcfcf;
}

.news_list .item .info {
    width: 920px;
    overflow: hidden;
}

.news_list .item .info .title {
    width: 920px;
    overflow: hidden;
    margin-bottom: 10px;
    font: 300 16px "微软雅黑";
    color: #2b5da9;
    text-align: left;
}

.news_list .item .info .title a {
    text-decoration: none;
    color: #2b5da9;
    width: 720px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.news_list .item .info .title a:hover {
    text-decoration: none;
    color: #d90615;
    width: 720px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.news_list .item .info .title span {
    float: right;
    font: 300 12px/22px "微软雅黑";
    color: #333;
}

.news_list .item .info .title span img {
    vertical-align: -3px;
    margin-right: 4px;
}

.news_list .item .info .about {
    width: 920px;
    font: 300 12px/20px "宋体";
    color: #333;
    overflow: hidden;
    height: 40px;
    text-align: left;
}

.news_list .item .info .more {
    width: 920px;
    margin-top: 10px;
    text-align: right;
}

.news_list .item .info .more a {
    text-decoration: none;
    color: #666;
}

.news_list .item .info .more a:hover {
    text-decoration: none;
    color: #d90615;
}


/*分页 star*/

.page_info {
    width: 920px;
    overflow: hidden;
    text-align: center;
}


/*分页 end*/


/*contact.php*/

.line2 {
    border-bottom: #CCC 1px dashed;
}

.weizhi {
    width: 920px;
    text-align: left;
    font: 600 20px "微软雅黑";
    color: #ec0011;
}


/*products.php*/


/* 产品分类 */

#sideMenu_p {
    width: 238px;
    overflow: hidden;
}

#sideMenu_p .hd {
    width: 238px;
    background: url(ico_s_01.png) no-repeat 218px 0;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    display: block;
    text-align: left;
    font: 300 14px/34px "微软雅黑";
}

#sideMenu_p .hd h3 {
    color: #000;
    font-weight: 100;
    padding-left: 13px;
    width: 200px;
    display: block;
    border-bottom: dashed 1px #d1d1d1;
}

#sideMenu_p .on {
    width: 238px;
    z-index: 10;
    background: #d90716 url(ico_s_02.png) no-repeat 218px 0;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    display: block;
    text-align: left;
    font: 300 14px/34px "微软雅黑";
}

#sideMenu_p .on h3 {
    color: #fff;
    padding-left: 13px;
    width: 200px;
    font-weight: 300;
    display: block;
    overflow: hidden;
}

#sideMenu_p .hd h3 a {
    font: 100 12px/34px "微软雅黑";
    display: block;
}

#sideMenu_p .on h3 a {
    color: #FFFFFF;
}

#sideMenu_p div.hd:hover {
    width: 238px;
    z-index: 10;
    background: #d90716 url(ico_s_02.png) no-repeat 218px 0;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    display: block;
    text-align: left;
    font: 300 14px/34px "微软雅黑";
    color: #fff;
}

#sideMenu_p .hd h3 a:hover {
    color: #fff;
}

#sideMenu_p #sideMenu_p .bd {
    width: 238px;
    overflow: hidden;
}

#sideMenu_p .bd ul {
    text-decoration: none;
    list-style: none;
    overflow: hidden;
}

#sideMenu_p .bd ul li {
    background: none;
    font: 300 14px/30px "微软雅黑";
    color: #000;
    text-align: left;
}

#sideMenu_p .bd ul li a {
    color: #333333;
    display: block;
    padding-left: 30px;
    position: relative;
    text-decoration: none;
    font-size: 12px;
    background: url(ico_s_04.png) no-repeat 12px 9px;
}

#sideMenu_p .bd ul li a:hover {
    color: #f00;
    display: block;
    padding-left: 30px;
    position: relative;
    text-decoration: none;
    font-size: 12px;
    background: url(ico_s_03.png) no-repeat 12px 9px;
}

.photo_list {
    overflow: hidden;
    width: 940px;
}

.photo_list dl {
    float: left;
    width: 210px;
    height: 150px;
    text-align: center;
    margin-right: 18px;
    margin-bottom: 20px;
}

.photo_list dt {
    margin: 0 auto;
    width: 210px;
    height: 150px;
    overflow: hidden;
    border: 1px solid #dedede;
}

.photo_list dt:hover {
    margin: 0 auto;
    width: 210px;
    overflow: hidden;
    border: 1px solid #f55c65;
}

transition: all 0.8s ease-out;
margin: 0px;
padding: 0px;

}
.photo_list img:hover {
    /*-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);*/
    
    margin: 0px;
    padding: 0px;
}
.photo_list dt.title {
    font: 300 14px "微软雅黑";
    color: #000;
    margin-top: 15px;
    border: none;
    width: 145px;
    height: 44px;
    padding: 0 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.photo_list dt.title2 {
    font: 300 14px "微软雅黑";
    color: #000;
    margin-top: 15px;
    border: none;
    width: 145px;
    height: 58px;
    padding: 0 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.photo_list dt.xing {
    font: 300 12px "微软雅黑";
    color: #000;
    margin-top: 2px;
    border: none;
    width: 195px;
    padding: 0 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product_list {
    overflow: hidden;
    width: 940px;
}
.product_list dl {
    float: left;
    width: 165px;
    text-align: center;
    margin-right: 18px;
    margin-bottom: 20px;
}
.product_list dt {
    margin: 0 auto;
    width: 165px;
    overflow: hidden;
    border: 1px solid #CCC;
}
.product_list dt:hover {
    margin: 0 auto;
    width: 165px;
    overflow: hidden;
    border: 1px solid #e55c65;
}
.product_list img {
    display: block;
    width: 165px;
    height: 137px;
}
.product_list img {
    -webkit-transition: all 0.8s ease-out;
    -ms-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    margin: 0px;
    padding-top: 5px 0;
}
.product_list img:hover {
    /*-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);*/
    
    margin: 0px;
    padding: 0px;
}
.product_list dt.title {
    font: 300 14px "arial";
    color: #000;
    margin-top: 15px;
    border: none;
    width: 145px;
    height: 44px;
    padding: 0 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
}
.product_list dt.title2 {
    font: 300 14px "arial";
    color: #000;
    margin-top: 15px;
    border: none;
    width: 145px;
    height: 58px;
    padding: 0 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product_list dt.xing {
    font: 300 12px "微软雅黑";
    color: #000;
    margin-top: 2px;
    border: none;
    width: 195px;
    padding: 0 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*products_detail.php*/
.pro_de_title {
    width: 920px;
    overflow: hidden;
    font: 300 20px "微软雅黑";
    color: #333;
    margin-top: 20px;
    text-align: center;
}
.pro_de_xing {
    width: 920px;
    overflow: hidden;
    font: 300 14px "微软雅黑";
    color: #2b5da9;
    margin-top: 5px;
    text-align: center;
}
.pro_de_tui {
    width: 920px;
    overflow: hidden;
    margin: 20px 0;
    text-align: center;
}
.pro_de_info {
    width: 920px;
    float: left;
    height: 35px;
    border-bottom: #CCC 1px solid;
}
.pro_de_info ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
.pro_de_info ul li {
    float: left;
}
.pro_de_in {
    cursor: pointer;
    font: 600 14px/34px "微软雅黑";
    color: #000;
    background: #FFF;
    border-top: 2px solid #d30037;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding: 0 40px;
}
.pro_de_out {
    cursor: pointer;
    font: 300 14px/33px "微软雅黑";
    color: #4c4c4c;
    background: #FFF;
    border-top: 2px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    padding: 0 40px;
}
.pro_de_info_about {
    width: 920px;
    overflow: hidden;
    padding-top: 10px;
}
.pro_de_info_about ul {
    text-decoration: none;
    list-style: none;
    overflow: hidden;
}
.pro_de_info_about ul li {
    font: 300 14px/24px "微软雅黑";
    color: #333;
    text-align: left;
}
.pro_de_info_about h1.download {
    width: 920px;
    overflow: hidden;
    margin-top: 10px;
    text-align: right;
}

/*cases.php*/
.cases_list {
    width: 960px;
    overflow: hidden;
}
.cases_list .item {
    overflow: hidden;
    margin-right: 25px;
    margin-bottom: 35px;
}
.cases_list .item .title {
    width: 292px;
    font: 300 16px "微软雅黑";
    color: #000;
    margin-top: 10px;
    border: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.cases_list .item .title a {
    text-decoration: none;
    color: #333;
    display: block;
}
.cases_list .item .title a:hover {
    text-decoration: none;
    color: #f00;
}
.cases_list .item .lei {
    width: 292px;
    font: 300 12px "宋体";
    color: #000;
    margin-top: 4px;
    border: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.work {
    width: 288px;
    border: #e3e3e3 2px solid;
}
.work .listBox {
    height: 177px;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.work .list {
    width: 288px;
    height: 177px;
    overflow: hidden;
}
.work ul {
    width: 288px;
    position: absolute;
    left: 0;
    top: 0;
}
.work li {
    width: 288px;
    float: left;
    margin: 0;
}
.work li a {
    display: block;
}
.work li .imgBox {
    height: 177px;
    overflow: hidden;
    position: relative;
}
.work li .img {
    width: 288px;
    height: 177px;
}
.work li .bg {
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 177px;
    background: #e7e7e7;
    position: absolute;
    left: 0;
    top: 0;
    transition: 400ms;
}
.work li:hover {
    border-color: #69B015;
}
.work li:hover .bg {
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.work li:hover .t {
    color: #e3e3e3;
}
.work li:hover .time {
    color: #e3e3e3;
}
.cases_de_info {
    width: 920px;
    overflow: hidden;
    padding-top: 20px;
}
.cases_de_info ul {
    text-decoration: none;
    list-style: none;
    overflow: hidden;
}
.cases_de_info ul li {
    font: 300 14px/24px "微软雅黑";
    color: #333;
    text-align: left;
}

/*download.php*/
.download_list {
    width: 920px;
    overflow: hidden;
}
.download_list ul {
    text-decoration: none;
    list-style: none;
    overflow: hidden;
}
.download_list ul li {
    font: 300 14px/35px "宋体";
    color: #333;
    text-align: left;
    border-bottom: #CCC 1px dashed;
    margin-bottom: 15px;
    padding-bottom: 15px;
    overflow: hidden;
}
.download_list ul li .time {
    margin-right: 10px;
    line-height: 38px;
}
a.down_title {
    width: 680px;
    color: #333;
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
a.down_title:hover {
    width: 680px;
    color: #f00;
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
.toolbar-item,
.toolbar-layer {
    background: url(toolbar.png) no-repeat;
}
.toolbar {
    position: fixed;
    bottom: 50px;
    margin-left: 1250px;
}

/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item {
    display: block;
    width: 28px;
    height: 28px;
    margin-top: 1px;
    position: relative;
    -moz-transition: background-position 1s;
    -ms-transition: background-position 1s;
    -o-moz-transition: background-position 1s;
    -webkit-moz-transition: background-position 1s;
    transition: background-position 1s;
}
.toolbar-item:hover .toolbar-layer {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.toolbar-item-top {}
.toolbar-item-top:hover {
    background-position: 0 -28px;
}
#flip {
    margin-bottom: 15px;
}
.digg4 {
    padding: 3px;
    margin: 3px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.digg4 span {
    border: 1px #CCCCCC solid;
    padding: 2px 5px;
    margin: 5px;
    color: #999
}
.digg4 span:hover {
    color: #333
}
.digg4 a,
.digg4 span.miy {
    margin: 2px;
    text-decoration: none;
}
.digg4 .disabledfy {
    font-family: Tahoma, Verdana;
}
.metpager_8 a,
.metpager_8 span.miy {
    border: 1px solid #ddd;
    padding: 2px 5px 2px 5px;
    color: #aaa;
}
.metpager_8 a:hover {
    border: 1px solid #a0a0a0;
}
.metpager_8 a:hover {
    border: 1px solid #a0a0a0;
}
.metpager_8 span.current {
    border: 1px solid #e0e0e0;
    padding: 2px 5px 2px 5px;
    margin: 2px;
    color: #aaa;
    background-color: #f0f0f0;
    text-decoration: none;
}
.metpager_8 span.disabled {
    border: 1px solid #f3f3f3;
    padding: 2px 5px 2px 5px;
    margin: 2px;
    color: #ccc;
}
.protype {
    font-size: 18px;
    margin: 10px 0 20px 0;
    text-align: left;
    font-family: "微软雅黑";
    color: #000;
    font-weight: 600;
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-bottom: solid 1px #dedede;
}
.protype span {
    font-size: 15px;
    font-family: "arial";
    color: #aeaeae;
}
.div_920 p {
    text-indent: 2em;
    font-size: 16px;
    line-height: 30px;
}
.search {
    width: 290px;
    height: 30px;
    margin-top: 10px;
    margin-right: 40px;
}
.search .input {
    width: 180px;
    border: 1px solid #848484;
    font: 300 12px "宋体";
    color: #a4a4a4;
    outline: medium;
    padding: 7px 5px 5px 25px;
    background: url("ico_h_ss.png") no-repeat 5px 5px;
}
.btn {
    width: 68px;
    height: 28px;
    font: 300 14px/28px "宋体";
    color: #FFF;
}