@charset "utf-8";

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

.yahei{ font-family:'Microsoft YaHei';}
.tip-box,.top-box,.nav-box,.banner-box,.main-box,.sub-box,.brands-box,.footer-box,.flash-box{ margin:0 auto; min-width:1138px; width:100% !important; _width:100%;}


.tip-box{ height:36px; line-height:36px; background:#062954;}
.tip-language{ float:right; display:inline; color:#fff;}
.tip-language a{ display:inline-block; *display:inline; zoom:1; vertical-align:top; color:#fff;}
.tip-language a:hover{ text-decoration:underline;}
.tip-language i{ display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:15px 0 0 5px; width:0; height:0; overflow:hidden; border-width:4px 3px; border-style:solid; border-color: transparent transparent transparent #fff;}

.tip-weixin{ position:relative; zoom:1; float:right; display:inline; margin:6px 20px 0 0;}
.tip-weixin .ico{ display:block; width:23px; height:23px; overflow:hidden; background:url(../images/weixin-ico.gif) no-repeat; cursor:pointer;}
.tip-weixin .erwei{ display:none; position:absolute; z-index:50; top:23px; left:50%; margin-left:-52px; width:105px; background:url(../images/tip-erwei.gif) 0 2px no-repeat;}
.tip-weixin .erwei img{ width:97px; margin:10px 4px 4px;}


.top-box,.top-box .area{ height:84px;}
.top-box .logo{ position:absolute; top:16px; left:0;}
.top-search{ position:absolute; top:22px; right:0; height:34px; border:1px solid #e5e5d5;}
.top-search input{ height:34px; line-height:34px; border:0 none; background:none; vertical-align:top;}
.top-search .u-text{ padding:0 5px; width:132px;}
.top-search .u-btn{ width:36px; background:url(../images/search-ico.gif) center no-repeat; cursor:pointer;}


/******************** nav-box ********************/
.nav-box{ position:relative; z-index:10; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#f5f5f5;}

/* m-nav */
.m-nav{ height:58px;}
.m-nav a:hover{text-decoration:none;}
.m-nav .fir-ul{position:relative;height:58px;font-size:0;}
.m-nav .fir-ul .fir-li{position:relative;display:inline-block;*display:inline;*zoom:1;z-index:9;text-align:center;}
.m-nav .fir-ul .first{ background:none;}
.m-nav .fir-ul .u-a{ display:block;height:58px;line-height:58px;overflow:hidden;font-size:18px;color:#000;}
.m-nav .fir-ul .hover .u-a,
.m-nav .fir-ul .current .u-a{ padding-right:10%; background:#fff url(../images/nav-hover.gif) 95% center no-repeat;}

.m-nav .sec-ul{position:absolute;top:58px;left:0;width:100%;}
.m-nav .sec-ul li{ background:#f2f2f2; padding:1px;}
.m-nav .sec-ul li a{ display:block; padding:6px 0;line-height:18px;overflow:hidden;font-size:12px;text-align:center;}
.m-nav .sec-ul li.hover a{ background:#fff;}
/*竖向子导航*/
.m-nav .nav-y .sec-ul{display:none;}
.m-nav .nav-y .sec-ul li a{display:block;}



/******************** banner-box ********************/
.banner-box{ position:relative; zoom:1; height:770px;}
.m-focus{position:relative;z-index:1;width:100%;height:770px;overflow:hidden;}
.m-focus .switchable-box{width:100%;height:770px;}
.m-focus .switchable-content li{width:100%;height:770px;text-align:center;}
.m-focus .switchable-content li img{visibility:hidden;}
.m-focus .switchable-content li a{ display:block; height:770px;}
.m-focus .switchable-nav {position:absolute;bottom:22px;left:0; width:100%; text-align:center;z-index:50;}
.m-focus .switchable-nav,.m-focus .switchable-nav ol{ height:11px;}
.m-focus .switchable-nav li{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:0 4px;width:19px;height:0;overflow:hidden;padding-top:19px;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;}


.m-video{ position:absolute; z-index:20; top:244px; left:50%; margin-left:-569px; background:url(../images/video-bg.png) repeat-y; padding:3px;}

.sub-banner,
.sub-banner .m-focus,
.sub-banner .m-focus .switchable-box,
.sub-banner .m-focus .switchable-content li,
.sub-banner .m-focus .switchable-content li a{ height:484px;}
.sub-banner .m-focus .switchable-nav{ display:none;}

.advantage-banner,
.advantage-banner .m-focus,
.advantage-banner .m-focus .switchable-box,
.advantage-banner .m-focus .switchable-content li,
.advantage-banner .m-focus .switchable-content li a{ height:507px;}
.advantage-banner .m-focus .switchable-nav{ display:none;}
.advantage-banner .advantage-mask{ position:absolute; z-index:20; bottom:0; left:0; height:23px; margin:0 auto; min-width:1138px; width:100% !important; _width:100%; background:url(../images/advantage-mask.png) center 0 repeat-x;}

.hr-banner,
.hr-banner .m-focus,
.hr-banner .m-focus .switchable-box,
.hr-banner .m-focus .switchable-content li,
.hr-banner .m-focus .switchable-content li a{ height:582px;}
.hr-banner .m-focus .switchable-nav{ display:none;}




/******************** main-box ********************/
.main-box{ padding-bottom:50px;}

.product-box{ padding:30px 0 70px; background:#f3f3f3;}
.product-box .title{ width:1000px; margin:0 auto; text-align:center; background:url(../images/line-x.gif) center 21px repeat-x;}
.product-box .title h2{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:0 130px; height:42px; line-height:42px; overflow:hidden; font-size:30px; color:#062954; background:#f3f3f3;}
.product-box .title p{ line-height:26px; font-size:16px;}

.m-product{ margin-top:30px; position:relative; zoom:1;}
.m-product .box-hidden{ position:relative; zoom:1; overflow:hidden;}
.m-product .box{ margin:0 -7px;}
.m-product li{ float:left; display:inline; margin:0 8px; position:relative; zoom:1; width:368px; height:220px; overflow:hidden;}
.m-product .u-img{ display: block; width:368px; height:220px; overflow:hidden;}
.m-product .u-box{ position:absolute; top:-220px; left:0; padding:50px 25px 0; width:318px; height:170px; overflow:hidden; text-align:center; color:#fff; background:url(../images/pngbg-blue-70.png) repeat;}
.m-product .u-box .name{ height:30px; line-height:30px; overflow:hidden; font-size:20px; font-weight:normal;}
.m-product .u-box .con{ height:48px; line-height:24px; overflow:hidden;}
.m-product .u-box .more,.m-product .u-box .more a{ color:#feae00;}
.m-product .u-box .more a:hover{ text-decoration:underline;}
.m-product .u-box .ico{ margin:24px auto 0; display:block; width:23px; height:23px; overflow:hidden; background:url(../images/product-arr.png) no-repeat;}

.m-product .u-prev,
.m-product .u-next{position:absolute;top:50%;margin-top:-36px;padding-top:73px;width:37px;height:0;overflow:hidden;background:url(../images/product-btn.gif) no-repeat;}
.m-product .u-prev{left:-67px; background-position:left top;}
.m-product .u-next{right:-67px; background-position:right top;}
.m-product .u-prev:hover{background-position:left bottom;}
.m-product .u-next:hover{background-position:right bottom;}

.m-about{ margin-top:25px;}
.m-about .title{ height:90px; line-height:90px; overflow:hidden;}
.m-about .title h2{ font-size:25px; color:#062954;}
.m-about .title h2 span{ margin:33px 0 0 10px; padding-left:10px; display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:15px; height:25px; line-height:25px; overflow:hidden; font-weight:normal; color:#333; border-left:1px solid #adadad;}

.m-about .title .more{ margin-top:37px; float:right; display:inline; width:64px; height:16px; overflow:hidden; background:url(../images/more-bg.gif) no-repeat;}
.m-about .title .link{ margin:29px 32px 0 0; float:right; display:inline;}
.m-about .title .link li{ float:left; display:inline; padding:0 16px 0 17px; height:32px; line-height:32px; background:url(../images/line-dotted.gif) 0 center no-repeat;}
.m-about .title .link li.first{ padding:0 16px; background:none;}
.m-about .title .link a{ display:block; padding:0 25px; font-size:14px; font-weight:bold; text-align:center; color:#fff; background:#062954;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.m-about .title .link a:hover{ background:#ffae00;}

.m-about .u-img{ float:left; display:inline; padding:15px 8px; width:357px; height:209px; overflow:hidden; background:url(../images/about-imgbg.gif) no-repeat;}
.m-about .content-box{ float:right; display:inline; width:740px;}
.m-about .content-box .vertical .slyWrap{width:740px;}
.m-about .content-box .vertical .scrollbar{position:absolute;top:15px;right:0;width:5px;height:209px;background:#ededed;}
.m-about .content-box .vertical .scrollbar .handle{cursor:pointer;line-height:0;width:5px;background:#747474;}
.m-about .content-box .vertical .example{position:relative;}
.m-about .content-box .vertical .example .sly{width:740px; height:239px; overflow:hidden;}
.m-about .content-box .vertical .example .sly-border{ width:740px;}
.m-about .u-con{ padding:4px 40px 4px 0; line-height:33px; font-size:13px;}


.m-main .top-line{ margin-top:70px; padding-top:30px; border-top:1px dotted #ddd;}


.news-box{ float:left; display:inline; width:590px;}
.news-box .title{ height:90px; line-height:90px; overflow:hidden;}
.news-box .title h2{ font-size:25px; color:#062954;}
.news-box .title h2 span{ margin:33px 0 0 10px; padding-left:10px; display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:15px; height:25px; line-height:25px; overflow:hidden; font-weight:normal; color:#333; border-left:1px solid #adadad;}

.m-news{ padding:10px 0 8px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
.m-news .u-img{ float:left; display:inline; width:180px; height:124px; overflow:hidden; padding:11px 6px 10px 7px; background:url(../images/news-imgbg.gif) no-repeat;}


.m-news-list{position:relative;zoom:1;float:right;display:inline; margin-top:3px;width:390px;height:140px;}
.m-news-list li{ height:28px; line-height:28px; overflow:hidden; font-size:13px;}
.m-news-list li i{ display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:11px 16px 0 0; width:6px; height:6px; overflow:hidden; background:#ffae00;}
.m-news-list li a:hover{ color:#ffae00;}

.m-news-btn{ position:relative; zoom:1; float:right; display:inline; margin-top:48px; padding:0 16px; overflow:hidden;}
.m-news-btn .u-btn{ padding:2px 0 1px; height:7px; overflow:hidden;}
.m-news-btn .u-btn a{ margin:0 4px; display:inline-block; *display:inline; zoom:1; vertical-align:top; width:7px; height:0; overflow:hidden; padding-top:7px; background:url(../images/news-btn.gif) no-repeat;}
.m-news-btn .u-btn a.selected{ background-position:-12px 0;}
.m-news-btn .u-prev,
.m-news-btn .u-next{ position:absolute; top:0; width:0; height:0; overflow:hidden; border-width:5px 6px; border-style:solid;}
.m-news-btn .u-prev{ left:-6px; border-color: transparent #000 transparent transparent;}
.m-news-btn .u-next{ right:-6px; border-color: transparent transparent transparent #000;}
.m-news-btn .u-prev:hover{ border-color: transparent #feae00 transparent transparent;}
.m-news-btn .u-next:hover{ border-color: transparent transparent transparent #feae00;}


.m-icoMenu{ float:right; display:inline; width:490px; padding-top:24px;}
.m-icoMenu .title h2{ height:45px; line-height:45px; overflow:hidden; font-size:35px; color:#062954;}
.m-icoMenu .title p{ height:25px; line-height:25px; overflow:hidden; font-size:15px;}
.m-icoMenu .u-list{ position:relative; zoom:1; margin-top:15px;}
.m-icoMenu .u-list li{ position:absolute; text-align:center; background:#062954;}
.m-icoMenu .u-list li.hover{ background:#ffae00; font-size:15px;}
.m-icoMenu .u-list li a{ position:relative; zoom:1; display:block; color:#fff;}

.m-icoMenu .u-list .li-1{ left:0; top:0; width:130px; height:100px;}
.m-icoMenu .u-list .li-2{ left:0; top:105px; width:130px; height:100px;}
.m-icoMenu .u-list .li-3{ left:135px; top:0; width:133px; height:133px;}
.m-icoMenu .u-list .li-4{ left:135px; top:138px; width:133px; height:68px;}
.m-icoMenu .u-list .li-5{ left:273px; top:0; width:217px; height:66px;}
.m-icoMenu .u-list .li-6{ left:273px; top:71px; width:106px; height:134px;}
.m-icoMenu .u-list .li-7{ left:384px; top:71px; width:106px; height:134px;}

.m-icoMenu .u-list i{ position:absolute; left:50%; margin-left:-20px; width:39px; height:37px; overflow:hidden; background:url(../images/icoMenu-ico.png) no-repeat;}
.m-icoMenu .u-list .li-1 i{ top:21px; background-position:0 0;}
.m-icoMenu .u-list .li-2 i{ top:21px; background-position:0 -37px;}
.m-icoMenu .u-list .li-3 i{ top:25px; background-position:0 -74px;}
.m-icoMenu .u-list .li-4 i{ top:7px; background-position:0 -111px;}
.m-icoMenu .u-list .li-5 i{ left:46px; top:50%; margin:-19px 0 0; background-position:0 -148px;}
.m-icoMenu .u-list .li-6 i{ top:33px; background-position:0 -185px;}
.m-icoMenu .u-list .li-7 i{ top:33px; background-position:0 -222px;}

.m-icoMenu .u-list p{ height:36px; line-height:36px; overflow:hidden;}
.m-icoMenu .u-list .li-1 p,
.m-icoMenu .u-list .li-2 p{ padding-top:58px;}
.m-icoMenu .u-list .li-3 p{ padding-top:66px;}
.m-icoMenu .u-list .li-4 p{ padding-top:44px; height:18px; line-height:18px;}
.m-icoMenu .u-list .li-5 p{ padding-left:102px; height:66px; line-height:66px; text-align:left;}
.m-icoMenu .u-list .li-6 p{ padding-top:75px;}
.m-icoMenu .u-list .li-7 p{ padding-top:75px;}

.en .m-icoMenu .u-list p{ height:auto; line-height:20px;}
.en .m-icoMenu .u-list .li-1 p,
.en .m-icoMenu .u-list .li-2 p{ padding-top:64px;}
.en .m-icoMenu .u-list .li-3 p{ padding:72px 10px 0;}
.en .m-icoMenu .u-list .li-4 p{ padding-top:44px; height:18px; line-height:18px;}
.en .m-icoMenu .u-list .li-5 p{ padding-left:102px; padding-top:13px; height:40px; line-height:20px; text-align:left;}
.en .m-icoMenu .u-list .li-6 p{ padding-top:75px;}
.en .m-icoMenu .u-list .li-7 p{ padding-top:75px;}



.en .m-icoMenu .u-list li.hover{ font-size:13px;}


.brands-box{ background:#ebebeb; padding:22px 0;}
.m-brands{ position:relative; zoom:1; height:70px; overflow:hidden;}
.m-brands .title{ float:left; display:inline; width:86px; height:70px; line-height:70px; overflow:hidden; font-size:20px; color:#414141;}
.brands-tab{ position:absolute; top:0; right:0; width:1040px;}
.m-brands .hideBox{top:70px;}

.m-brands-list{ position:relative; zoom:1; float:right; display:inline; padding:0 28px; width:984px;}
.m-brands-list li{ position:relative; zoom:1; float:left; display:inline; margin:0 5px;}
.m-brands-list .u-img{ display:block; width:152px; height:68px; overflow:hidden; border:1px solid #e5e5e5;}
.m-brands-list .u-box{ position:absolute; top:-70px; left:0; width:154px; height:70px; overflow:hidden; background:url(../images/pngbg-yellow-80.png) repeat;}
.m-brands-list .u-name{ margin-top:15px; height:40px; overflow:hidden;}
.m-brands-list .u-name td{ vertical-align:middle; padding:0 5px; height:40px; line-height:20px; text-align:center;}

.m-brands-list .u-prev,
.m-brands-list .u-next{ position:absolute; top:50%; margin-top:-15px; width:15px; height:29px; overflow:hidden; background:url(../images/brands-btn.gif) no-repeat;}
.m-brands-list .u-prev{ left:0; background-position:left 0;}
.m-brands-list .u-next{ right:0; background-position:right 0;}
.m-brands-list .u-prev:hover,
.m-brands-list .u-next:hover{filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;}


.footer-box{ background:#f5f5f5;}

.footer-contact{ padding:40px 0;}
.footer-contact li{ float:left; display:inline; width:325px; font-size:0; text-align:center; background:url(../images/footer-contact-line.gif) right 1px no-repeat;}
.footer-contact .li-1{ width:222px; text-align:left;}
.footer-contact .li-4{ width:266px; text-align:right; background:none;}
.footer-contact i,
.footer-contact p{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.footer-contact i{ margin-right:20px; background:url(../images/footer-contact-ico.png) no-repeat;}
.footer-contact .li-1 i{ margin-top:5px; width:30px; height:30px; background-position:0 0;}
.footer-contact .li-2 i{ margin-top:5px; width:39px; height:31px; background-position:0 -30px;}
.footer-contact .li-3 i{ margin-top:6px; width:44px; height:29px; background-position:0 -61px;}
.footer-contact p{ font-size:13px; text-align:center; line-height:20px;}

.footer-contact input{ margin-top:9px; border:0 none; background:none;}
.footer-contact .u-text{ padding:0 5px 0 24px; width:115px; height:23px; line-height:23px; overflow:hidden; background:url(../images/footer-contact-search.gif) no-repeat;}
.footer-contact .u-btn{ margin-left:20px; height:23px; cursor:pointer;}

.footer-text{ padding:32px 0; line-height:20px; border-top:1px solid #d8d8d8; text-align:center;}
.footer-text a:hover{ color:#ffae00;}


.fixedBtn{display:none;position:fixed;_position:absolute;bottom:100px;width:49px;height:108px;z-index:99;}
.fixedBtn .scrollTop{ margin-top:10px; display:block; width:49px; height:49px; background:url(../images/fixedBtn.png) 0 -49px no-repeat;}
.fixedBtn .scrollTop:hover{ background-position:-49px -49px;}

.fixed-weixin{ position:relative; zoom:1; width:49px; height:49px; cursor:pointer;}
.fixed-weixin .ico{ display:block; width:49px; height:49px; overflow:hidden; background:url(../images/fixedBtn.png) 0 0 no-repeat;}
.fixed-weixin .current{ background-position:-49px 0;}
.fixed-weixin .erwei{ display:none; position:absolute; bottom:49px; left:0; width:113px; padding-bottom:16px;}
.fixed-weixin .erwei .u-box{ position:relative; zoom:1; padding:8px 8px 0; text-align:center; background:#ffae00;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.fixed-weixin .erwei .u-box img{ width:97px; height:97px;}
.fixed-weixin .erwei .u-box p{ height:30px; line-height:30px; overflow:hidden; color:#fff;}
.fixed-weixin .erwei .u-box .arr{ position:absolute; left:18px; bottom:-12px; width:0; height:0; overflow:hidden; border-width:6px 6px; border-style:solid; border-color: #ffae00 transparent transparent transparent;}


.flash-box{ overflow:hidden;}




/******************** sub-box ********************/

.sub-about{ padding-top:75px;}
.sub-about img{max-width:1138px;_width: expression((documentElement.clientWidth < 1138) ? "auto" : "1138px" );}

.sub-about .title h2{ height:62px; line-height:62px; overflow:hidden; font-size:40px; color:#062954;}
.sub-about .title p{ line-height:42px; font-size:18px; color:#000;}

.about-con-1{ margin-top:28px; line-height:30px; font-size:13px; color:#666;}
.w540{ width:540px;}

.about-con-2{ margin-top:80px; padding-bottom:110px; border-bottom:1px solid #e4e4e4; line-height:30px; font-size:16px; text-align:center; color:#666;}
.about-con-3{ margin-top:40px; line-height:30px; font-size:16px; text-align:center; color:#666;}
.about-con-2 h4,
.about-con-3 h4{ line-height:80px; font-size:30px; font-weight:normal; color:#000;}

.about-contact{ padding:90px 0 70px; text-align:center;}
.about-contact h4{ line-height:34px; font-size:20px; font-weight:normal; color:#000;}
.about-contact p{ line-height:30px; font-size:14px; color:#666;}
.about-contact .btn{ display:block; margin:26px auto 0; width:114px; height:40px; line-height:40px; overflow:hidden; font-size:16px; color:#fff; background:#0057a8;}
.about-contact .btn:hover{ background:#feae00;}


.sub-proTab{ padding-top:50px;}
.sub-proTab{ position:relative; zoom:1; font-family:'Microsoft YaHei';}

.sub-proTab .area{ min-height:730px; _height:730px;}
.sub-proTab .tab-title{ position:absolute; z-index:10; top:0; left:0; padding:15px 0; width:65px; min-height:700px; _height:700px; text-align:center; background:#f5f5f5;}
.sub-proTab .tab-title dd{ position:relative; zoom:1; margin-right:-25px; padding-right:25px; height:70px; line-height:70px; overflow:hidden; font-size:18px; cursor:pointer;}
.sub-proTab .tab-title dd.current{ color:#fff; background:url(../images/sub-proTab-title.png) no-repeat;}
.sub-proTab .tab-con{ position:relative; zoom:1;}
.sub-proTab .tab-con dd{ display:none;}

.pro-con{ padding-left:170px;}
.pro-con h2{ line-height:48px; font-size:30px; font-weight:normal;}
.pro-con .u-con{ line-height:30px; font-size:16px;}
.pro-con .u-img{ margin-top:80px; text-align:center;}
.pro-con .u-img img{max-width:968px;_width: expression((documentElement.clientWidth < 968) ? "auto" : "968px" );}

.pro-link{ margin-top:50px; padding:30px 0 50px; border-top:1px dotted #919191;}
.pro-link h4,.pro-link .u-con{ line-height:30px;}
.pro-link h4{ padding:0 20px; font-size:20px; font-weight:normal;}
.pro-link .u-con{ margin-top:18px; line-height:30px; font-size:16px;}
.pro-link .u-con a{ margin:0 20px; display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.pro-link .u-con a:hover{ color:#f18200;}


.sub-contact{ padding:66px 0 0; background:url(../images/contact-bg.gif) center 0 repeat;}
.sub-contact .title{ text-align:center;}
.sub-contact .title h2{ line-height:72px; font-size:45px;}
.sub-contact .title i{ margin:12px 16px 0 0; display:inline-block; *display:inline; zoom:1; vertical-align:top; width:33px; height:49px; overflow:hidden; background:url(../images/contact-title.png) no-repeat;}
.sub-contact .title p{ line-height:48px; font-size:22px; color:#ccc;}
.sub-contact .u-list{ padding:70px 0 70px 360px;}
.sub-contact .u-list li{ margin-top:2px; line-height:45px; font-size:14px;}
.sub-contact .u-list i{ margin-right:20px; display:inline-block; *display:inline; zoom:1; vertical-align:top; width:48px; height:45px; background:url(../images/contact-ico.gif) no-repeat;}
.sub-contact .u-list .li-1 i,
.sub-contact .u-list .li-2 i{ background-position:0 0;}
.sub-contact .u-list .li-3 i{ background-position:0 -47px;}
.sub-contact .u-list .li-4 i{ background-position:0 -94px;}
.sub-contact .u-list .li-5 i{ background-position:0 -141px;}
.sub-contact .u-list .li-6 i{ background-position:0 -188px;}
.sub-contact .u-map{ margin:0 auto; min-width:1138px; width:100% !important; _width:100%;}


.sub-advantage{ padding:100px 0; font-size:0; text-align:center;}
.sub-advantage li{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:top; width:370px; height:220px; overflow:hidden; margin:8px 4px 0;}
.sub-advantage li .ico,
.sub-advantage li .ico-b{ position:relative; zoom:1; display:block; margin:22px auto 0; width:110px; height:70px; overflow:hidden; background:url(../images/advantage-ico.png) no-repeat;}
.sub-advantage .li-1 .ico{ background-position:0 0;}
.sub-advantage .li-2 .ico{ background-position:0 -70px;}
.sub-advantage .li-3 .ico{ background-position:0 -140px;}
.sub-advantage .li-4 .ico{ background-position:0 -210px;}
.sub-advantage .li-5 .ico{ background-position:0 -280px;}
.sub-advantage .li-6 .ico{ background-position:0 -350px;}
.sub-advantage .li-7 .ico{ background-position:0 -420px;}
.sub-advantage .li-1 .ico-b{ background-position:-110px 0;}
.sub-advantage .li-2 .ico-b{ background-position:-110px -70px;}
.sub-advantage .li-3 .ico-b{ background-position:-110px -140px;}
.sub-advantage .li-4 .ico-b{ background-position:-110px -210px;}
.sub-advantage .li-5 .ico-b{ background-position:-110px -280px;}
.sub-advantage .li-6 .ico-b{ background-position:-110px -350px;}
.sub-advantage .li-7 .ico-b{ background-position:-110px -420px;}

.sub-advantage .u-name{ position:relative; zoom:1; z-index:10; display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:6px auto 0; padding:0 20px; height:40px; line-height:40px; overflow:hidden; border:2px solid #fff; font-size:16px;}
.sub-advantage .u-con{ width:210px; height:72px; line-height:24px; overflow:hidden; margin:2px auto; font-size:12px;}
.sub-advantage .u-bg{ display:none; position:absolute; top:0; left:0; width:370px; height:220px; overflow:hidden; background:#00c2ea;}

.sub-advantage li.hover .u-name{ color:#fff;}


.sub-title{ margin:50px auto 12px; height:54px; line-height:54px;}
.sub-menu li{ position:relative; zoom:1; float:left; display:inline; width:110px; }
.sub-menu li a{ display:block; height:54px; line-height:54px; font-size:16px; text-align:center;}
.sub-menu li i{ display:none; position:absolute; top:54px; left:50%; margin-left:-10px; width:0; height:0; overflow:hidden; border-width:10px; border-style:solid; border-color:#f18200 transparent transparent transparent;}
.sub-menu li.hover a{ color:#f18200;}
.sub-menu li.current a{ color:#fff; background:#f18200;}
.sub-menu li.current i{ display:block;}

.sub-title .m-current{float:right; display:inline; height:54px; line-height:54px; overflow:hidden;}
.sub-title .m-current,.sub-title .m-current a{ font-size:14px; color:#666;}
.sub-title .m-current a:hover{ color:#f18200;}

.sub-title h2{ font-size:30px; font-weight:normal;}


.sub-news{ padding-bottom:20px;}
.sub-news .title{ height:86px; line-height:86px; overflow:hidden; font-size:30px; text-align:center; border-bottom:4px solid #e5e5e5;}

.sub-news-scroll{ margin-top:20px; position:relative; zoom:1; background:#f5f5f5;}
.sub-news-scroll li{ position:relative; zoom:1; float:left; display:inline; width:1108px; padding:15px;}
.sub-news-scroll .u-img{ float:left; display:inline; width:514px; height:326px; overflow:hidden;}
.sub-news-scroll .u-box{ float:right; display:inline; width:564px;}
.sub-news-scroll .u-box .name{ font-size:20px; height:30px; line-height:30px; overflow:hidden;}
.sub-news-scroll .u-box .name a:hover{ color:#f18200;}
.sub-news-scroll .u-box .time{ display:block; margin-top:10px; height:30px; line-height:30px; overflow:hidden; font-size:16px; color:#999;}
.sub-news-scroll .u-box .con{ margin-top:25px; height:90px; line-height:30px; overflow:hidden; font-size:14px;}
.sub-news-scroll .u-btn{ position:absolute; bottom:15px; right:15px; width:150px; height:44px; line-height:44px; overflow:hidden; font-size:16px; text-align:center; color:#fff; background:#12325a;}
.sub-news-scroll .u-btn:hover{ background:#f18200;}

.sub-news-scroll .u-prev,
.sub-news-scroll .u-next{ position:absolute; bottom:15px; width:58px; height:44px; overflow:hidden; background:url(../images/subnews-btn.gif) no-repeat;}
.sub-news-scroll .u-prev{ left:579px; background-position:left top;}
.sub-news-scroll .u-next{ left:645px; background-position:right top;}
.sub-news-scroll .u-prev:hover{ background-position:left bottom;}
.sub-news-scroll .u-next:hover{ background-position:right bottom;}


.sub-news-list{ margin-top:20px;}
.sub-news-list li{ padding:30px; font-size:14px; border-bottom:1px dotted #333; *zoom:1;}
.sub-news-list li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.sub-news-list li.hover{ background:#f5f5f5;}
.sub-news-list .u-time{ float:left; display:inline; margin-right:30px; width:120px; text-align:center;}
.sub-news-list .u-time strong{display:block;height:86px;line-height:86px;overflow:hidden;font-size:45px;font-weight:normal;color:#333; border:1px solid #e5e5e5; border-bottom:none; background:#fff;}
.sub-news-list .u-time em{display:block;height:50px;line-height:50px;overflow:hidden;font-size:20px;color:#fff;background:#12325a;}
.sub-news-list .u-title{ height:30px; line-height:30px; overflow:hidden; font-size:18px; font-weight:normal;}
.sub-news-list .u-title a:hover{color:#f18200;}
.sub-news-list .u-con{ margin-top:8px;height:60px;line-height:30px;overflow:hidden;}
.sub-news-list .u-other{ height:20px; line-height:20px; overflow:hidden; margin-top:18px; color:#999;}

.sub-search{ margin-top:30px; font-size:0;}
.sub-search .u-filter{ position:relative; z-index:20; display:inline-block; *display:inline; zoom:1; vertical-align:top; margin-right:6px; font-size:14px;}
.sub-search .u-filter .btn{ display:block; width:60px; height:40px; overflow:hidden; background:url(../images/filter-btn.gif) no-repeat; cursor:pointer;}
.sub-search .u-filter .list{ display:none; position:absolute; top:40px; left:0;}
.sub-search .u-filter li label{ margin-top:1px; display:block; padding:0 12px; height:40px; line-height:40px; background:#ededed; white-space:nowrap; cursor:pointer;}
.sub-search .u-filter li input{ display:none;}
.sub-search .u-filter li.hover label{ color:#fff; background:#f18200;}
.sub-search .u-form{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.sub-search .u-form input{ vertical-align:top; border:0 none; background:none; font-size:12px; font-family:'Microsoft YaHei'; color:#fff;}
.sub-search .u-form .u-text{ padding:0 0 0 15px; width:190px; height:40px; line-height:40px; background:#929295;}
.sub-search .u-form .u-btn{ width:40px; height:40px; overflow:hidden; background:url(../images/sub-search-ico.gif) no-repeat; cursor:pointer;}


.sub-news .left-column{float:left; display:inline; width:890px; background:#f5f5f5;}
.sub-news .right-column{float:right; display:inline; width:230px;}

.news-detail{ padding:30px 50px 50px;}
.news-detail h1{line-height:30px;font-size:16px;font-weight:normal;text-align:center;}
.news-detail .detail-time{ position:relative;zoom:1;text-align:center;color:#999;font-size:12px;line-height:20px; padding-bottom:40px;}
.news-detail .detail-time .sub-share{ position:absolute; top:-4px; right:0;}
.news-detail .detail-time .sub-share .bdshare-button-style0-16 .bds_more{ padding:0 16px 0 0; background:url(../images/share-arr.gif) right center no-repeat; color:#999;}

.news-detail .detail-img{text-align:center;padding:20px 0;}
.news-detail .detail-img img{max-width:790px;_width: expression((documentElement.clientWidth < 790) ? "auto" : "790px" );}
.news-detail .detail-con{padding:10px 0;line-height:20px;font-size:12px;}

.sub-news-R1 .u-title{ height:24px; line-height:24px; font-size:16px; font-weight:normal;}
.sub-news-R1 ul{ margin-top:10px;}
.sub-news-R1 li{ height:22px; line-height:22px; overflow:hidden; color:#b5b5b5;}
.sub-news-R1 li a{ color:#666;}
.sub-news-R1 li a:hover{ color:#f18200;}

.sub-news-R2{ margin-top:30px;}
.sub-news-R2 .u-title{ position:relative; padding:0 12px; height:30px; line-height:30px; font-size:12px; font-weight:normal; border-bottom:1px solid #ccc; background:#e1e1e1;}
.sub-news-R2 .u-title .btn{ position:absolute; top:4px; right:4px; padding-left:12px; width:58px; height:22px; line-height:22px; overflow:hidden; text-align:center; color:#e1e1e1; background:url(../images/sub-news-R2.gif) no-repeat;}
.sub-news-R2 li{ height:22px; line-height:22px; overflow:hidden;}
.sub-news-R2 li i{ display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:9px 4px 0 0; width:4px; height:4px; overflow:hidden; background:#00407b;}
.sub-news-R2 li a:hover{ color:#f18200;}

.sub-news-R2 li.pic{ height:auto; padding:10px 0;}
.sub-news-R2 li.pic .u-img{ display:block; width:230px; height:146px; overflow:hidden;}
.sub-news-R2 li.pic .u-name{ margin-top:5px; height:24px; line-height:24px; overflow:hidden; font-size:14px; text-align:center;}


.sub-hr{ padding-bottom:50px; border-top:4px solid #e5e5e5;}


.sub-hr .sub-search .u-form .u-text{ font-size:15px; color:#333; background:#f8f8f8;}
.sub-hr .sub-search .u-form .u-btn{ background:url(../images/sub-search-ico-hr.gif) no-repeat; cursor:pointer;}

.hr-table{ margin-top:30px;}
.hr-table a:hover{ color:#ff8a00;}
.hr-table th{ padding:0 30px; border-left:1px dotted #fff; height:42px; line-height:42px; font-size:15px; font-weight:normal; color:#fff; background:#ff8a00;}
.hr-table th.noborder{ border:none;}
.hr-table th select{ margin-top:8px; width:140px; height:24px; vertical-align:top; font-size:15px; font-family:'Microsoft YaHei';}
.hr-table td{ padding:0 30px; height:40px; vertical-align:middle; font-size:15px; text-align:center; border-bottom:1px dotted #828282;}
.hr-table .first-th,
.hr-table .first-td{ text-align:left; width:200px;}

.sub-hr-con{ line-height:40px; padding:30px 0 50px; font-size:14px; border-top:4px solid #e5e5e5;}
.sub-hr-con h4.top-line{ margin-top:20px; padding-top:20px; border-top:1px dotted #666;}
.sub-hr-con h4,
.sub-hr-con .con{ padding:0 10px;}
.sub-hr-con img{max-width:1118px;_width: expression((documentElement.clientWidth < 1118) ? "auto" : "1118px" );}
.sub-hr-con .u-btn{ margin-top:130px; text-align:right;}
.sub-hr-con .u-btn a{ display:inline-block; *display:inline; zoom:1; vertical-align:top; margin-left:12px; width:160px; height:46px; line-height:46px; overflow:hidden; font-size:20px; text-align:center; color:#fff; background:#fe5a00;}
.sub-hr-con .u-btn a:hover{ background:#feae00;}

.sub-hr-form{ padding:30px 0 50px; font-size:14px; border-top:4px solid #e5e5e5;}
.sub-hr-form table{ border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.sub-hr-form th,.sub-hr-form td{ height:48px; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
.sub-hr-form th{ padding:0 10px 0 30px; text-align:left; background:#f5f5f5;}
.sub-hr-form td{ position:relative; zoom:1;}
.sub-hr-form td i{ position:absolute; top:0; right:20px; height:48px; line-height:48px; color:#f00;}

.sub-hr-form h2,.sub-hr-form h4{ font-weight:normal;}
.sub-hr-form h2{ font-size:16px;}
.sub-hr-form h4{ width:146px; padding-left:50px; font-size:14px;}
.sub-hr-form input{ vertical-align:top; border:0 none; font-size:14px; font-family:'Microsoft YaHei'; background:#fff;}
.sub-hr-form .u-text{ width:270px; padding:0 30px; height:48px; line-height:48px; border:0 none;}
.sub-hr-form .u-text-838{ width:838px;}
.sub-hr-form label{ margin-left:30px;}

.sub-hr-form .u-textarea{ vertical-align:top; width:1076px; height:180px; padding:10px 30px; line-height:30px; font-size:14px; font-family:'Microsoft YaHei'; border:0 none; background:#fff;}


.sub-hr-form .u-btn{ margin-top:25px; text-align:center;}
.sub-hr-form .u-btn input{ display:inline-block; *display:inline; zoom:1; vertical-align:top; margin-left:12px; width:160px; height:46px; line-height:46px; overflow:hidden; font-size:20px; text-align:center; color:#fff; background:#fe5a00; cursor:pointer;}
.sub-hr-form .u-btn input:hover{ background:#feae00;}




.search-no{}
.search-no .bd{border-bottom:1px solid #eee;padding:60px 0;}
.search-no .inputs{width:400px;margin-left:auto;margin-right:auto;}
.search-no .inputs input.text{float:left;width:331px;border:1px solid #666;height:25px;border-right:0;background:#fff;padding:5px 3px}
.search-no .inputs input.btn{float:left;width:60px;border:0;background:#666;height:37px;border:1px solid #666;padding:5px 0; cursor:pointer;color:#fff;font-size:14px}
.search-no .pt{background:url(../images/search-no.png) 200px center no-repeat;height:240px;padding:100px 0 0 440px;}
.search-no .pt h3{font-size:18px;margin-bottom:10px;font-weight:normal;}
.search-no .pt h3 span{color:#c00;}
.search-no .pt p{color:#666;}

.search-content{border-top:1px solid #eee;}
.search-content li{padding:30px;font-size:14px;border-bottom:1px solid #eee;*zoom:1;}
.search-content li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.search-content li.hover{ background:#f5f5f5;}
.search-content li .u-img{float:left;display:inline;width:162px;margin-right:18px;overflow:hidden;}
.search-content li .u-img img{width:164px;}
.search-content li h3{font-size:18px; font-weight:normal; height:30px; line-height:30px; overflow:hidden;}
.search-content li .u-time{float:right;font-weight:normal;font-size:14px;color:#999;}
.search-content li a:hover{ color:#f18200;}
.search-content li p{ margin-top:8px; line-height:30px;  color:#666;}


/* 2015-4-13 新增产品列表 */

.sub-product li{ margin-top:25px; height:auto;}
.sub-product .u-name{ display:block; height:64px; line-height:64px; overflow:hidden; font-size:18px; text-align:center;}

.sub-product li.hover .u-name{ color:#ffae00;}