@charset "utf-8";
html{_overflow-x:hidden;}
body{}
.css-img img,
.css-jqthumb .jqthumb{-webkit-transition: .3s ease-out;-moz-transition: .3s ease-out;-ms-transition: .3s ease-out;-o-transition: .3s ease-out;transition: .3s ease-out;}
.css-img .hover img,
.css-jqthumb .hover .jqthumb{-webkit-filter: brightness(120%);-moz-filter:brightness(120%);-o-filter: brightness(120%);-ms-filter: brightness(120%);filter: brightness(120%);}
.css-img-big .jqthumb{-webkit-transition: .5s ease-out;-moz-transition: .5s ease-out;-ms-transition: .5s ease-out;-o-transition: .5s ease-out;transition: .5s ease-out;}
.css-img-big .hover .jqthumb{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.top-box{position:relative;z-index:14;background:#0099ff;}
.top-box .area{height:88px;z-index:2;}
.top-box .logo{position:absolute;top:6px;left:0px;z-index:10;}
.top-box .tel{position:absolute;top:16px;right:0px;color:#FFF;font-size:18px;width:200px;height:24px;padding-top:24px;padding-left:55px;background:url(../images/tel.png) 0 0 no-repeat;z-index:10;}

/***********nav*******************/
.nav-box{position:relative;background:#0099ff;z-index:12;}
.nav-box .area{z-index:2;}
/* m-nav */
.m-nav{z-index:8;}
.m-nav a:hover{text-decoration:none}
.m-nav .fir-ul{position:relative;z-index:2;font-size:0;text-align:center;height:40px;margin:0 auto;*zoom:1;}
.m-nav .fir-ul .fir-li{position:relative;display:inline-block;*display:inline;*zoom:1;width:80px;z-index:9;text-align:center;vertical-align:top;background:url(../images/nav-line.png) right center no-repeat;}
.m-nav .fir-ul .last{background:none;}
.m-nav .fir-ul .j-li{}
.m-nav .fir-ul i{display:none;}
.m-nav .fir-ul .fir-a{position:relative;display:inline-block;*display:inline;*zoom:1;height:40px;width:100%;line-height:30px;color:#FFF;font-size:18px;z-index:11;cursor:pointer; vertical-align:top;font-family:'microsoft yahei';font-weight:normal;}
.en-nav .fir-ul .fir-a{font-family:Arial, Helvetica, sans-serif;}

.m-nav .fir-ul .hover,
.m-nav .fir-ul .current{}
.m-nav .fir-ul .hover .fir-a,
.m-nav .fir-ul .current .fir-a{text-decoration:none;}
.m-nav .sec-ul{position:absolute;top:40px;left:0;font-size:0;width:100%;text-align:center;font-family:'microsoft yahei';padding:1px 0;background:#0099ff;z-index:5;}
.m-nav .sec-ul li{height:30px;line-height:30px;overflow:hidden;padding:0;}
.m-nav .sec-ul li a{overflow:hidden;color:#FFF;font-weight:normal;font-size:12px;}
.m-nav .sec-ul li.hover{}
.m-nav .sec-ul li.hover a{text-decoration:underline;}
/*横向子导航*/
.m-nav .nav-x .sec-ul{}
.m-nav .nav-x .sec-ul li{display:inline-block;*display:inline;*zoom:1;}
.m-nav .nav-x .sec-ul li a{display:inline-block;*display:inline;*zoom:1;padding:0 6px;}
/*竖向子导航*/
.m-nav .nav-y .sec-ul{display:none;}
.m-nav .nav-y .sec-ul li a{display:block;}
.m-nav .fir-ul .fir-li{
    -webkit-transition: .3s ease-out;
       -moz-transition: .3s ease-out;
        -ms-transition: .3s ease-out;
         -o-transition: .3s ease-out;
            transition: .3s ease-out;
  }
.nav-sbg{ display:none;position:absolute;top:86px;right:0;height:30px;width:100%;_width:110%;background:url(../images/pngbg-50.png) repeat;z-index:1;}

.subbanner-box{position:relative;margin-bottom:20px;z-index:3;}
.subbanner-box .m-focus-d,
.subbanner-box .m-focus-d .switchable-box,
.subbanner-box .m-focus-d .switchable-content li{height:250px;}
.banner-box{margin-bottom:15px;z-index:3;}
.m-focus-d{position:relative;height:342px;}
.m-focus-d .switchable-box{width:100%;height:342px;}
.m-focus-d .switchable-content li{width:100%;height:342px;text-align:center;overflow:hidden; text-indent:-999em;}
.m-focus-d .switchable-content li img{visibility:hidden;}
.m-focus-d .m-focus-prev,
.m-focus-d .m-focus-next{display:none;position:absolute;top:50%;z-index:25;width:54px;height:55px;margin-top:-28px;text-align:center;}
.m-focus-d .m-focus-prev {right:50%;margin-right:550px;background-position:left center;}
.m-focus-d .m-focus-next {left:50%;margin-left:550px;background-position:right center;}
.m-focus-d .m-focus-prev:hover,.m-focus-d .m-focus-next:hover{filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}
.m-focus-d .switchable-nav {position:absolute;bottom:10px;left:50%;width:1000px;margin-left:-500px;z-index:24;text-align:center;z-index:5}
.m-focus-d .switchable-nav ol{display:inline-block;*display:inline;*zoom:1;padding:0 15px;height:24px;}
.m-focus-d .switchable-nav li {display:inline-block;*display:inline;*zoom:1;cursor:pointer;margin:0 4px;font-size:24px;overflow:hidden;text-align:center;font-family:'microsoft yahei';color:#FFF;filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;}
.m-focus-d .switchable-nav li.active{color:#ffffff;filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;-khtml-opacity: 1;}
.m-focus-d .switchable-caption{position:absolute;left:0;bottom:0;padding:4px 0;line-height:30px;width:100%;text-indent:20px;font-size:14px;}


/*main-box*/
.main-box{position:relative;z-index:10;}
.main-box .left-column{width:300px;height:800px;float:left;background:url(../images/ind-bg.jpg) center 0 no-repeat;}
.main-box .right-column{position:relative;width:900px;height:800px;float:right;overflow:hidden;}
.main-box .right-column .pic{width:900px;height:800px;position:absolute;left:50%;top:0;margin-left:-450px;}
.main-box .area-1000 .left-column{width:250px;}
.main-box .area-1000 .right-column{width:750px;margin-left:-375px;}
.m-title{margin-bottom:10px;line-height:35px;font-size:18px;color:#FFF;text-align:center;background:url(../images/tt-1.png) 0 0 no-repeat;}
.m-title2{margin-bottom:10px;border-bottom:1px solid #cccccc;line-height:35px;font-size:18px;color:#333;}
.m-title2 .more{float:right;color:#999;font-size:12px;}

.conbg{background:#f3f3f3;padding:5px 15px 15px 15px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}

.m-qua{position:relative;width:302px;padding:80px 28px 0 28px;margin:-70px auto 0 auto;background:url(../images/qua-bar.png) center top no-repeat;}
.m-qua .u-prev,
.m-qua .u-next{display:block;position:absolute;cursor:pointer;margin-top: -10px;top: 50%;background:url(../images/qua-btn.png) center no-repeat; cursor: pointer;height: 32px;position: absolute;text-indent: -9000px;width: 20px;filter:alpha(opacity=70);opacity: 0.7;-moz-opacity:0.7;-khtml-opacity: 0.7;}
.m-qua .u-prev{left:-5px;background-position: left 0;}
.m-qua .u-next{right:-5px;background-position: right 0;}
.m-qua .u-prev:hover,
.m-qua .u-next:hover{filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;-khtml-opacity: 1;}

.qua-list{}
.qua-list li{float:left;}
.qua-list .box{text-align:center;}
.qua-list img{height:198px;max-width:100%;padding:4px;background:#866032 url(../images/qua-bg.gif) center repeat-y;}

h2.title{padding:5px 0;margin-bottom:15px;}
.aboutcon{line-height:2;padding:0 20px;}
.aboutcon img{width:185px;height:146px;float:left;margin-right:10px;}
.aboutcon .more{text-decoration:underline;}

.contact-box{padding:50px 0;background:#f8f8f8;}
.ind-contact{padding:0 0 60px 0;background:none;}
.contact-box .map{float:left;width:483px;}
.contact-box .m-contact{float:right;width:480px;}
.m-contact{background:#f3f3f3;}
.m-contact .pic{width:100%;display:block;}
.m-contact .con{padding:10px 15px;line-height:24px;}

.m-about{line-height:2;text-align:justify;}
.m-about .pic{float:left;width:254px;margin-right:15px;}
.m-about a{color:#006600;}


.news-box{margin-bottom:75px;background:#f8f8f8;}
.m-news{float:left;width:350px;}
.m-video{float:right;width:350px;}
.m-list{}
.m-list li:after{content:" ";display:block;visibility:hidden;height:0;clear:both;}
.m-list li.first{padding-left:0px;height:auto;margin-bottom:12px;background:none;*zoom:1;}
.m-list li{padding-left:15px;height:24px;line-height:24px;background:url(../images/news-ico.gif) 2px 8px no-repeat;overflow:hidden;}
.m-list img{float:left;width:165px;height:102px;}
.m-list .con{float:right;width:360px;}
.m-list .con h3{height:24px;line-height:24px;margin-bottom:10px;overflow:hidden;font-size:14px;color:#004098}
.m-list .con .cn{height:66px;line-height:22px;overflow:hidden;color:#838383;}
.m-list .time{float:right;}


.case-box{margin-bottom:20px;background:#f8f8f8;padding:25px 0 5px 0;}
.case-box .area{padding-bottom:21px;background:url(../images/bg-1.png) center bottom no-repeat;}
.case-box .border{padding:0 10px;border:1px solid #e4e4e4;}

.pro-con{position:relative;}
.pro-con .j-prev,
.pro-con .j-next{position:absolute;top:20%;width:19px;height:68px;}
.pro-con .j-prev{left:0px;background:url(../images/pro-btn.png) left center no-repeat;}
.pro-con .j-next{right:0px;background:url(../images/pro-btn.png) right center no-repeat;}
.pro-con .j-prev:hover,
.pro-con .j-next:hover{-webkit-filter: brightness(130%);-moz-filter:brightness(130%);-o-filter: brightness(130%);-ms-filter: brightness(130%);    filter: brightness(130%);}
.prolist li{float:left;}
.prolist .box{position:relative;width:228px;height:172px;margin:0 auto 5px;overflow:hidden;}
.prolist .name{width:228px;height:24px;display:block;font-size:14px;line-height:24px;text-align:center;color:#333;text-decoration:none;font-family:'microsoft yahei';}
.prolist img{display:block;width:228px;height:172px;}

.friend-box{background:url(../images/nav-bg.gif) repeat-x;color:#FFF;font-size:14px;}
.friend-box .area{height:20px;padding:20px;line-height:20px;}
.friend-box a{color:#FFF;}
.friend-box b{font-size:18px;font-weight:normal;}

.sub-news li{padding:5px;border-bottom:1px solid #f0f0f0;}
.sub-news .hover h3 a{color:#c52720;}
.sub-news .detail{text-align:right;}
.sub-news .detail a{color:#c52720;}
/*滚动条end*/
.m-gg{position:relative;padding-left:315px;color:#333;font-family:'microsoft yahei';}
.m-gg .title{float:left;width:70px;line-height:32px;text-align:center;font-size:14px;color:#d3120f;font-weight:bold;}
.m-gg .con{float:left;height:32px;width:700px;font-size:12px;}
.m-gg li{height:32px;line-height:32px;}
.m-gg a{display:block;float:left;margin-right:20px;color:#333;font-size:12px;}
.m-gg .time{float:left;}

.bottom-box{background:#6f4b2f url(../images/bt-line.gif) center bottom no-repeat;padding:30px 0 10px 0;}
.bottom-box .area{color:#FFF;}
.bottom-box .left-column{float:left;width:315px;padding-left:15px;margin-right:25px;}
.bottom-box .mid-column{float:left;width:320px;}
.bottom-box .right-column{float:right;width:300px;}

.bottom-box .m-search{margin-bottom:10px;width:287px;background:url(../images/saarch.gif) no-repeat;}
.bottom-box .m-search input{padding:8px 0 8px 5px;width:235px;height:20px;line-height:20px;float:left;background:none;border:0px;color:#FFF;}
.bottom-box .m-search button{width:47px;height:36px;line-height:36px;float:right;background:none;border:0px; cursor:pointer;}
.bottom-box h2{margin-bottom:10px;color:#FFF;font-size:14px;}
.bottom-box .m-link{}
.bottom-box .m-link li{line-height:30px;}
.bottom-box .m-link a{color:#bb8a4c;}
.bottom-box .m-mid {line-height:24px;}
.bottom-box .m-mid .contact{margin-bottom:15px;padding-left:30px;background:url(../images/ico-2.png) left 0 no-repeat;color:#FFF;}
.bottom-box .m-mid .friend{padding-left:30px;background:url(../images/share.png) left 0 no-repeat;}
.bottom-box .m-mid .friend a{color:#bb8a4c;padding:0 10px 2px 0;}
.bottom-box .m-rcon{}
.bottom-box .m-share{float:left;width:130px;}
.bottom-box .m-share a{float:none;display:block;padding-bottom:5px;padding-left:30px;color:#FFF;font-size:12px;}
.bottom-box .m-share a:hover{color:#FFF;}
.bottom-box .erwei{float:right;width:135px;text-align:center;line-height:30px;}
.bottom-box .erwei img{width:131px;}

.footer-box{background:#e8e8e8;}
.footer-box .area{padding:30px 0;line-height:24px;}
.footer-box .erwei{float:left;width:100px;}
.footer-box .con{float:left;width:680px;}
.footer-box .tel{float:right;width:200px;font-size:14px;}
.footer-box .tel b{font-size:24px;font-weight:normal;}

.ft-share{width:190px;margin:0 auto;}


/********************************************
sub
********************************************/
.sub-box{position:relative;z-index:12;margin-bottom:30px;}
.sub-box .area{}
.sub-box .left-column{float:left;width:145px;}
.sub-box .right-column{float:right;width:825px;}

.sub-title{position:relative;line-height:32px;background:#0099ff;color:#FFF;text-align:center;}
.sub-title2{line-height:32px;font-size:14px;font-weight:bold;}
.conbar{margin-bottom:15px;border:1px solid #cccccc;padding:10px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}

.m-leftmenu{padding-top:40px;width:210px;margin:0 auto;margin-bottom:40px;}
.m-leftmenu .fir-li{position:relative;margin-bottom:20px;}
.m-leftmenu a:hover{text-decoration:none;}
.m-leftmenu a.fir-a{position:relative;top:0;left:0;display:block;text-align:left;padding-left:45px;height:60px;line-height:60px;font-size:24px;font-weight:normal;color:#FFF;font-family:'microsoft yahei';background:url(../images/menu-li.png) center no-repeat;}
.m-leftmenu .fir-li.current,
.m-leftmenu .fir-li.hover{-webkit-filter: brightness(110%);-moz-filter:brightness(110%);-o-filter: brightness(110%);-ms-filter: brightness(110%);filter: brightness(110%);}
.m-leftmenu .hover a.fir-a{}
.m-leftmenu .sec-ul .current,
.m-leftmenu .sec-ul .hover{border:0;}
.m-leftmenu .sec-ul{display:none;padding:5px 0;}
.m-leftmenu .sec-ul a.sec-a{display:block;padding-left:60px;text-align:left;height:30px;line-height:30px;color:#666;font-size:13px;}
.m-leftmenu .sec-ul a:hover{color:#9a6a37;}
.m-leftmenu .thi-ul{display:none;padding:3px 0;}
.m-leftmenu .thi-ul .thi-a{display:block;padding-left:45px;text-align:left;height:27px;line-height:27px;color:#333;font-size:12px;}

.m-leftmenu2{background:#66ccff;padding-bottom:10px;}
.m-leftmenu2 .fir-li{position:relative;}
.m-leftmenu2 a:hover{text-decoration:none;}
.m-leftmenu2 a.fir-a{position:relative;top:0;left:0;display:block;text-align:center;height:30px;line-height:30px;font-size:14px;font-weight:normal;color:#FFF;font-family:'microsoft yahei';background:url(../images/menu-ico.png) 10% center no-repeat;}
.m-leftmenu2 .fir-li.current,
.m-leftmenu2 .fir-li.hover{-webkit-filter: brightness(110%);-moz-filter:brightness(110%);-o-filter: brightness(110%);-ms-filter: brightness(110%);filter: brightness(110%);}
.m-leftmenu2 .hover a.fir-a{}
.m-leftmenu2 .sec-ul .current,
.m-leftmenu2 .sec-ul .hover{border:0;}
.m-leftmenu2 .sec-ul{display:none;}
.m-leftmenu2 .sec-ul a.sec-a{display:block;padding-left:10px;text-align:center;height:30px;line-height:30px;color:#FFF;font-size:13px;}
.m-leftmenu2 .sec-ul a:hover{color:#ff0;}
.m-leftmenu2 .thi-ul{display:none;padding:3px 0;}
.m-leftmenu2 .thi-ul .thi-a{display:block;padding-left:45px;text-align:left;height:27px;line-height:27px;color:#333;font-size:12px;}

.ctbar{text-align:center;}

.sub-contact{line-height:24px;}

.m-content{min-height:400px;}

.m-rongyu{position:relative;padding:10px 0;background:#66ccff;}
.m-rongyu li{float:left;padding-bottom:10px;}
.m-rongyu img{display:block;width:126px;height:102px;margin:0 auto 5px auto;padding:1px;border:1px solid #e4e4e4;}
.m-rongyu .name{text-align:center;}
.m-rongyu .hover img{border:1px solid #999;}
.m-rongyu .menu-btn{position:absolute;top:50%;display:block;width:23px;height:43px;margin-top:-21px;background:url(../images/menu-btn.png) left 0 no-repeat;}
.m-rongyu .prev-btn{left:-50px;background-position:0 0;}
.m-rongyu .next-btn{right:-50px;background-position:100% 0;}

/********************************************
企业站通用样式
********************************************/
.sub-box .inner{position:relative;margin-top:-45px;background:#f3f3f3;}
.sub-box .m-ltt{position:relative;padding:0 0 0 20px;text-align:left;font-weight:bold;line-height:40px;font-family:'microsoft yahei';font-size:18px;color:#FFF;background:url(../images/tt-bg.gif) left 0 no-repeat;*zoom:1;}

.sub-box .m-rtt{position:relative;font-size:14px;line-height:30px;margin-bottom:10px;*zoom:1;border-bottom:1px solid #cccccc;}
.sub-box .m-rtt b{}
.sub-box .m-rtt:after{content:" ";display:block;visibility:hidden;height:0;clear:both;}
.m-current{float:right;line-height:30px;font-size:14px;font-family:'microsoft yahei';}
.m-current span{color:#107cc6;}

.m-lcontact{line-height:24px;}
.m-lcontact .con{padding-top:10px;border-top:1px dotted #d4d6d7;padding-left:20px;background:url(../images/ico-1.png) left 16px no-repeat;}


.sub-product{}
.sub-product li{float:left;margin:5px 0;}
.sub-product .box{position:relative;width:255px;height:140px;margin:0 auto;overflow:hidden;}
.sub-product .name{line-height:30px;text-align:center;}
.sub-product img{display:block;width:255px;height:140px;margin:0 auto;}

.hotline{margin-bottom:5px;}
.hotline .title{font-size:17px;border-bottom:1px solid #d1cfcb;color:#000;line-height:30px;margin-bottom:6px;}
.hotline .tel{padding-left:72px;height:40px;background:url(../images/subtel.png) 20px center no-repeat;margin-bottom:6px;line-height:20px;}
.hotline .addr{padding-left:72px;height:40px;background:url(../images/subaddr.png) 20px center no-repeat;line-height:20px;}
.hotline .tel .cn{font-size:24px;}
.hotline .cn{font-size:14px;color:#b1120c;font-weight:bold;}


.css3-animated li .box {
    -webkit-transition: .6s ease-out;
       -moz-transition: .6s ease-out;
        -ms-transition: .6s ease-out;
         -o-transition: .6s ease-out;
            transition: .6s ease-out;
  }
.css3-rotateY li.hover .box {
    -webkit-transform: rotateY(-360deg);
       -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
         -o-transform: rotateY(-360deg);
            transform: rotateY(-360deg);
  }