@charset "utf-8";

body{ color:#000; background:#fff;}

@font-face {
    font-family: 'baskoldface';
    src: url('../images/fonts/baskoldface-webfont.eot');
    src: url('../images/fonts/baskoldface-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/baskoldface-webfont.woff2') format('woff2'),
         url('../images/fonts/baskoldface-webfont.woff') format('woff'),
         url('../images/fonts/baskoldface-webfont.ttf') format('truetype'),
         url('../images/fonts/baskoldface-webfont.svg#baskoldface') format('svg');
    font-weight: normal;
    font-style: normal;
}

.yahei{ font-family:'Microsoft YaHei';}


.top-box,.banner-box,.main-box,.sub-box,.footer-box{ margin:0 auto; min-width:1000px; width:100% !important; _width:100%;}


.top-box{ position:relative; z-index:10; border-top:10px solid #cf0000;}
.top-box,.top-box .area{ height:90px;}
.top-box .logo{ position:absolute; top:25px; left:0;}
.top-link{ position:absolute; top:-10px; right:0; width:150px; height:25px; line-height:25px; overflow:hidden; text-align:center; color:#fff; background:url(../images/top-link.gif) no-repeat;}
.top-link a{ color:#fff;}
.top-link a:hover{ text-decoration:underline;}

/* nav-box */
.nav-box{ float:right; display:inline; padding-top:22px; width:540px;}

.m-nav{ position:relative; zoom:1;}
.m-nav a{ font-family:'Microsoft YaHei';}
.m-nav .fir-ul{font-size:0;}
.m-nav .fir-ul .fir-li{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:top;text-align:center; background:url(../images/nav-line.gif) left center no-repeat;}
.m-nav .fir-ul .first{ background:none;}
.m-nav .fir-ul .u-a{position:relative;zoom:1;display:block;margin-left:2px;height:68px;line-height:68px;overflow:hidden;font-size:16px;font-weight:bold;}
.m-nav .fir-ul .u-a i{ position:absolute; bottom:0; left:0; width:100%; height:5px; overflow:hidden;}
.m-nav .fir-ul .current .u-a i,
.m-nav .fir-ul .hover .u-a i{ background:#cf0000;}

.m-nav .sec-ul{position:absolute;z-index:1;top:68px;left:0;width:100%;}
.m-nav .sec-ul li{ margin-left:2px;background:#fff;}
.m-nav .sec-ul li a{ display:block;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;text-align:center;color:#333;}
.m-nav .sec-ul li.hover a{ text-decoration:underline;}


/* 竖向子导航 */
.m-nav .nav-y .sec-ul{display:none;}

/* banner-box */
.banner-box{ position:relative;z-index:1;}
.m-focus{position:relative;zoom:1;width:100%;}
.m-focus .switchable-box{ position:relative;zoom:1;width:100%;height:500px;overflow:hidden;}
.m-focus .switchable-content li{width:100%;height:500px;text-align:center;}
.m-focus .switchable-content li img{visibility:hidden;}
.m-focus .switchable-content li a{ display:block; height:500px;}
.m-focus .switchable-nav{position:absolute;bottom:12px;left:50%;margin-left:-460px;width:920px;text-align:right;z-index:50;}
.m-focus .switchable-nav,.m-focus .switchable-nav ol{ height:17px;}
.m-focus .switchable-nav li{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:0 21px;width:17px;height:0;overflow:hidden;padding-top:17px;background:url(../images/switchable-nav-btn.png) no-repeat;cursor:pointer;}
.m-focus .switchable-nav li.active{ background:url(../images/switchable-nav-current.png) no-repeat;}



.main-box{ position:relative; zoom:1; padding:50px 0  80px;}

.m-title-1{ height:54px; line-height:54px; }
.m-title-1 .title{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:top; padding-left:46px; font-size:30px; font-weight:normal; color:#cf0000;}
.m-title-1 .title .ico{ position:absolute; left:0; top:50%; margin-top:-13px; width:26px; height:26px; overflow:hidden; background:url(../images/title-ico.png) no-repeat;}

.m-title-2{ position:relative; zoom:1;}
.m-title-2 .more{ position:absolute; top:0; right:0; width:39px; height:13px; overflow:hidden; background:url(../images/more.gif) no-repeat;}
.m-title-2 .title{ padding-right:50px; font-weight:normal; padding-bottom:20px; background:url(../images/title-2-bg1.gif) 0 bottom no-repeat;}
.m-title-2 .title .en{ height:20px; line-height:20px; overflow:hidden; font-size:18px; font-family: 'baskoldface'; color:#cf0000;}
.m-title-2 .title .cn{ margin-top:2px; height:24px; line-height:22px; overflow:hidden; font-size:16px;}
.m-title-2 .title .cn span{ margin-left:12px; font-size:12px; font-family:'宋体'; color:#666;}

.m-news .m-title-2 .title,
.m-contact .m-title-2 .title{ background:url(../images/title-2-bg2.gif) 0 bottom no-repeat;}


.m-process{}
.m-process .pic-box{ width:520px;}
.m-process .pic-box li{ position:relative; zoom:1; float:left; display:inline; width:250px; margin:10px 10px 0 0;}
.m-process .pic-box .num{ position:absolute; top:0; left:0; padding-right:22px; width:28px; height:50px; line-height:32px; overflow:hidden; font-size:20px; font-family:'Microsoft YaHei'; font-weight:bold; text-align:center; color:#3c0000; background:url(../images/process-pic-num.png) no-repeat;}
.m-process .pic-box .u-img{ width:250px; height:250px; overflow:hidden;}

.m-process .text-box{ width:470px; font-family:'Microsoft YaHei';}
.m-process .text-box li{ position:relative; zoom:1; padding:30px 0; padding-left:160px;}
.m-process .text-box h4{ line-height:38px; font-size:24px;}
.m-process .text-box p{ line-height:24px; font-size:14px;}
.m-process .text-box .num{ position:absolute; left:0; top:50%; margin-top:-33px; width:130px; height:66px; overflow:hidden; background:url(../images/process-text-num.gif) no-repeat;}
.m-process .text-box li.li-2,
.m-process .text-box li.li-4{ padding-left:0; padding-right:160px;}
.m-process .text-box li.li-1 .num{ background-position:0 0;}
.m-process .text-box li.li-2 .num{ background-position:0 -76px;}
.m-process .text-box li.li-3 .num{ background-position:0 -152px;}
.m-process .text-box li.li-4 .num{ background-position:0 -228px;}
.m-process .text-box li.li-2 .num,
.m-process .text-box li.li-4 .num{ left:auto; right:0;}


.m-imgNav{ margin-top:80px; font-family:'Microsoft YaHei';}
.m-imgNav li{ padding-top:20px;}
.m-imgNav .u-box{ display:block;}
.m-imgNav .u-con{ float:left; display:inline; padding:12px 50px 0; width:360px;}
.m-imgNav .u-con h4{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:top; padding-right:56px; height:114px; line-height:114px; overflow:hidden; font-size:36px; font-weight:normal;}
.m-imgNav .u-con h4,.m-imgNav .u-con h4 a{ color:#cf0000;}
.m-imgNav .u-con h4 a:hover{ text-decoration:underline;}
.m-imgNav .u-con h4 .ico{ position:absolute; top:50%; right:0; margin-top:-13px; width:26px; height:26px; overflow:hidden; background:url(../images/title-ico.png) no-repeat;}
.m-imgNav .u-con p{ line-height:24px; font-size:14px; text-indent:2em;}
.m-imgNav .u-img{ position:relative; zoom:1; float:right; display:inline; width:540px; height:250px; overflow:hidden;}
.m-imgNav .u-img .ico{ position:absolute; z-index:1; top:50%; left:0; margin-top:-25px; width:25px; height:50px; overflow:hidden; background:url(../images/navImg-ico.png) no-repeat;}

.m-imgNav li.li-2 .u-con{ float:right;}
.m-imgNav li.li-2 .u-img{ float:left;}
.m-imgNav li.li-2 .u-img .ico{ left:auto; right:0; background-position:-35px 0;}

.m-imgNav .mask{ display:none; position:absolute; top:0; left:0; width:540px; height:250px; line-height:250px; font-size:24px; text-align:center; color:#fff; background:url(../images/pngbg-black-60.png) repeat;}



.m-about{ margin-top:100px; padding:32px 0; background:#f1f1f1;}

.m-about .con-box{ width:440px;}
.m-about .con-box .u-con{ height:168px; line-height:24px; overflow:hidden; color:#333;}
.m-about .con-box .u-con a{ color:#cf0000;}
.m-about .con-box .u-con a:hover{ text-decoration:underline;}

.m-about .img-box{ position:relative; zoom:1; overflow:hidden; width:540px;}
.m-about .img-box ul{ margin-left:-12px;}
.m-about .img-box li{ float:left; display:inline; margin-left:12px;}
.m-about .img-box .u-img{ position:relative; zoom:1; display:block; width:172px; height:227px; overflow:hidden;}
.m-about .img-box .u-name{ position:absolute; bottom:0; left:0; width:100%; height:42px; line-height:42px; overflow:hidden; font-size:14px; font-family:'Microsoft YaHei'; text-align:center; color:#fff; background:url(../images/pngbg-black-50.png) repeat;}


.m-news{ width:500px;}
.m-news a:hover{ color:#cf0000;}

.m-news li{ padding:10px 0; border-bottom:1px dashed #999;}
.m-news .u-img{ float:left; display:inline; margin:3px 20px 0 0; width:64px; height:40px; overflow:hidden;}
.m-news .u-name{ height:24px; line-height:24px; overflow:hidden; font-family:'宋体'; font-weight:normal;}
.m-news .u-time{ margin-left:6px; font-size:12px; color:#666;}
.m-news .u-con{ height:22px; line-height:22px; overflow:hidden; color:#a4a4a4;}
.m-news .u-con a{ color:#cf0000;}
.m-news .u-con a:hover{ text-decoration:underline;}

.sub-box .m-news{ padding:12px 20px 10px; width:auto;}
.sub-box .m-news li{ padding:12px 0; border-color:#d6d6d6;}



.m-contact{ width:480px;}
.m-contact .u-con h2{ padding:5px 0; line-height:30px; font-size:18px; font-weight:normal; color:#131230;}
.m-contact .u-con .map{ margin:6px 0 0 10px;}
.m-contact .u-con .tel h4{ line-height:22px; font-size:14px; font-family:'Microsoft YaHei'; font-weight:normal;}
.m-contact .u-con .tel p{ line-height:40px; font-size:28px; font-family:'Microsoft YaHei'; color:#dd3233;}
.m-contact .u-con .list{ margin-top:12px; line-height:22px;}
.m-contact .u-con .list li{ position:relative; zoom:1; padding-left:20px;}
.m-contact .u-con .list .ico{ position:absolute; top:0; left:0; width:15px; height:22px; overflow:hidden; background:url(../images/contact-ico.gif) no-repeat;}
.m-contact .u-con .list .li-1 .ico{ background-position:0 0;}
.m-contact .u-con .list .li-2 .ico{ background-position:0 -22px;}
.m-contact .u-con .list .li-3 .ico{ background-position:0 -44px;}
.m-contact .u-con .list .li-4 .ico{ background-position:0 -66px;}

.sub-box .m-contact{ margin-top:20px; width:auto;}
.sub-box .m-contact .u-con{ padding:20px;}
.sub-box .m-contact .u-con .list{ margin-top:6px; color:#333;}


.m-links{ font-size:14px; color:#333; border:1px solid #e1e8ed; background:#f1f1f1;}
.m-links .u-con{ margin-right:200px; padding:4px 0; line-height:24px;}
.m-links .u-con a{ margin:0 6px; font-size:12px; color:#666;}
.m-links .u-con a:hover{ color:#cf0000;}
.m-links .u-share{ position:absolute; top:50%; right:0; margin-top:-14px;}
.m-links .u-share a{ transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;}

.m-footer{ background:url(../images/footer-bg.gif) center repeat;}
.m-footer,.m-footer a{ color:#fff;}
.m-footer a:hover{ text-decoration:underline;}

.footer-tel{ margin-left:20px; padding:20px 0; width:250px; font-family:'Microsoft YaHei';}
.footer-tel .tel-bg{ padding:70px 0 0; background:url(../images/footer-tel.png) right top no-repeat;}
.footer-tel h4{ line-height:24px; font-size:14px; font-weight:normal;}
.footer-tel p{ line-height:34px; font-size:24px; font-weight:bold;}


.footer-link{ padding-top:36px;}
.footer-text{ padding:14px 0 36px;}


.sub-box{ position:relative; zoom:1; padding:20px 0 45px;}
.sub-box .left-column{float:left; display:inline; width:250px;}
.sub-box .right-column{float:right; display:inline; width:730px;}


.sub-title{ padding:0 20px 0 45px; height:30px; line-height:30px; overflow:hidden; background:#cf0000 url(../images/sub-title-ico.gif) 20px center no-repeat;}
.sub-title h2{ font-size:16px; font-weight:normal; color:#fff;}

.sub-boxLine{ border:1px solid #eee; border-top:none;}

.m-leftmenu{ padding:3px 20px;}
.m-leftmenu a:hover{ color:#cf0000;}
.m-leftmenu h4{ height:30px; line-height:30px; overflow:hidden; font-family:'宋体'; font-weight:normal; border-top:1px dashed #d6d6d6;}
.m-leftmenu h4.first{ border:none;}
.m-leftmenu h4 a{ position:relative; zoom:1; display:block; padding:0 34px 0 25px; background:url(../images/menu-ico.gif) 0 center no-repeat;}
.m-leftmenu h4 i{ position:absolute; top:8px; right:0; width:14px; height:14px; overflow:hidden; background:url(../images/menu-arr.gif) no-repeat;}
.m-leftmenu h4.current i,
.m-leftmenu h4.hover i{ background-image:url(../images/menu-arr-current.gif);}

.m-leftmenu ul{display:none; padding:5px 0;}
.m-leftmenu li{ padding-left:50px;height:24px;line-height:24px; font-size:14px;}


.m-sub .m-current{ float:right; display:inline;}
.m-sub .m-current,.m-sub .m-current a{ color:#fff;}
.m-sub .m-current a:hover{ text-decoration:underline;}

.m-sub .m-content{ min-height:500px; _height:500px; line-height:30px;}

.sub-product{ position:relative; zoom:1; overflow:hidden; padding:16px 6px 0;}
.sub-product ul{}
.sub-product li{ float:left; display:inline; margin:10px 10px 0;}
.sub-product .u-img{ display:block; width:155px; height:100px; overflow:hidden; margin:1px; border:1px solid #ccc; transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;}
.sub-product .u-img:hover{ margin:0; border:2px solid #cf0000;}
.sub-product .u-name{ height:30px; line-height:30px; overflow:hidden; font-size:14px; text-align:center;}
.sub-product a:hover{ color:#cf0000;}


.pro-detail{ padding:20px; font-family:'Microsoft YaHei';}
.pro-detail h1{line-height:36px;font-size:24px;font-weight:normal;text-align:center;}
.pro-detail .detail-time,.pro-detail .detail-user{text-align:center;color:#999;font-size:12px;line-height:24px; padding-bottom:20px;}
.pro-detail .detail-img{position:relative;zoom:1;overflow:hidden;text-align:center;}
.pro-detail .detail-img img{max-width:688px;_width: expression((documentElement.clientWidth < 688) ? "" : "688px" );}

.pro-detail .detail-img .debtn-prev,.pro-detail .detail-img .debtn-next{position:absolute;top:50%;margin-top:-44px;display:block;width:54px;height:87px;background:url(../images/ad/ad-debtn.gif) no-repeat;z-index:11;filter:alpha(opacity=30);opacity: 0.3;-moz-opacity:0.3;-khtml-opacity: 0.3;}
.pro-detail .detail-img .debtn-prev:hover,.pro-detail .detail-img .debtn-next:hover{filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}
.pro-detail .detail-img .debtn-prev{left:0;background-position:left 0;}
.pro-detail .detail-img .debtn-next{right:0;background-position:right 0;}
.pro-detail .detail-con{padding:20px 0;line-height:30px;font-size:14px;}
.pro-detail .detail-con img{max-width:688px;_width: expression((documentElement.clientWidth < 688) ? "" : "688px" );}
.pro-detail .detail-page{border-top:1px solid #eee;}
.pro-detail .detail-page .page-text{width:48%;height:48px;line-height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#666;}
.pro-detail .detail-page .page-text a{color:#666;}
.pro-detail .detail-page .page-text a:hover{color:#cf0000;}
.pro-detail .detail-page .f-fr{text-align:right;}


.news-detail{ padding:20px; font-family:'Microsoft YaHei';}
.news-detail h1{line-height:36px;font-size:24px;font-weight:normal;text-align:center;}
.news-detail .detail-time,.news-detail .detail-user{text-align:center;color:#999;font-size:12px;line-height:24px; padding-bottom:20px;}
.news-detail .detail-img{text-align:center;}
.news-detail .detail-con{padding:20px 0;line-height:30px;font-size:14px;}
.news-detail .detail-img img,
.news-detail .detail-con img{max-width:688px;_width: expression((documentElement.clientWidth < 688) ? "" : "688px" );}
.news-detail .detail-page{border-top:1px solid #eee;}
.news-detail .detail-page .page-text{width:48%;height:48px;line-height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#666;}
.news-detail .detail-page .page-text a{color:#666;}
.news-detail .detail-page .page-text a:hover{color:#cf0000;}
.news-detail .detail-page .f-fr{text-align:right;}


/******************** sub-content ********************/
.sub-content{ padding:20px; line-height:30px; font-family:'Microsoft YaHei';}
.sub-content img{max-width:688px;_width: expression((documentElement.clientWidth < 688) ? "" : "688px" );}
.sub-content .f-fl{ margin:0 0 10px 10px; width:auto;}
.sub-content h1{line-height:36px;font-size:24px;font-weight:normal;text-align:center; padding-bottom:20px;}
.sub-content p{line-height:30px;font-size:14px;}
.sub-content #platform img{max-width:none;_width: none;}


/******************** sub-message ********************/
.sub-message{padding:40px;}
.sub-message .m-textimg{font-size:14px;margin-bottom:20px;line-height:24px;}
.sub-message .m-textimg img{float:left;margin-right:15px;}
.sub-message i{font-style:normal;display:inline-block;*display:inline;*zoom:1;padding-right:5px;color:#F00}
.sub-message .m-tage{padding:5px 0;}
.sub-message .m-form{padding:10px;margin-bottom:10px;}
.sub-message table{width:100%;}
.sub-message .m-form table td{padding:7px 0;}
.sub-message label{display:inline-block;width:80px;height:30px;line-height:30px;text-align:right;position:relative;}
.sub-message .m-form table input{width:60%;height:28px;line-height:28px;padding-left:5px;vertical-align:top;}
.sub-message .m-form .td-textarea{vertical-align: middle;width:60%;}
.sub-message .m-form .td-textarea label{float:left;}
.sub-message .m-form .td-textarea textarea{width:70%;height:168px;padding:5px; vertical-align:middle;}
.sub-message .m-submit{text-align:right;vertical-align: top;}
.sub-message .m-submit img{margin-left:5px;vertical-align:top;}
.sub-message .m-submit .btn{width:80px;height:28px;line-height:24px;margin:0;margin-left:5px;border:none;font-family:"microsoft yahei";cursor:pointer;font-size:14px;}
.sub-message .m-submit .btn:hover{filter:alpha(opacity=90);opacity: 0.9;-moz-opacity:0.9;-khtml-opacity: 0.9;}
.sub-message .m-submit input{vertical-align:top;height:24px;line-height:24px;margin:0;width:80px;cursor:auto;padding-left:5px;}
.sub-message .m-submit input,
.sub-message .m-form table input,
.sub-message .m-form .td-textarea textarea{border:1px solid #E1E1E1;background:#FFF;font-family:"microsoft yahei";}
.sub-message .m-form{border:1px solid #e0e0e0;background:#f9f9f9;}
.sub-message .m-submit .btn{color:#fff;background:#cf0000;}