@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
    margin: 0px;
}
input, button, ul, ol {
    margin: 0px;
    padding: 0px;
}
body, input, button, form, textarea {
    font-size: 14px;
    line-height: 28px;
    font-family: "microsoft yahei", "Arial Black";
    color: #333;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
    font-weight: normal;
}
ul, ol {
    list-style: none;
}
img {
    border: 0px;
    display: block;
    margin: 0;
    padding: 0;
}
em, i, strong {
    font-style: normal;
}
button, input, select, textarea {
    font-size: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body {
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
}
* {
    padding: 0px;
    margin: 0px
}
div {
    margin: 0;
    padding: 0;
    border: 0;
}
p {
    margin: 0;
}
b, strong {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;/* Remove most spacing between table cells.*/
}
li {
    list-style: none outside none;
}
/*链接*/
a {
    text-decoration: none;
    color: #000;
    background: transparent;
    outline: none
}
a:focus {
    outline: none;
}
a:hover, a:active {
    color: #333;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
/*表单*/
form {
    margin: 0;
}
button, input, select, textarea {
    font-size: 100%; /* Correct font size not being inherited in all browsers. */
    margin: 0; /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */
    vertical-align: baseline; /* Improve appearance and consistency in all browsers */
    *vertical-align: middle; /* Improve appearance and consistency in all browsers */
}
button, select {
    text-transform: none;
}
input {
    line-height: normal;
    border: none;
}
/*其它*/
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
code, kbd, pre, samp {
    font-size: 1em;
}
pre {
    margin: 1em 0;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
small {
    font-size: 80%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
dd {
    margin: 0;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
.clear{ clear: both;}
/*==========@@HTML默认 结束@@==========*/
/*==========@@通用 开始@@==========*/
/*top_nav*/
.top_nav{ width: 1200px; margin: 0 auto; padding: 15px 0;}
.top_nav .logo{ width: 15%; float: left;}
.top_nav .nav{float: left; line-height: 60px;font-size: 16px;}
.top_nav .nav ul li{    float: left; padding: 0 30px;}
.top_nav .lang{float: left; border-left: 1px solid #7D7D7D;padding: 2px 0 2px 20px;margin-top: 18px;cursor:hand;cursor:pointer; }
.top_nav .lang .gq{float: left;}
.top_nav .lang .cn_la{float: left;padding-left: 10px;padding-top: 2px;}
.top_nav .lang img{padding-right: 10px;}

.hide { display: none !important;}
.show { display: block !important;}
.top_nav .lang .show_yy{   width: 100px;
                           box-shadow: 1px 1px 10px #666;
                           background: #fff;
                           position: absolute;
                           top: 65px;
                           /* right: 0px; */
                           display: none;
                           padding: 20px 0px;
                           text-align: center;
                           z-index: 999;}
.top_nav .lang .show_yy a{display: block;line-height: 30px; background-repeat: no-repeat !important;}

.cur .fl_2{display: block  !important;}
.fl_2{ display: none; width: 150px;position: absolute;z-index: 1200; background: #fff;   padding-top: 10px;margin-left: -40px;}
.fl_2 li{ border-bottom: 1px solid #999;     padding: 0 !important;width: 100%; text-align: center; }

.cur .fl_2 .cur .fl_3{display: block  !important;}
.fl_3{ display: none; width: 150px;position: absolute;z-index: 1200; background: #fff; margin-top: -60px; left: 101%;}
.fl_3 li{ border-bottom: 1px solid #999;     padding: 0 !important;width: 100%; text-align: center; }


.three_pic_box{width: 1200px; margin: 30px auto;}
.three_pic_box ul li{ width: 30%; padding-right: 5%; float: left;}
.three_pic_box ul li .title{font-weight: bold; padding-top: 15px; font-size: 16px;}
.no_padding_right{padding-right: 0  !important;}

.product_nav{ width: 1200px; margin: 0 auto;}
.product_nav ul li{ width: 30%; padding: 25px 5% 25px 0; float: left;}
.product_nav ul li .title{font-weight: bold; padding-top: 15px; font-size: 16px;    text-align: center;margin-top: -55px;letter-spacing: 2px;color: #fff;}

.cpzs_box{ width: 1200px; margin:  30px auto;}
.cpzs_box .bd{padding-top:30px;}
.cpzs_box ul li { padding-right: 10px; float:left; width: 230px;}
.cpzs_box ul li .title{ text-align:  center; font-weight: bold; padding-top: 10px;}
.cpzs_box ul li img{ width: 100%;}

.footer_wrap{ width:100%; background: #292929; border-bottom: 1px solid #3E3E3E; }
.footer{width: 1200px; margin:  0 auto;}
.footer .nav{ text-align: center;padding: 30px 0;}
.footer .nav ul{    display: inline-block;}
.footer .nav ul li{ float: left; padding: 0 40px; border-right: 1px solid #fff; }
.footer .nav ul li a{color: #fff;}
.footer .info{ text-align: center; padding-bottom: 30px;}
.footer .info .bao{    display: inline-block;}
.footer .info .left{ float: left; padding-right: 50px;}
.footer .info .right{ color: #fff; font-size: 16px;  text-align: left; float: left;}
.footer .info .right ul li{padding-bottom: 10px;}
.banquan{width:100%; background: #292929; text-align:  center; color: #f3f3f3; padding: 10px 0;}
.no_border{border: none  !important;}

.product_list{ width:1200px; margin: 45px auto;}
.product_list .left{ float: left; width: 270px; padding-right: 15px;}
.product_list .left .top{background: #E41414; font-size: 22px; color: #fff; padding: 15px;}
.product_list .left ul{background: #1A1A1A; padding: 15px;}
.product_list .left .jt{    font-size: 12px;float: right; line-height: 24px; cursor:pointer;}
.product_list .left ul li{ font-size: 17px;padding: 15px; letter-spacing: 1px; border-bottom: 1px solid #313131;}
.product_list .left ul li a{ color: #fff;}
.product_list .left .p_fl_2{padding: 0px; padding-left:15px !important; display: none;}
.product_list .left .p_fl_2 li{font-size: 14px;}
.product_list .left .p_fl_2 li a{ color: #787878; }
.product_list .left .p_fl_2 li a:hover{color: #fff;}
.product_list .right{float: left; width: 915px;}
.product_list .right ul{padding-top: 20px;}
.product_list .right ul li {padding-right: 8px;float: left;width: 220px;padding-bottom: 15px;height: 265px;}
.product_list .right ul li .title{ text-align:  center; font-weight: bold; padding-top: 10px;}
.product_list .right ul li img{ width: 100%;}

.product_list .show_right{float: left; width: 915px;}

/*product_show*/
.arecttitle {
    border-bottom: 1px dotted #ddd;
    text-align: center;
}
.arecttitle h1 {
    font-size: 28px;
    line-height: 30px;
    color: #000;
    margin-bottom: 5px;
}
.arecttitle .mark {
    width: 100%;
    padding: 18px 0;
}
.arecttitle .mark span {
    display: inline-block;
    padding-left: 5px;
    font-size: 12px;
    color: #666;
}
.arecttitle .mark span:first-child {
    padding-left: 0;
}
.showContxt {
    padding: 20px;
}
.showContxt img {
    max-width: 100% !important;
    display: block;
    margin: 0 auto;
}
/* reLink*/
.reLink {
    width: 100%;
    margin: 20px 0 10px;
    line-height: 60px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.reLink .nextLink, .reLink .prevLink {
    width: 50%;
    line-height: 60px;
    color: #333333;
}
.reLink .nextLink {
    text-align: right;
}
.reLink a {
    font-size: 16px;
}
.reLink a:hover {
    color: #009A44;
}
.Hidden {
    display: none;
}
.fl{float:left;}
.fr{float:right;}
.sitepath {
    line-height: 49px;
    color: #88848b;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 28px;
}
.sitepath .home {
    width: 12px;
    height: 12px;
    display: inline-block;
    background-position: -100px -100px;
    margin-right: 20px;
}
.sitepath a {
    color: #88848b;
    display: inline-block;
    white-space: nowrap;
}
.sitepath a:hover {
    color: #ff0505;
}
.sitepath .home {
    width: 12px;
    height: 12px;
    display: inline-block;
    background-position: -100px -100px;
    margin-right: 20px;
}
.icon {
    background: url(../images/icon.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
/*幻灯片区域背景*/
.MainBg {
    width: 920px;
    margin: 0 auto;
}
/*大图展示区域*/
.OriginalPicBorder {
    padding: 0;
}
#OriginalPic {
    width: 920px;
    overflow: hidden;
    position: relative;
    font-size: 12px;
}
#OriginalPic img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
/*鼠标手势*/
.CursorL {
    position: absolute;
    z-index: 999;
    width: 50%;
    height: 600px;
    color: #FFF;
    left: 0;
    cursor: url(../images/CurL.cur), auto;
    background: url(../images/space.png) repeat scroll 0 0 transparent;
}
.CursorR {
    position: absolute;
    z-index: 999;
    width: 50%;
    height: 600px;
    color: #FFF;
    right: 0;
    cursor: url(../images/CurR.cur), auto;
    background: url(../images/space.png) repeat scroll 0 0 transparent;
}
/*小图预览和滑动*/
.SliderPicBorder {
    width: 100%;
    overflow: hidden;
}
.ThumbPicBorder {
    width: 920px;
    margin: 0 auto;
    background: #eeeeee;
    overflow: hidden;
    position: relative;
}
.ThumbPicBorder #btnPrev {
    width: 45px;
    height: 113px;
    cursor: pointer;
    position: absolute;
    left: 20px;
    top: 20px;
}
.ThumbPicBorder #btnNext {
    width: 45px;
    height: 113px;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
}
.ThumbPicBorder .pic {
    width: 755px;
    overflow: hidden;
    position: relative;
    margin: 20px auto;
}
#ThumbPic img {
    border: 3px solid #ddd;
    cursor: pointer;
    background-color: #ddd;
    margin: 0 5px;
    width: 135px;
    height: 108px;
    display: block;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
#ThumbPic img.active {
    border: 3px solid #009A44;
}
/*↑组图样式↑*/



#pages {
    clear: both;
    padding: 10px 0 10px;
    text-align: center;
    font: 12px 'Microsoft YaHei';
}
#pages a {
    display: inline-block;
    padding: 0px 8px;
    height: 24px;
    font-size: 12px;
    line-height: 22px;
    background: #fff;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #333;
    margin-right: -1px;
}
#pages a.a1 {
    padding: 0px 12px;
    height: 24px;
    line-height: 22px;
    margin-top: 0px;
}
#pages a:hover {
    background: #f1f1f1;
    color: #000;
    text-decoration: none;
}
#pages span {
    display: inline-block;
    padding: 0px 8px;
    height: 24px;
    line-height: 22px;
    background: #5a85b2;
    border: 1px solid #5a85b2;
    color: #fff;
    text-align: center;
}
.page .noPage {
    display: inline-block;
    padding: 0px 12px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #a4a4a4;
}
.pageright {
    margin-right: 40px;
}
@media (max-width : 420px) {
    #pages .prev, #pages .next {
        display: none;
    }
}


.product_list .article_right{float: left; width: 915px;}
.news_list_box{padding-top: 20px;}
.news_list_box .small_box{padding: 10px 0;}
.news_list_box .small_box .pic{width: 185px; height: 155px;padding-right: 20px; float: left;}
.news_list_box .small_box .pic img{width:100%;    height: 115px;}
.news_list_box .small_box .info .title{ padding: 10px 0; }
.news_list_box .small_box .info .title a{font-size: 18px; font-weight: bold;}
.news_list_box .small_box .info .desc{line-height: 24px;}
.news_list_box .small_box .info .desc a{color:#999; }
.news_list_box .small_box .info .time{ float: right; color: #999;}

.show_right .info{width: 100%; margin: 0 auto;}
.show_right .info ul li{ width: 45%;float: left;  margin: 2%;  padding: 10px 0 5px 0; border-bottom: 1px solid #999;}
.show_right .info .r_input{background: none;    height: 30px;width: 100%; margin: 5px 0;    color: #000;}
.show_right .info .input_tj{ background: #626262; width: 20%; display: inline-block; height: 30px; color:#fff; margin-top: 40px;margin-right: 4%;}


/*inews*/
.indexTit {
    width: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 46px;
}
.indexTit .en {
    color: #2f2f2f;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-family: arial;
    display: block;
}
.indexTit .line-left, .indexTit .line-right {
    width: 90px;
    height: 1px;
    position: absolute;
    bottom: 12px;
    display: block;
    background: #c1c1c1;
}
.indexTit .line-left {
    left: 50%;
    margin-left: -158px;
}
.indexTit .line-right {
    right: 50%;
    margin-right: -158px;
}
.indexTit h2 {
    font-size: 24px;
    line-height: 30px;
}
@media (max-width: 1366px) {
    .indexTit .en {
        margin-bottom: 0;
    }
}



/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:40%;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#5EB7EA;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#FFF url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#FFF url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#FFF url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#FFF url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#5EB7EA;}
.yb_QQ a:hover{display:block;text-indent:54px;width:100%;height:100%;color:#5EB7EA;}