*{ padding:0; margin:0;}
.container{ width:1100px; margin:0 auto;}
body{ min-width:1100px; font-family:微软雅黑,'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1',Arial;; font-size:14px; color:#6b7074; background: #fff;}
.clearboth{ background: none; clear: both; display: block; float: none; visibility: hidden; width: 0; height: 0; margin: 0; padding: 0;}

a{ text-decoration:none; color:#a3a7aa; -webkit-transition: background 0.5s,color 0.5s,border-color 0.5s linear; -moz-transition: background 0.5s,color 0.5s,border-color 0.5s linear; -ms-transition: background 0.5s,color 0.5s,border-color 0.5s linear; transition: background 0.5s,color 0.5s,border-color 0.5s linear;}
a:hover{ color: #0044a3;}
ul,li{ list-style:none;}
img{ border: 0; line-height: 0; z-index: 1;}
.default-btn{ border: 2px solid #000; color: #000;}
.default-btn:hover{ color: #fff; border-color: #e11847; background: #e11847;}

h1,h2,h3,h4,h5,h6{ font-weight: 300;}

.header{ width: 100%;}
.logo{ padding-top:12px; line-height:0; display:inline-block; border: 0; float: left;}
.logo img{ border: 0; }

.top{ height: 27px; background: #e7e7e7; line-height: 27px; font-size: 12px;}
.top .welcome{ text-indent: 7px; float: left;}
.top .language{ float: right;}
.top .language a{ float: left; display: inline-block; padding: 0 20px; color: #757575;}
.top .language a.current,
.top .language a:hover{ background: #6b7074; color: #fff;}

.nav{ display: inline-block; float: right; margin-top: 38px; margin-bottom: 2px; margin-right: -21px;}
.nav ul li{ float:left;}
.nav ul li a{ display:inline-block; padding:24px 21px 19px 21px; color:#141414; font-size: 14px;}
.nav ul li.last a{ /*padding-right: 0;*/}
.nav ul li.level-1 > a{ position: relative;}
.nav ul li.level-1 > a span{ position: absolute; left: 50%; bottom: -2px; width: 28px; height: 3px; margin-left: -14px; background: #0044a3; opacity: 0; filter:alpha(opacity=0); -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; transition: opacity 0.5s linear;}
.nav ul li.active a,
.nav ul li a:hover{ color:#141414;}
.nav ul li.level-1.active a span,
.nav ul li.level-1 a:hover span,
.nav ul li.level-1.current > a span{ opacity: 1; filter:alpha(opacity=100);}
.nav ul li.level-1.current > a{ color:#141414;}

.main{ padding-top: 20px;}
.front.main{ padding-top: 0;}
.section{ overflow: hidden;}
.imgs{ position: relative; }

.innerpage-banner{ position: relative; height: 300px;}
.innerpage-banner img{ width: auto; max-width: 100%;}
.innerpage-banner .wrap-bg{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center 0;}

/*banner*/
.banner{ width:100%; height:713px; overflow:hidden; position:relative; background:#f9f9f9; border-bottom: 1px solid #d5d5d5;}
.b-img{ height:677px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:677px; float:left;position: relative;}
.flex-caption{width: 96%; padding: 2%; left: 0; bottom: 0; color: #fff; font-size: 14px; line-height: 18px; position:absolute; top:0; z-index:9;}
.b-img a .flex-caption-content{ transition:2.5s;-webkit-transition:2.5s;  width: 465px; float: left; text-align: left; margin-top: 165px; margin-left: 50px;}
.flex-caption-content h4{ color:#6b7074; font-size:46px; margin-bottom:9px; line-height: 1; text-transform: uppercase;}
.flex-caption-content p{ color:#6b7074; font-size:13px; line-height:24px;}
.flex-caption-content h6{ color:#3b3f41; font-size:24px; line-height: 1; margin-bottom: 27px;}
.flex-caption-content h2{ font-size: 66px; color: #6b7074; line-height: 1; margin-bottom: 18px;}
.flex-caption-content h2 span{ color: #0044a3;}
.b-list{padding: 14px 40px 13px 40px; position:absolute; bottom: 201px; z-index:10; border: 1px solid #6b7074;}
.flex-caption-content .more{ padding: 14px 40px 13px 40px; z-index:10; border: 1px solid #6b7074; margin-top: 34px; display: inline-block;
-webkit-transition: background 0.5s,color 0.5s linear; -moz-transition: background 0.5s,color 0.5s linear; -ms-transition: background 0.5s,color 0.5s linear; transition: background 0.5s,color 0.5s linear;}
.flex-caption-content .more:hover{ border-color: #0044a3;}
.b-list span,
.flex-caption-content .more span{ background:#6b7074; display:inline-block; float: left; cursor:pointer; width:6px; height:7px; border-radius: 7px; margin:0 5px;
-webkit-transition: background 0.5s,color 0.5s linear; -moz-transition: background 0.5s,color 0.5s linear; -ms-transition: background 0.5s,color 0.5s linear; transition: background 0.5s,color 0.5s linear;}
.b-list .spcss,.b-list span:hover,
.flex-caption-content .more:hover span{background:#0044a3;}
.b-img a.spcss .flex-caption .flex-caption-content{margin-left: 0;}
.pager-nav{ position: absolute; width: 1100px; }
.bar-left{ position:absolute; top: 300px; left: -80px; display:block; width: 70px; height: 12px; z-index: 999;}
.bar-right{ position:absolute; top: 300px; right: -80px; display:block; width: 70px; height: 12px; z-index: 999;}
.bar-left em{ display:block; width: 70px; height: 12px; background:url(../images/banner-pre.png) 0 0 no-repeat; margin:0 auto; }
.bar-right em{ display:block; width: 70px; height: 12px; background:url(../images/banner-next.png) 0 1px no-repeat; margin:0 auto; }
.bar-left .emcss{ background: url(../images/banner-pre.png) 0 -17px no-repeat;}
.bar-right .emcss{ background: url(../images/banner-next.png) 0 -18px no-repeat;}

.about-section{ background: url(../images/home-aboutbg.jpg); padding:55px 0 77px 0;}
.about-section .title{ font-size: 28px; color: #0044a3; position: relative;}
.about-section .title span{ display: block; color: #999999; font-size: 14px; margin-top: 2px;}
.about-section .title .more{ padding: 14px 40px 13px 40px; position:absolute; right: 0; top: 20px; border: 1px solid #0044a3;}
.about-section .title .more span{ background:#0044a3; display:inline-block; float: left; cursor:pointer; width:7px; height:7px; border-radius: 7px; margin:0 5px;}
.about-section .section-content{}
.about-section .section-content .item-wrapper{ position: relative; overflow: hidden;}
.about-section .section-content p{ color: #666666; line-height: 24px;}
.about-section .section-content ul{ margin:31px -20px 35px -20px; overflow: hidden;}
.about-section .section-content ul li{ float: left; margin: 0 20px;}
.about-section .section-content ul li .defaultWrap .img,
.about-section .section-content ul li .activeWrap .img{ width: 340px; height: 198px;}
.about-section .section-content ul li .txt{ line-height: 64px; color: #fff; background: #6b7074; padding: 0 5px; text-align: center; display: block;}
.about-section .section-content ul li .activeWrap{ opacity: 1; position: absolute; left: 0; top: -100%; width: 100%; height: 100%; background: url(../images/about-hoverbg.png);
    -webkit-transition: -webkit-transform .5s ease;
    transition: transform .5s ease; transition:.5s;-webkit-transition:.5s;}
.about-section .section-content ul li .activeWrap .more{ width: 42px; height: 42px; background: url(../images/look-detail.png) no-repeat; display: inline-block; margin-bottom: 19px;}
.about-section .section-content ul li .activeWrap p{ color: #fff; line-height: 21px; text-align: center;}
.about-section .section-content ul li .activeWrap .img{ display: table; width: 100%; height: 100%;}
.about-section .section-content ul li .activeWrap .img .img-con{ display: table-cell; vertical-align: middle; text-align: center; *margin-top: 48px;}
/*.about.section .section-content ul li .activeWrap:hover{ background: rgba(0,68,163,0.3);}*/
.about-section .section-content ul li:hover .activeWrap{ opacity: 1; top: 0;}
.about-section .section-content ul li:hover .txt{ background: #0044a3; }

.prod-slider{ background: url(../images/home-prod-bg.jpg) no-repeat center 0; }
.prod-slider .slider-bd .slider-item{ height: 640px; margin-bottom: 6px;}
.prod-slider .slider-bd .slider-item .slider-item-left{ width: 350px; float: left; margin-top: 84px;}
.prod-slider .slider-bd .slider-item .slider-item-pic{ width: 447px; float: left; margin-top: 65px;}
.prod-slider .slider-bd .slider-item .slider-item-pic img{ width: auto; max-width: 100%; }
.prod-slider .slider-bd .slider-item .slider-item-right{ width: 300px; float: right; margin-top: 255px;}
.prod-slider .slider-bd .slider-item .slider-num{ width: 87px; height: 87px; background: url(../images/home-pro-slider-num.png) no-repeat; margin-bottom: 22px;}
.prod-slider .slider-bd .slider-item .slider-pro-tt h2{ font-size: 42px; color: #0044a3; line-height: 48px; font-weight: 500; margin-bottom: 2px;}
.prod-slider .slider-bd .slider-item .slider-pro-tt h5{ font-size: 24px; color: #0044a3;}
.prod-slider .slider-bd .slider-item .slider-info{ margin-top: 108px; }
.prod-slider .slider-bd .slider-item .slider-info label{ color: #6b7074; font-size: 18px; margin-bottom: 15px; display: block;}
.prod-slider .slider-bd .slider-item .slider-info p{ line-height: 21px; }
.prod-slider .slider-bd .slider-item .slider-item-right .use-tt{ font-size: 28px; display: inline-block; padding-bottom: 18px; margin-bottom: 16px; border-bottom: 2px solid #6b7074; color: #0044a3; float: right;}
.prod-slider .slider-bd .slider-item .slider-item-right .use-info{ width: 100%; display: block; line-height: 21px; clear: both; text-align: right;}
.prod-slider .slider-bd .slider-item .slider-item-right .use-list{ float: right; margin-top: 79px;}
.prod-slider .slider-bd .slider-item .slider-item-right .use-list li{ float: left; width: 72px; height: 72px; border: 1px solid #b8b8b8; border-radius: 72px; margin-left: 10px;}
.prod-slider .slider-hd ul{ overflow: hidden; margin: 0 -3px; }
.prod-slider .slider-hd ul li{ float: left; width: 270px; margin: 0 3px; overflow: hidden;}
.prod-slider .slider-hd ul li a{ display: block; overflow: hidden; }
.prod-slider .slider-hd ul li span{ display: block; width: 270px; height: 206px; overflow: hidden; position: relative; z-index: 2;}
.prod-slider .slider-hd ul li p{ line-height: 40px; color: #fff; background: #6b7074; text-align: center;
-webkit-transition: background 0.5s,color 0.5s,border-color 0.5s linear; -moz-transition: background 0.5s,color 0.5s,border-color 0.5s linear; -ms-transition: background 0.5s,color 0.5s,border-color 0.5s linear; transition: background 0.5s,color 0.5s,border-color 0.5s linear;}
.prod-slider .slider-hd ul li:hover p,
.prod-slider .slider-hd ul li.on p{ background: #0044a3; }

.news-question{ padding-bottom: 59px; padding-top: 80px; overflow: hidden; background: url(../images/home-aboutbg.jpg);}
.news-question .news{ width: 780px; float: left; background: #fff;}
.news-question .question{ width: 300px; float: right; background: #fff;}
.news-question .slideTxtBox{ border: 1px solid #a1a4a7; position: relative;}
.news-question .slideTxtBox .more{ color: #6b7074; position: absolute; right: 28px; top: 0; line-height: 57px;}
.news-question .slideTxtBox .more:hover{ color: #0044a3; }
.news-question .slideTxtBox .hd{ height: 57px; border-bottom: 1px solid #a1a4a7; }
.news-question .slideTxtBox .hd li{ line-height: 57px; color: #000; font-size: 16px; float: left; margin: 0 25px 0 35px; *margin-left: 35px; cursor: pointer; position: relative;}
.news-question .slideTxtBox .hd li span{ width: 100%; height: 3px; background: #0044a3; position: absolute; bottom: -1px; left: 0; display: none; }
.news-question .slideTxtBox .hd li.on{ color: #2c2b5a; }
.news-question .slideTxtBox .hd li.on span{ display: block; }
.news-question .slideTxtBox .bd{ height: 340px; overflow: hidden;}
.news-question .slideTxtBox .bd-item{ height: 259px; padding:41px 35px 47px 35px; }
.news-question .slideTxtBox .bd-item .item-pic{ float: left; width: 208px;}
.news-question .slideTxtBox .bd-item ul{ float: right; width: 475px;}
.news-question .slideTxtBox .bd-item ul li{ display: block; overflow: hidden;}
.news-question .slideTxtBox .bd-item ul li .dot{ width: 4px; height: 4px; display: inline-block; background: #999999; border-radius: 4px; float: left; margin-right: 12px; margin-top: 10px;}
.news-question .slideTxtBox .bd-item ul li:hover .dot{ background: #0044a3; }
.news-question .slideTxtBox .bd-item ul li .news-tt{ color: #333333; line-height: 24px; float: left; }
.news-question .slideTxtBox .bd-item ul li .date{ color: #bbbbbb; font-size: 12px; line-height: 24px; float: right;
-webkit-transition: background 0.5s,color 0.5s linear; -moz-transition: background 0.5s,color 0.5s linear; -ms-transition: background 0.5s,color 0.5s linear; transition: background 0.5s,color 0.5s linear;}
.news-question .slideTxtBox .bd-item ul li:hover .news-tt,
.news-question .slideTxtBox .bd-item ul li:hover .date{ color:#0044a3;}
.news-question .slideTxtBox .bd-item ul li.first{ overflow: hidden; margin-bottom: 22px;}
.news-question .slideTxtBox .bd-item ul li.first .date{ width: 112px; background: #6b7074; color: #fff; text-align: center; float: left; font-size: 16px; line-height: 36px; margin-right: 23px;}
.news-question .slideTxtBox .bd-item ul li.first .date strong{ line-height: 75px; display: block; font-size: 56px; border-bottom: 1px solid #898d90;}
.news-question .slideTxtBox .bd-item ul li.first .news-tt{ width: 100%; display: block; font-size: 16px; margin-bottom: 12px;}
.news-question .slideTxtBox .bd-item ul li.first .news-intr{ float: right; width: 340px; }
.news-question .slideTxtBox .bd-item ul li.first .news-intr p{ color: #999999; line-height: 21px;}
.news-question .slideTxtBox .bd-item ul li.first .news-intr .more{ color: #666666;
    margin-top: -7px;
    display: inline-block;
    position: relative;
    margin-left: 27px; }
.news-question .slideTxtBox .bd-item ul li.first .news-intr .more:hover{ color:#0044a3;}

.news-question .question{ border: 1px solid #a1a4a7; }
.news-question .question .title{ border-bottom: 1px solid #a1a4a7; padding: 0 28px; position: relative;}
.news-question .question .title h4{ line-height: 57px; }
.news-question .question .title .more{ color: #6b7074; position: absolute; right: 28px; top: 0; *top: -16px; line-height: 57px; }
.news-question .question .title .more:hover{ color:#0044a3; }
.news-question .question ul{ padding: 28px; padding-top: 6px; padding-bottom: 21px;}
.news-question .question ul li{ padding-top: 23px; padding-bottom: 12px; border-bottom: 1px solid #e5e5e5; }
.news-question .question ul li.last{ border-color:#fff;  }
.news-question .question ul li > a{ line-height: 28px; margin-bottom: 6px; color: #999999; display: block;}
.news-question .question ul li > a:hover{ color:#0044a3;}
.news-question .question ul li > .ask{ color: #333333; }
.news-question .question ul li .ask span,
.news-question .question ul li .answer span{ width: 28px; height: 28px; text-align: center; line-height: 28px; display: inline-block; margin-right: 6px; }
.news-question .question ul li span.ask-icon{ background: url(../images/ask-icon.png) no-repeat; color: #fff;}
.news-question .question ul li span.answer-icon{ background: url(../images/answer-icon.png) no-repeat; color: #b49b7f; }


.footer{ padding:58px 0 0 0; overflow:hidden; background: #6b7074; }
.footer .footer-bottom{ overflow:hidden; padding-bottom:54px;}
.footer .footer-bottom .footer-logo,
.footer .footer-bottom .footer-phonenum{ display:block; clear: both; text-align: center;}
.footer .footer-bottom .footer-logo{ margin-bottom: 9px;}
.footer .footer-bottom .footer-logo a{ display: inline-block;}
.footer .footer-bottom .footer-phonenum{ margin-bottom: 47px;}
.footer .footer-bottom .footer-phonenum span{ display: inline-block; font-size: 30px; padding: 6px 16px;  border: 1px solid #fff;}
.footer-nav{ width:870px; float:left;}
.footer-nav li{ float:left; padding:0 26px; font-weight:500;}
.footer-nav li a{ font-size: 14px; color: #fff;}
.footer-nav li.first{ padding-left:0;}
.footer-nav li .sub{ width:100%; overflow:hidden; margin-top:13px; *width:auto;}
.footer-nav li .sub li{ padding:0; display:block; float:none; font-weight:500;}
.footer-nav li .sub li a{ font-size: 13px; line-height: 20px; color: #a3a7aa;}
.footer-nav li .sub li a:hover{ color:#fff; }
.footer-contact{ float:right; width: 215px;}
.footer-contact .attention-wechat{ float: left;}
.footer-contact .attention-sina{ float: right;}
.footer-contact div label{ display: block; margin-bottom: 5px; line-height: 40px;}
.footer-contact .attention-wechat label{ font-size: 18px; color: #fff;}
.footer-contact .attention-sina label{ color: #a3a7aa; margin-left: -26px;  padding-right: 0px;}
.footer-contact div p{ color: #a3a7aa; font-size: 12px; text-align: center; line-height: 18px; margin-top: 6px;}

.footer-copyright{ padding-top:23px; padding-bottom: 25px; overflow: hidden; background: #575c5f;}
.footer-copyright .footer-l{ float: left; *width: 720px;}
.footer-copyright .friendly-link{ text-align:left; margin-bottom:5px; font-size:12px;}
.footer-copyright .friendly-link label{ margin-right: 11px; display: inline-block; color:#9fa5aa;}
.footer-copyright .friendly-link a{ color: #9fa5aa; margin-right: 20px;}
.footer-copyright .friendly-link a:hover{ color:#0044a3; }
.footer-copyright p{ font-size:14px; color: #fff;}
.footer-copyright p span{  margin-right: 19px; display: inline-block; float: left;}
.footer-copyright .footer-r{ float: right; color:#fff;}
.footer-copyright .footer-r:hover{ color:#0044a3;}

.footer .footer-share{ float: right; margin-top: 3px; *width: 210px;}
.footer .footer-share { float: right;}
.footer .footer-share  a{padding:0;width: 40px; height: 40px; display: block; text-indent: -999999em; float: left; margin-left: 6px;
-webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none;}
.footer .footer-share  a.bshare-weixin{ background: url(../images/share-icon.png) no-repeat 0 0;}
.footer .footer-share  a.bshare-qqim{background: url(../images/share-icon.png) no-repeat -46px 0;}
.footer .footer-share  a.bshare-qzone{ background: url(../images/share-icon.png) no-repeat -92px 0;}
.footer .footer-share  a.bshare-itieba{ background: url(../images/share-icon.png) no-repeat -138px 0;}
.footer .footer-share  a.bshare-weixin:hover{ background: url(../images/share-icon.png) no-repeat 0 -42px;}
.footer .footer-share  a.bshare-qqim:hover{ background: url(../images/share-icon.png) no-repeat -46px -42px;}
.footer .footer-share  a.bshare-qzone:hover{ background: url(../images/share-icon.png) no-repeat -92px -42px;}
.footer .footer-share  a.bshare-itieba:hover{ background: url(../images/share-icon.png) no-repeat -138px -42px;}


.sidebar{ border: 1px solid #e5e5e5; border-bottom: 5px solid #d4d7da; width: 237px; min-height: 263px; float: left; text-align: center;}
.sidebar dl{}
.sidebar dl.slidebar-sub{ display:none;}
.sidebar dl dt{ font-size: 24px; line-height: 1; color: #2e2b5b; padding: 31px 10px 33px 10px;border-bottom: 1px solid #e5e5e5;}
.sidebar dl dd{ border-bottom: 1px solid #e5e5e5;}
.sidebar dl dd a{ display: block; font-size: 15px; color: #5e5e5e; line-height: 56px; padding: 0 10px; text-indent: 60px; text-align: left;}
.sidebar dl dd a:hover,
.sidebar dl dd a.current{ background: #0044a3; color: #fff;}
.sidebar .slidebar-sub dd{ border-bottom: 0;}
.sidebar .slidebar-sub dd a{ background: none; color: #6b7074; text-indent: 42px; text-align: left;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;    font-size: 13px;}
.sidebar .slidebar-sub dd a:hover,
.sidebar .slidebar-sub dd a.current{ color: #2e2b5b; background: none;}
.sidebar .slidebar-sub dd span{ width: 4px; height: 5px; background: #2e2b5b; display: inline-block; margin-right: 12px; opacity: 0; filter:alpha(opacity=0); margin-bottom: 3px;
-webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; transition: opacity 0.5s linear;}
.sidebar .slidebar-sub dd a:hover span,
.sidebar .slidebar-sub dd a.current span{ opacity: 1; filter:alpha(opacity=100);}

.content{ width: 828px; padding: 0 0 0 33px; float: right;}
.content .content-mid{ padding: 30px 0 54px 0;}
.breadcrumb{ color: #b2b2b2; font-size: 12px; text-align: right; padding-bottom: 11px; border-bottom: 1px solid #e5e5e5;}
.content-mid h4.s-t{ color: #2e2b5b; font-size: 18px; font-weight: bold; margin-bottom: 18px; font-weight: 500;}

/*about*/
.about-page .content .content-mid{ padding-top: 54px; padding-bottom: 86px; }
.about-page .content-mid .found-time{ display: block; text-align: center;}
.about-page .content-mid .sub-t{ display: block; text-align: center; margin: 10px 0 7px 0;}
.about-page .content-mid .sub-t span{ display: inline-block; font-size: 21px; color: #fff; background: #6b7074; padding: 0 14px; line-height: 30px;}
.about-page .content-mid .info{ text-align: center;}
.about-page .content-mid h4.s-t{ font-weight: 600; margin-top: 27px; margin-bottom: 13px;}
.about-page .content-mid div p{ font-size: 15px; line-height: 28px; color: #333333;}
.about-page .content-mid div p.p2{ font-size: 18px; color: #666;}
.about-page .content-mid div.about-company{ padding-bottom: 34px; border-bottom: 1px solid #e5e5e5; margin-bottom: 37px;}
.about-page .content-mid div.about-tech{ margin-bottom: 19px;}
.pic{ width: 100%; overflow: hidden;}
.pic .pic-item{ float: left;}
.pic-item.float-l{ float: left;}
.pic-item.float-r{ float: right;}
.pic img{ width:100%; display: block; margin: 0 auto; margin-bottom: 12px;}
.about-page .content-mid .w100{ width:100%; height: 348px; overflow: hidden; margin: 0 auto; margin-bottom: 13px; position: relative; z-index: 2;}
.about-page .content-mid .w50{ width: 405px; height: 230px; overflow: hidden; margin: 0 auto; position: relative; z-index: 2;}

/*service*/
.service-page{}
.service-page .content .content-mid{ padding-top: 27px; }
/*case*/
.case-page .content{ padding-left: 0;}
.case-page .case-list{ margin: 0; overflow: hidden;}
.case-page .case-list li{ width:400px; float: right; margin: 0 0 30px 0;}
.case-page .case-list li.left{ float: left; }
.case-page .case-list .listpic{ margin-bottom: 18px; width: 400px; height: 220px; overflow: hidden; position: relative; z-index: 2;}
.case-page .case-list .list-tt{ font-size: 16px; color: #090909; margin-bottom: 6px;}
.case-page .case-list .list-p{ font-size: 13px; color: #6b7074; margin-bottom: 19px;}
.case-page .case-list .tosee{ color: #fff; background: #bcbebf; padding: 0 26px; line-height: 30px; display: inline-block;}
.case-page .case-list .tosee:hover{ background: #0044a3; color: #fff;}

/*product*/
.product-page{}
.product-page .product-list{ margin: 0 -5px 0 -4px; margin-top: 9px; overflow: hidden;}
.product-page .content-banner{ margin-top: -27px;}
.product-page .product-list li{ float: left; width: 270px; margin: 0 5px 9px 4px;}
.product-page .product-list li .pro-pic{ line-height: 0; display: block; overflow: hidden; height: 206px; position: relative; z-index: 2;}
.product-page .product-list li .pro-name{ line-height: 40px; background: #6b7074; color: #fff; text-align: center; display: block;
 -webkit-transition: background 0.5s,color 0.5s,border-color 0.5s linear; -moz-transition: background 0.5s,color 0.5s,border-color 0.5s linear; -ms-transition: background 0.5s,color 0.5s,border-color 0.5s linear; transition: background 0.5s,color 0.5s,border-color 0.5s linear;}
.product-page .product-list li .pro-name:hover,
.product-page .product-list li:hover .pro-name{ background: #0044a3;}

.product-detail-page .detail-box-li .detail-box-content{ width: 340px; float: right;}
.product-detail-page .detail-box-li .detail-box-content .proname{ font-size: 26px; color: #2e2b5b; line-height: 48px; margin-top: 0;}
.product-detail-page .detail-box-li .detail-box-content .sub-name{ color: #6b7074; font-size: 24px; line-height: 32px; margin-bottom: 29px;}
.product-detail-page .detail-box-li .detail-box-content .pro-info label{ font-size: 16px; color: #010101; margin-bottom: 5px; display: block;}
.product-detail-page .detail-box-li .detail-box-content .pro-info p{ color: #6b7074; font-size: 13px; line-height: 24px;}
.product-detail-page .detail-box-li .detail-box-content .buy-btn{ line-height: 36px; padding: 0 35px; background: #6b7074; font-size: 16px; color: #fff; display: inline-block; margin-top: 79px;}
.product-detail-page .detail-box-li .detail-box-content .buy-btn:hover{ background: #0044a3;}

.product-detail-page .detail-section h4{ font-size: 18px; color: #2e2b5b; line-height: 41px; border-bottom:1px solid #e5e5e5; margin-bottom: 32px;}
.prode h4{font-size: 18px; color: #2e2b5b; line-height: 41px; border-bottom:1px solid #e5e5e5; margin-bottom: 32px;}
.product-detail-page .detail-section h4 span { width: 4px; height: 24px; background: #6b7074; display: inline-block; margin-right: 10px; margin-top: 12px; float: left;}
.prode h4 span{ width: 4px; height: 24px; background: #6b7074; display: inline-block; margin-right: 10px; margin-top: 12px; float: left;}
.product-detail-page .detail-section .section-content{}
.product-detail-page .detail-section .section-content ul{ overflow: hidden; margin-top: -15px;}
.product-detail-page .detail-section.section01{ overflow: hidden; margin-bottom: 20px; margin-top: 36px;}
.prode{ overflow: hidden; margin-bottom: 20px; margin-top: 36px;}
.product-detail-page .detail-section.section01 .left{ width: 274px; float: left;}
.product-detail-page .detail-section.section01 .right{ width: 484px; float: right; margin-top: -2px;}
.product-detail-page .detail-section.section01 .section-content ul li{ float: left; width: 226px; height: 168px; margin-right: 15px; margin-bottom: 14px;}
.product-detail-page .detail-section.section01 .left p{ color: #6b7074; line-height: 30px;}
.product-detail-page .detail-section.section02 .section-content{ margin-bottom: 30px;}
.product-detail-page .detail-section.section03 ul li{ width: 402px; float: left; margin-right: 12px; margin-bottom: 20px;}
.product-detail-page .detail-section.section03 ul li span{ display: block; text-align: center; line-height: 30px; color: #676463;}
.product-detail-page .detail-section.section04 ul li{ width: 400px; float: left; margin-right: 28px; margin-bottom: 20px;}
.product-detail-page .detail-section.section04 ul li.evan{ margin-right: 0;}
.product-detail-page .detail-section.section04 ul li span{ display: block; text-align: left; line-height: 33px; color: #090909;}

/*news*/
.news-page{}
.news-page .content .content-mid{ padding-top: 27px; }
.news-page .news-item{ margin-bottom: 33px;}
.news-page .news-item .datetime{ padding-left: 35px; padding-right: 30px; margin-right: 30px; border-right: 1px solid #dcdcdc; float: left;}
.news-page .news-item .date{ color: #999999; font-size: 24px; line-height: 33px; font-weight: 500; display: block;-webkit-transition: background 0.5s,color 0.5s linear; -moz-transition: background 0.5s,color 0.5s linear; -ms-transition: background 0.5s,color 0.5s linear; transition: background 0.5s,color 0.5s linear;}
.news-page .news-item .year{ font-size: 12px; color: #bbbbbb;-webkit-transition: background 0.5s,color 0.5s linear; -moz-transition: background 0.5s,color 0.5s linear; -ms-transition: background 0.5s,color 0.5s linear; transition: background 0.5s,color 0.5s linear;}
.news-page .news-item .news-txt{ overflow: hidden;}
.news-page .news-item .news-txt a.news-tt,
.news-page .news-item .news-txt h5{ color: #333333; font-size: 16px; line-height: 33px;}
.news-page .news-item .news-txt p{ color: #aaaaaa; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-page .news-item:hover .news-txt a.news-tt,
.news-page .news-item:hover .date,
.news-page .news-item:hover .year{ color:#0044a3;}
.news-page .news-item .news-txt a.more{ color: #c6c6c6; font-size: 13px; margin-top: 15px; display: inline-block;}
.news-page .news-item .news-txt a.more:hover{ color: #0044a3;}
.news-page .news-item.lastest{ background: #f4f4f4; padding: 35px 28px 33px 28px; overflow: hidden; position: relative;}
.news-page .news-item.lastest .datetime{ display: block; width: 100%; padding-top: 30px; padding-bottom: 11px; padding-left: 0; position: relative;}
.news-page .news-item.lastest .date{ font-size: 48px; color: #6b7074;}
.news-page .news-item.lastest .year{ color: #cccccc; font-size: 18px; position: absolute; top: -11px; left: 0;}
.news-page .news-item.lastest .news-txt{ width: 100%; float: left;}
.news-page .news-item.lastest .news-txt a.news-tt{ color: #000; line-height: 30px;}
.news-page .news-item.lastest:hover .news-txt a.news-tt{ color: #0044a3;}
.news-page .news-item.lastest .news-txt p{ text-overflow: inherit; white-space: normal; line-height: 21px;}
.news-page .news-item.lastest .news-txt a.more{ position: absolute; top: 20px; right: 0; line-height: 33px; padding: 0 16px; color: #fff; background: #6b7074; display: inline-block;}
.news-page .news-item.lastest .news-txt a.more:hover{ background: #0044a3;}
.news-page .pager{ padding-top: 0; }
.news-page .pager .pages{ text-align: left; }
.news-page .pager .pages li{ text-align: center; }

/*contact*/
.contact-page .content .content-mid{ padding-bottom: 0; }
.contact-page .contact-item01{ padding: 30px 21px 36px 109px; margin-bottom: 36px; background: #f6f6f6 url(../images/icon-tel.png) 38px 36px no-repeat ; position: relative;}
.contact-page .contact-item01 label{ display: inline-block; margin-top: 8px; color: #6b7074; font-weight: 600; line-height: 24px;}
.contact-page .contact-item01 .telnum{ margin-bottom: 8px; margin-top: 2px;}
.contact-page .contact-item01 p{ font-size: 18px; font-weight: 600; color: #6b7074; line-height: 36px;}
.contact-code{ position: absolute; top: 17px; right: 21px;}
.contact-page .contact-item{ font-size: 14px; padding-bottom: 22px; border-bottom: 1px solid #eeeeee; margin-bottom: 29px;}
.contact-page .contact-item.last{ border-bottom: 0; }
.contact-page .contact-item .contact-area{ color: #6b7074; font-weight: 600; line-height: 20px; font-size: 16px;}
.contact-page .contact-item p{ color: #a7a7a6; font-size: 15px; line-height: 19px;}
.contact-page .contact-item ul{ overflow: hidden; clear: both;}
.contact-page .contact-item ul li{float: left; min-width: 260px; margin-right: 16px; font-size: 14px; color: #a7a7a6; }
.contact-page .contact-item .lookmap{ line-height: 30px; background: #eeeeee; color: #6b7074; display: inline-block; padding: 0 25px; margin-top: 16px;}
.contact-page .contact-item .lookmap:hover{ color: #fff; background: #0044a3;}
.contact-page .contact-form{ margin-bottom: 60px; overflow: hidden; margin-bottom: 41px;}
.contact-page .contact-form .title{ font-size: 18px; font-weight: 600; color: #6b7074; line-height: 1; margin-bottom: 29px; margin-top: 23px;}
.contact-page .contact-form .form-item{ margin-bottom: 19px; width: 400px; float: left; position: relative;z-index: 0}
.contact-page .contact-form .form-item label{ line-height: 36px; color: #a9a9a9; position: absolute; left: 19px; top: 0; z-index: 1;}
.contact-page .contact-form .form-item input{ width: 360px; height: 36px; line-height: 36px; color: #a9a9a9; padding: 0 19px; border: 1px solid #dbdbdb; background: none; outline: none; position: relative; z-index: 2;}
.contact-page .contact-form .form-item.contact-num{ float: right;}
.contact-page .contact-form .form-item.contact-content{ float: left;}
.contact-page .contact-form .form-item.contact-content textarea{ width: 649px; height: 191px; padding: 0 19px; line-height: 36px; color: #a9a9a9; border: 1px solid #dbdbdb; background: none; outline: none; position: relative; z-index: 2;}
.contact-page .contact-form .form-item.submit-btn{ float: right; width: 140px;}
.contact-page .contact-form .form-item.submit-btn button{ width: 140px; line-height: 193px; background: #6b7074; color: #fff; font-size: 18px; border: 0; cursor: pointer;
-webkit-transition: background 0.5s,color 0.5s,border-color 0.5s linear; -moz-transition: background 0.5s,color 0.5s,border-color 0.5s linear; -ms-transition: background 0.5s,color 0.5s,border-color 0.5s linear; transition: background 0.5s,color 0.5s,border-color 0.5s linear;}
.contact-page .contact-form .form-item.submit-btn button:hover{ background: #0044a3; }

.share{ float: left; margin-right: 8px; width: 80%;}
.share label{ float: left; margin-top: 2px;}
.share .bdshare-button-style2-24 a{ width: 21px; height: 21px; padding-left: 0; margin-top: 2px; display: block; text-indent: -99999em; background: url(../images/share-icon.png) no-repeat 0 0;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    transition: none;
}
.share .bdshare-button-style2-24 .bds_weixin{ background-position: -28px 0; }
.share .bdshare-button-style2-24 .bds_tsina{background-position: 0 0;}
.share .bdshare-button-style2-24 .bds_weixin:hover{ background-position: -28px -22px;}
.share .bdshare-button-style2-24 .bds_tsina:hover{ background-position: 0 -22px;}
/*.share .bdshare-button-style2-24 .bds_qzone{ background-position: -54px 0;}
.share .bdshare-button-style2-24 .bds_renren{ background-position: -81px 0;}
.share .bdshare-button-style2-24 .bds_sqq{ background-position: -108px 0;}
.share .bdshare-button-style2-24 .bds_h163{ background-position: -135px 0;}
.share .bdshare-button-style2-24 .bds_kaixin001{ background-position: -163px 0;}
.share .bdshare-button-style2-24 .bds_bdhome{ background-position: -190px 0;}
*/
.page-pager{ padding-bottom: 9px;}
.pager{ padding: 30px 0 80px 0;}
.pager .pages{ width: 100%; overflow: hidden; text-align: center;}
.pager ul.pages li{ display: inline-block; font-size: 14px;}
.pager ul.pages li{ *display: inline; }
.pager ul.pages li a{ width: 55px; height: 36px; line-height: 36px; color: #757d80; display: block; margin: 0 1px;}
.pager ul.pages li a.back{ width: auto; padding: 0 20px;}
.pager ul.pages li a:hover,
.pager ul.pages li a.current{ background: #c2c6ca; color: #fff;}
.pager ul.pages li a.prve,
.pager ul.pages li a.next{ text-indent:-99999em; background: url(../images/pager-prve.png) no-repeat center;}
.pager ul.pages li a.next{ background: url(../images/pager-next.png) no-repeat center;}
.pager ul.pages li a.prve:hover,
.pager ul.pages li.current a.prve{ background: url(../images/pager-prve-hover.png) no-repeat center;}
.pager ul.pages li a.next:hover,
.pager ul.pages li.current a.next{ background: url(../images/pager-next-hover.png) no-repeat center;}
.pager ul.pages li a.shangyi{ display:none;}

.product-detail-page .product-deail-box{ background: #13181c;}
.product-detail-page .product-deail-box .detail-box-zoom{ width:453px; float:left; }
.prodZoomL{ width:453px; height:346px;}
.prodZoom .spec-preview { width:453px; height:346px; position:relative;}
.jqzoom{ position:relative; cursor:pointer; display:block; width:453px; height:346px; overflow:hidden;}
.jqzoom img{ width:100%; height:100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:453px; height:346px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:200px;height:200px;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.spec-scroll { width: 453px; height: 70px; float: left; position: relative; margin-top:12px;}
.spec-scroll a { width: 24px; height: 70px; text-align: center; font-size:0; position: absolute; top: 0; cursor: pointer; text-indent:-99999em;}
.spec-scroll a.prev { left: 0; background:#fff url(../images/zoom-pre.png) 3px center no-repeat;}
.spec-scroll a.next { right: 0; background:#fff url(../images/zoom-next.png) right center no-repeat;}
.spec-scroll a.prev:hover{background: url(../images/zoom-pre-hover.png) 3px center no-repeat;}
.spec-scroll a.next:hover{ background: url(../images/zoom-next-hover.png) right center no-repeat;}
.spec-scroll .items{ width: 407px; height: 98px; margin: 0 auto; position: relative; overflow: hidden;}
.spec-scroll .items ul{ position: absolute; width: 99999px; overflow: hidden;}
.spec-scroll .items ul li{ float: left; margin: 0 6px; width: 88px; height: 68px; border: 1px solid #e5e5e5;}
.spec-scroll .items ul li:hover{ border-color: #0044a3; }
.spec-scroll .items ul li img{ width: 100%; height: 100%;}


.joinList { width: 857px; padding-bottom: 40px; margin: 0 auto; overflow: hidden; }
.joinList li { width: 857px; margin-bottom: 16px; }
.joinList li h2 { font-size: 15px; width: 807px; padding-left: 50px; height: 40px; line-height: 40px; color: #323232; background: url(../images/service_05.jpg) no-repeat center; cursor: pointer; font-weight: normal;
 -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
.joinList li h2.active { background: url(../images/service_08.jpg) no-repeat center; color: #fff; }
.join-content { padding: 15px 28px; display: none; position: relative; background-color: #f4f3f3; margin-top: 10px; *zoom: 1; }
.join-content:after { display: block; content: ''; width: 0; border: 7px solid transparent; border-bottom: 7px solid #f4f3f3; position: absolute; left: 80px; top: -13px; }
.join-content h4 { color: #3f3f3f; font-size: 15px; font-weight: bold; margin-top: 10px; margin-bottom: 6px; }
.join-content h5 { color: #fea800; font-size: 15px; font-weight: bold; margin-top: 24px; margin-bottom: 6px; }
.join-content p { font-size: 13px; line-height: 26px; color: #676767; }


/*详情页*/
.news-detail-box { width: 857px; margin: 0 auto; }
.news-detail-box h1 { font-size: 22px; line-height: 34px; color: #363a3c; text-align: center; }
.news-info { text-align: center; color: #7f8080; font-size: 14px; line-height: 34px; margin-top: 6px; margin-bottom: 15px; }
.news-detail { padding-top: 27px; padding-bottom: 30px; border-top: 1px solid #e5e5e5; }
.news-detail img { margin: 0 auto; }
.news-detail p { line-height: 30px; color: #7f8080; }
.news-detail h3 { font-size: 18px; font-weight: bold; color: #393939; margin-bottom: 15px; }

.news-detail-box h6 { line-height: 30px; color: #666; }
.news-detail-box h6 a { color: #666; }
.news-detail-box h6 a:hover { color: #0044a3; text-decoration: underline; }

.tag { margin: 20px 0 10px; }
.tag a { margin: 0 8px; }
.tag a:hover { text-decoration: underline; color: #0044a3; }

.other-news { width: 857px; margin-top: 25px; }
.other-news h5 { width: 857px; padding-bottom: 10px; border-bottom: 1px dashed #ccc; font-size:22px; }
.other-news-list { width: 857px; overflow: hidden; padding-top: 20px; }
.other-news-list li { width: 50%; float: left; line-height: 30px; }
.other-news-list li a { display: block; width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.other-news-list li a:hover { text-decoration: underline; color: #0044a3; }

/*新闻详情分享*/
.bdsharebuttonbox.alzsbox { text-align: left; margin-top: 5px; }
.alzsbox{ width:293px!important;}
.alzsbox .bds_more{font-size:14px!important;color:#999!important;line-height:30px!important;background: none!important;margin-left:5px!important;padding: 0!important;width:30px!important;}
.bdsharebuttonbox.alzsbox a { float: none; display: inline-block; *display: inline; *zoom: 1; padding: 0; margin: 0 3px; vertical-align: top; }
.alzsbox a{width: 28px!important;height:28px!important; padding: 0 !important;}
.alzsbox a.bds_weixin{background: url(../images/weix_03.jpg) no-repeat center!important;}
.alzsbox a.bds_weixin:hover{background: url(../images/xqan_36.png) no-repeat center!important;opacity: 1!important;}
.alzsbox a.bds_tsina{background: url(../images/xqan_38.png) no-repeat center!important;}
.alzsbox a.bds_tsina:hover{background: url(../images/03.png) no-repeat center!important;opacity: 1!important;}
.alzsbox a.bds_qzone{background: url(../images/xqan_40.png) no-repeat center!important;}
.alzsbox a.bds_qzone:hover{background: url(../images/a.png) no-repeat center!important;opacity: 1!important;}
.alzsbox a.bds_renren{background: url(../images/renrenatb_05.png) no-repeat center!important;}
.alzsbox a.bds_renren:hover{background: url(../images/05.png) no-repeat center!important;opacity: 1!important;}
.alzsbox a.bds_sqq{background: url(../images/xqan_44.png) no-repeat center!important;}
.alzsbox a.bds_sqq:hover{background: url(../images/07.png) no-repeat center!important;opacity: 1!important;}
.alzsbox a.bds_h163{background: url(../images/xqan_46.png) no-repeat center!important;}
.alzsbox a.bds_h163:hover{background: url(../images/06.png) no-repeat center!important;opacity: 1!important;}


/*===============客服===============*/
.qqkefu{position: fixed;top:50%;_position: absolute;_top: expression(eval(document.documentElement.scrollTop + 365));z-index:15;right:0px;width:45px;}
.qqkefu ul li{width: 45px;height:45px;margin-bottom:1px;float:right;line-height:45px;font-size:14px;cursor:pointer;position:relative;text-indent: 10px;}
.qqkefu ul li a{color:#fff;display: block;overflow: hidden;height: 45px;}
.qqkefu ul li.qq_cza{overflow:hidden}
.qqkefu ul li:hover{background:#0044a3;}
.qqkefu ul li.top{background:url(../images/k1.png) no-repeat center #444;position:relative;width:45px;height: 45px;cursor:pointer;}
.qqkefu ul li.top span{position:absolute;display:block;left:0;top:-5px;height:5px;width:45px;}
.qqkefu ul li.top:hover{background:url(../images/k1.png) no-repeat center #0044a3;}
.qqkefu ul li b{width:45px;height:45px;display:block;overflow:hidden;float:right;}
.qqkefu ul li span{font-size: 14px;font-weight: bold;color: #FFF;}
.qqkefu ul li b.a{background:url(../images/k2.png) no-repeat center #444;}
.qqkefu ul li b.b{background:url(../images/k3.png) no-repeat center #444;}
.qqkefu ul li b.f{background:url(../images/k4.png) no-repeat center #444;}
.qqkefu ul li b.c{background:url(../images/k5.png) no-repeat center #444;}
.qqkefu ul li:hover b.a{background:url(../images/k2.png) no-repeat center center #0044a3;}
.qqkefu ul li:hover b.b{background:url(../images/k3.png) no-repeat center center #0044a3;}
.qqkefu ul li:hover b.f{background:url(../images/k4.png) no-repeat center center #0044a3;}
.qqkefu ul li:hover b.c{background:url(../images/k5.png) no-repeat center center #0044a3;}
.qqkefu ul li.qq_czb{text-indent: 0;}
.qqkefu ul li.qq_czae{ line-height:15px !important}
.erweima{position: absolute;width:111px;height:150px;top: -120px;left: -111px;float: right;cursor: default !important;display:none;background:url(../images/qr_img.png) no-repeat;}
.erweima p{margin-top:20px;margin-left:10px;}
.erweima img{width:90px;height:90px;}
.qqkefu li .erweima p a{display:block;font-size:14px;color:#333;margin-top:-8px;margin-left:30px;}

.slidebar-sub{display: none;}
.sidebar>dl>dd>a{cursor:pointer;}

/*download*/
.download{margin-bottom:50px;}
.download div.title{overflow:hidden;height:40px;margin-top:30px;border-bottom:1px solid #e4e4e4;font-size: 18px;color: #000;}
.down{margin-top:30px;height:65px;border-bottom:1px dashed #bebebe;font-size: 14px;color: #666;line-height: 30px;}
.down span{display: block;font-size: 16px;color: #000;}
.sm{font-size: 14px;color: #666;}
.down_img{margin:-12px 25px 0 0;float: right;width: 37px;height:27px;background:url("../images/down_03.png") no-repeat center;}
.down a{transition:.5s;-webkit-transition:.5s;}
.down:hover .sm{color: #0044a3;;text-decoration: underline;}
.down:hover .down_img{margin-top:-5px;background: url("../images/down_06.png") no-repeat center;}
.download .pager{margin-top:30px;}