@charset "utf-8";
*{margin:0px;padding:0px;}
body,div,li,ul,ol,dl,dd,dt,span,b,strong,p,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li,dl,dt,dd,ol{list-style:none;list-style-type:none;}
a img,a{border:none;text-decoration:none;}
body{font-size:14px; margin:0px; padding:0px;font-family:"微软雅黑";}
input{margin:0px;:0px; outline:none;}
input:focus{outline:none;}
a:hover,a:active,a:visited{ text-decoration:none;}
/* 辅助样式 */
.cscreen{position:absolute;top:0;left:0;z-index:30;background:#000;opacity:0.70;filter:alpha(opacity=70);-moz-opacity:0.70;}

.i-showpicture{width:100%; height:100%; overflow:hidden; display:none;}
.i-showpic-picbox{ position:fixed; top:0; left:0; overflow:hidden; z-index:103;}
.i-showpic-div{ position:absolute; overflow:hidden; width:auto;}
.i-showpic-pic { float:left; background:url(browse.php?u=Oi8vd3d3LmRkenhtbS5jb20vcHVibGljL0hvbWUvaW1hZ2UvbG9hZC5naWY%3D&b=29) no-repeat center center;}
.i-showpic-pic img{ display:block; margin:0px auto; overflow:hidden; cursor:pointer;}
.i-showpic-arrowleft{ width:60px; height:60px; position:fixed; left:0; top:50%; margin-top:-30px; background:url(browse.php?u=Oi8vd3d3LmRkenhtbS5jb20vcHVibGljL0hvbWUvaW1hZ2VzL2Fycm93LWljb24ucG5n&b=29) no-repeat 0 0; cursor:pointer; display:block; z-index:103;}
.i-showpic-arrowleft:hover{background:url(browse.php?u=Oi8vd3d3LmRkenhtbS5jb20vcHVibGljL0hvbWUvaW1hZ2UvYXJyb3ctaWNvbi5wbmc%3D&b=29) no-repeat 0 -64px;}
.i-showpic-arrowright{ width:60px; height:60px; position:fixed; right:0; top:50%; margin-top:-30px; background:url(browse.php?u=Oi8vd3d3LmRkenhtbS5jb20vcHVibGljL0hvbWUvaW1hZ2VzL2Fycm93LWljb24ucG5n&b=29) no-repeat 0 -128px; cursor:pointer; display:block; z-index:103;}
.i-showpic-arrowright:hover{background:url(browse.php?u=Oi8vd3d3LmRkenhtbS5jb20vcHVibGljL0hvbWUvaW1hZ2UvYXJyb3ctaWNvbi5wbmc%3D&b=29) no-repeat 0 -192px;}
.i-showpic-close{ width:60px; height:60px; position:fixed; right:15px; top:15px;background:url(browse.php?u=Oi8vd3d3LmRkenhtbS5jb20vcHVibGljL0hvbWUvaW1hZ2VzL2Nsb3NlLnBuZw%3D%3D&b=29) no-repeat center center; background-size:70%; cursor:pointer; display:block; z-index:103;}
/* 错误提示 */
.error-div{ position:fixed; top:50%; left:50%; overflow:hidden; margin:-230px 0 0 -400px; width:800px; height:460px; border:dashed 2px #ddd; background:#fafafa; font-family:"微软雅黑";}
.error-div .error-icon{ margin:30px auto 10px auto; text-align:center;}
.error-div .error-tips{ height:30px; color:#f37873; text-align:center; font-size:14px; line-height:30px;}
.error-div .error-tips img{ position:relative; top:20px;}
.error-div .error-time{ margin:10px auto 10px auto;color:#adadb0;text-align:center;}
.error-div .error-time span{ color:#f2a1a0;}
.error-div .error-time a{color:#adadb0;}
.error-div .error-switch1,.error-div .error-switch2{ height:35px;text-align:center; line-height:35px;}
.error-switch1 a,.error-switch2 a{ color:#f2a1a0;}
.error-div a:hover{color:#f37873;}
.error-div .error-close{ position:absolute; top:8px; right:12px; color:#adadb0; font-size:23px; cursor:pointer;}
/* 没有数据 */
.i-nodata{ overflow:hidden; margin:15px auto; width:200px; height:160px; color:#666; text-align:center; cursor:pointer;}
.i-nodata img{ display:block; margin:0px auto; text-align:center;}
/* 在线客服 */
.online-div{ position:fixed;top:20%; right:10px; z-index:300; overflow:hidden; width:130px; height:auto; min-height:450px; background:url(browse.php?u=Oi8vd3d3LmRkenhtbS5jb20vcHVibGljL0hvbWUvaW1hZ2VzL29ubGluZS5wbmc%3D&b=29) no-repeat top center;}
.online-close{ float:right; width:32px; height:32px;cursor:pointer;}
.online-tel{ clear:both; overflow:hidden; margin:184px auto 0px auto; width:130px; height:24px; color:#fff; text-align:center; font-size:16px; line-height:24px;}
.online-list{ overflow:hidden; margin:0px auto; padding:10px 0; width:130px; height:auto; min-height:90px; background:#5ebfbc;}
.online-list li{ display:block; margin:0px auto 10px auto; width:117px; height:37px; background:#fff; text-align:center; line-height:37px;}
.online-list li a{ display:block;width:117px; height:37px; color:#5ebfbc;}
.online-top{ margin:0 auto; width:44px; height:68px; background:url(browse.php?u=Oi8vd3d3LmRkenhtbS5jb20vcHVibGljL0hvbWUvaW1hZ2VzL2Fycm93LXRvcC5wbmc%3D&b=29) no-repeat center center; cursor:pointer;}
/* 分页 */
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination > li {display: inline;}
.pagination > li > a,.pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {z-index: 3;color: #23527c;background-color: #eee;border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 2;color: #fff;cursor: default;background-color: #2abbb7;border-color: #2abbb7;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #777;cursor: not-allowed;background-color: #fff;border-color: #ddd;}
.pagination-sm > li > a,
.pagination-sm > li > span {padding: 5px 10px;font-size: 12px;line-height: 1.5;}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.page{ text-align:center; clear:both;}
.page li.active a{ background:#2abbb7; border:solid 1px #2abbb7;}

.head_div{ width:1200px; height:115px; margin:0px auto; overflow:hidden;}
.head_div .logo{ display:block; height:65px; float:left; overflow:hidden; margin-top:22px;}
.head_div .right{ float:right; color:#666; margin-top:50px;}
.head_div .right a{ color:#666; text-transform:uppercase;}
.head_div .right a:hover,.head_div .right a.hover{ background:url(browse.php?u=Oi8vd3d3LmRkenhtbS5jb20vcHVibGljL0hvbWUvaW1hZ2VzL2ltZy1hcnJvdy5wbmc%3D&b=29) no-repeat left center; padding-left:15px; color:#2abbb7;}
/* -------- */
.head_div form{ float:left; width:235px; height:30px; overflow:hidden; margin-top:37px;margin-left:200px; border:1px solid #111319; border-radius:25px;}
.head_div form .key{ border:none; height:20px;width:150px;line-height:20px; float:left; margin:5px 12px; color:#111319; background:none;}
.head_div form .btn{ height:30px; background:#fff url(browse.php?u=Oi8vd3d3LmRkenhtbS5jb20vcHVibGljL0hvbWUvaW1hZ2VzL2ltZy1zZWFyY2gucG5n&b=29) no-repeat center; border:none; width:47px; float:right; cursor:pointer;}
.head_div .key::-webkit-input-placeholder { /* WebKit browsers */ color: #bebebe;text-transform:uppercase;font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
.head_div .key:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #bebebe;text-transform:uppercase;font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
.head_div .key::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #bebebe;text-transform:uppercase;font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
.head_div .key:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #bebebe;text-transform:uppercase;font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}




/* 添加的类名 */
.nav_div{ width:100%; min-width:1200px; height:60px; clear:both; background:#2abbb7;}
.nav_div .nav_box{ width:1200px; height:60px; margin:0px auto;}
.nav_div .nav_ul{ float:left; width:100%; height:30px; margin-top:15px;}
.nav_div .nav_ul li{ display:block; float:left; height:30px; line-height:30px; position:relative;}
.nav_div .nav_ul li .f_a{ display:block; color:#dff3f2; line-height:30px; padding:0 18px; text-transform:uppercase;}
.nav_div .nav_ul li:hover .f_a,.nav_div .nav_ul li.hover .f_a{ background:#fff; border-radius:25px; color:#000;}
.nav_div .nav_ul li .mtag_nav{ z-index:100;text-align:left; padding:10px 40px; width:240px; position:absolute; top:30px; left:0; background:#fff; cursor: pointer; border-radius:5px; border:1px solid #2abbb7; display:none;}
.nav_div .nav_ul dt{ color:#2abbb7; font-size:18px; width:240px; height:26px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.nav_div .nav_ul dt a{color:#2abbb7;}
.nav_div .nav_ul dd{ height:30px; width:220px; margin:0px auto; background:url(browse.php?u=Oi8vd3d3LmRkenhtbS5jb20vcHVibGljL0hvbWUvaW1hZ2VzL2RvdC13aGl0ZS5wbmc%3D&b=29) no-repeat left center; background-size:4px 4px;}
.nav_div .nav_ul dd a{ color:#8b8b8b; line-height:30px; margin-left:10px; display:block; width:210px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.nav_div .nav_ul dd a:hover{ color:#da0000;}
.nav_div .nav_ul li:hover .mtag_nav{ display:block;}
.nav_div .en_ul li a{font-family: "Helvetica Condensed";}




.footer_div{ width:100%; min-width:1200px; height:105px; overflow:hidden; clear:both; background:#666;}
.footer_div .footer{ width:1200px; height:105px; overflow:hidden; margin:0px auto; background:url(browse.php?u=Oi8vd3d3LmRkenhtbS5jb20vcHVibGljL0hvbWUvaW1hZ2VzL2xvZ28tZm9vdC5wbmc%3D&b=29) no-repeat right center; text-transform:uppercase;position: relative;}
.footer_div .left{ float:left; margin-top:30px; color:#ccc;}
.footer_div .left .text a,.footer_div .left .nav a{ color:#ccc; text-transform:uppercase;}
.footer_div .left .text{ font-size:12px; margin-top:15px;}
.footer_div .gswj{position: absolute;right:80px;top:30px;}

.fix_box{ width:200px; height:160px; position:fixed; right:0; bottom:105px; background:#fafafa; display:none;}
.fix_box .topic{ width:200px; height:40px; background:#666; text-align:center; line-height:40px; color:#fff;}
.fix_box .qq{ display:block; color:#444; font-family:Arial; width:200px; height:40px; line-height:40px; background:#f0f0f0 url(browse.php?u=Oi8vd3d3LmRkenhtbS5jb20vcHVibGljL0hvbWUvaW1hZ2VzL2ZpeC1xcS5wbmc%3D&b=29) no-repeat 40px center; text-align:center;}
.fix_box .tel{ text-transform:uppercase; color:#444; margin-top:12px; background:url(browse.php?u=Oi8vd3d3LmRkenhtbS5jb20vcHVibGljL0hvbWUvaW1hZ2VzL2ZpeC10ZWwucG5n&b=29) no-repeat 44px 0; width:200px; height:30px; padding-top:32px; text-align:center;}
.fix_box .close{ position:absolute; top:13px; right:15px; cursor:pointer;}
/* 内页 */
.in-banner{ display:block; width:100%; height:210px; min-width:1200px; overflow:hidden; clear: both;}

.middle_main{ width:1200px; height:auto; min-height:360px; min-width:1200px; margin:20px auto; overflow:hidden; clear:both;}
.middle_main .middle_left{ width:150px; height:auto; float:left; overflow:hidden; margin-left:20px;}
.middle_main .middle_left .type_list{width:150px; height:auto; overflow:hidden; padding:20px 0; margin-top:10px;}
.middle_main .middle_left .type_list dd{ width:150px; line-height:30px; overflow:hidden;}
.middle_main .middle_left .type_list a{ color:#444; font-size:14px;text-transform:uppercase;}
.middle_main .middle_left .type_list a:hover,.middle_main .middle_left .type_list a.hover{ color:#2abbb7; font-weight:bold;}
.middle_main .middle-right{ width:1010px; height:auto; float:right; overflow:hidden;}
.middle_main .about_title{ font-size:24px; color:#000;text-transform:uppercase;}
.middle_main .middle-right .right-content{ width:1010px; height:auto; overflow:hidden; margin:10px 0;}
.middle_main .middle-right .right-content img,.middle_main .middle-right .right-content table{ max-width:1010px;}

.support_list{ width:1010px; height:auto;}
.support_list li{ background: url(browse.php?u=Oi8vd3d3LmRkenhtbS5jb20vcHVibGljL0hvbWUvaW1hZ2VzL2RvdC5wbmc%3D&b=29) no-repeat left center; background-size:4px 4px; width:1000px; margin:0px auto; height:35px; line-height:35px; display:block; cursor:pointer;}
.support_list li a{ display:block; float:left;width:800px; height:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-left:10px; font-size:15px; color:#444;}
.support_list li span{ float:left; margin-left:20px; color:#888;font-size:13px;}
.support_list li:hover a,.support_list li:hover span{ color:#2abbb7;}

.article_box{ width:1200px; height:auto; overflow:hidden;}
.article_box .column{ float:left; width:1200px; line-height:28px; color:#2abbb7;}
.article_box .title{ width:1200px; line-height:45px; text-align:center; height:45px; color:#444; font-size:28px;text-transform:uppercase;}
.article_box .content{ width:1200px; height:auto; overflow:hidden; margin-top:30px;}

.pro_box{ width:1200px; height:auto; overflow:hidden; margin-bottom:30px;}
.pro_box .ctag_box{ width:1200px; height:50px; overflow:hidden; font-size:28px; color:#444;}
.pro_box .list_box{ width:1200px; height:auto; overflow:hidden;}
.pro_box .list_box a{ display:block; float:left; background:url(browse.php?u=Oi8vd3d3LmRkenhtbS5jb20vcHVibGljL0hvbWUvaW1hZ2VzL2RvdC5wbmc%3D&b=29) no-repeat left center; background-size:3px 3px; width:370px; padding-left:10px; margin-left:20px; height:30px; line-height:30px; color:#444; font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.pro_box .list_box a:hover{color:#2abbb7;}

.pro_item .middle_left{ float:right; width:240px;}
.pro_item .item_box{width:240px; height:auto; overflow:hidden; margin-bottom:20px;}
.pro_item .item_box .ctag{ width:240px; height:30px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:18px; color:#2abbb7;text-transform:uppercase;}
.pro_item .item_box .list{ width:240px;}
.pro_item .item_box .list a{ display:block; background:url(browse.php?u=Oi8vd3d3LmRkenhtbS5jb20vcHVibGljL0hvbWUvaW1hZ2VzL2RvdC5wbmc%3D&b=29) no-repeat left center; background-size:3px 3px; width:230px; padding-left:10px; height:30px; line-height:30px; color:#444; font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.pro_item .item_box .list a.hover,.pro_item .item_box .list a:hover{color:#da0000;}
.pro_item .middle-right{ float:left; width:940px;}
.pro_item .middle-right .right-content{ width:940px;}

.inside-time{ width:1200px; text-align:center; height:30px; margin-top:30px; color:#777;}