@charset "utf-8";
BODY {
	MIN-WIDTH: 1200px
}
.main-color {
	COLOR: #38b9b0
}
A {
	DISPLAY: block; COLOR: #363636
}
.container {
	MARGIN: 0px auto; WIDTH: 1200px
}
.top-bar {
	BACKGROUND: #f3f3f3; HEIGHT: 40px; COLOR: #666
}
.top-bar P {
	LINE-HEIGHT: 40px
}
.top-bar SPAN {
	PADDING-LEFT: 30px; WIDTH: 170px; DISPLAY: inline-block
}
.top-bar .tel {
	BACKGROUND: url(../images/top-bar-tel.png) no-repeat 0px 13px
}
.top-bar .phone {
	BACKGROUND: url(../images/top-bar-phone.png) no-repeat 0px 13px
}
.top-bar .email {
	BACKGROUND: url(../images/top-bar-mail.png) no-repeat 0px 13px
}
.top-bar .qr1 {
	POSITION: relative; LINE-HEIGHT: 40px; PADDING-LEFT: 30px; FLOAT: right; HEIGHT: 40px; MARGIN-LEFT: 76px; CURSOR: pointer; MARGIN-RIGHT: 14px
}
.top-bar .qr {
	POSITION: relative; LINE-HEIGHT: 40px; PADDING-LEFT: 30px; BACKGROUND: url(../images/top-bar-qr.png) no-repeat 0px 9px; FLOAT: right; HEIGHT: 40px; MARGIN-LEFT: 26px; CURSOR: pointer; /*MARGIN-RIGHT: 14px*/
}
.top-bar .qr:hover .qr-container {
	DISPLAY: block
}
.top-bar .qr .qr-container {
	Z-INDEX: 20; POSITION: absolute; WIDTH: 154px; DISPLAY: none; HEIGHT: 200px; TOP: 40px; LEFT: -70px; box-shadow: 0 0 4px #38b9b0
}
.top-bar .qr .qr-container .img-container {
	WIDTH: 154px; HEIGHT: 154px
}
.top-bar .qr .qr-container .img-container IMG {
	MAX-WIDTH: 100%
}
.top-bar .qr .qr-container P {
	TEXT-ALIGN: center; LINE-HEIGHT: 46px; BACKGROUND: #fff; HEIGHT: 46px; FONT-SIZE: 20px
}
.top-bar .qr .on {
	DISPLAY: block
}
header {
	HEIGHT: 120px
}
header H1 {
	WIDTH: 280px; FLOAT: left; HEIGHT: 120px
}
header H1 A {
	HEIGHT: 100%; FONT-SIZE: 24px
}
header H1 img{ margin-top:28px}
header .nav {
	LINE-HEIGHT: 120px; FLOAT: right; HEIGHT: 120px; MARGIN-RIGHT: 14px
}
header .nav LI {
	FLOAT: left; MARGIN-LEFT: 30px
}
header .nav LI A {
	BORDER-BOTTOM: transparent 2px solid; DISPLAY: inline-block; HEIGHT: 84px; FONT-SIZE: 16px
}
header .nav LI A.active {
	BORDER-BOTTOM-COLOR: #C32B20; COLOR: #C32B20
}
header .nav LI A:hover {
	BORDER-BOTTOM-COLOR: #C32B20; COLOR: #C32B20
}
.banner {
	WIDTH: 100%; OVERFLOW: hidden
}
.banner IMG {
	WIDTH: 100%; HEIGHT: 100%
}
.main {
	TEXT-ALIGN: center; COLOR: #1f1e39
}
.about {
	HEIGHT:580px
}
.about .title {
	HEIGHT:100px
}
.about .title H2 {
	MARGIN-TOP: 50px; WIDTH: 500px; BACKGROUND: url(../images/about-title-bg.png); HEIGHT: 77px; MARGIN-LEFT: auto; FONT-SIZE: 30px; MARGIN-RIGHT: auto; PADDING-TOP: 24px
}
.about .title H3 {
	MARGIN-TOP: 20px; FONT-SIZE: 18px
}
.about .content {
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about-bg.png', sizingMethod='scale'); WIDTH: 100%; BACKGROUND: #fff; HEIGHT: 430px; background-size: 100% 100%
}
.about .content UL {
	MARGIN-TOP: 30px
}
.about .content UL LI {
	WIDTH: 25%; FLOAT: left;
	
}
.about .content UL LI A {
	POSITION: relative; MARGIN-TOP: 26px; PADDING-LEFT: 38px; WIDTH: 240px; PADDING-RIGHT: 38px; BACKGROUND: no-repeat center 50px; HEIGHT: 350px; MARGIN-LEFT: auto; CURSOR: default; MARGIN-RIGHT: auto; PADDING-TOP: 180px
}
.about .content UL LI A:hover {
	BACKGROUND-COLOR: #fff; COLOR: #38b9b0; box-shadow: 0 0 6px #38b9b0;cursor:pointer
}
.about .content UL LI A H4 {
	FONT-SIZE: 20px
}
.about .content UL LI A P {
	MARGIN-TOP: 30px; FONT-SIZE: 15px
}
.about .content UL .fuwu {
	BACKGROUND-IMAGE: url(../images/fuwu.png)
}
.about .content UL .fuwu:hover {
	BACKGROUND-IMAGE: url(../images/fuwu-h.png)
}
.about .content UL .xiangying {
	BACKGROUND-IMAGE: url(../images/xiangying.png)
}
.about .content UL .xiangying:hover {
	BACKGROUND-IMAGE: url(../images/xiangying-h.png)
}
.about .content UL .chengben {
	BACKGROUND-IMAGE: url(../images/chengben.png)
}
.about .content UL .chengben:hover {
	BACKGROUND-IMAGE: url(../images/chengben-h.png)
}
.about .content UL .duijie {
	BACKGROUND-IMAGE: url(../images/duijie.png)
}
.about .content UL .duijie:hover {
	BACKGROUND-IMAGE: url(../images/duijie-h.png)
}
.question {
	HEIGHT:460px
}
.question .container {
	POSITION: relative; BACKGROUND: url(../images/question-bg.png) no-repeat; HEIGHT:460px
}
.question .title {
	HEIGHT: 100px
}
.question .title H2 {
	MARGIN-TOP:70px; WIDTH: 500px; BACKGROUND: url(../images/question-title-bg.png) no-repeat; HEIGHT: 79px; MARGIN-LEFT: auto; FONT-SIZE: 30px; MARGIN-RIGHT: auto; PADDING-TOP: 24px
}
.question .detail {
	
}
.question .detail H3 {
	FONT-SIZE: 22px
}
.question .detail H3 SPAN {
	COLOR: #38b9b0
}
.question .detail .comb-sm {
	POSITION: absolute; PADDING-LEFT: 24px; WIDTH: 184px; PADDING-RIGHT: 24px; HEIGHT: 120px; FONT-SIZE: 15px
}
.question .detail .comb-sm P {
	TEXT-ALIGN: left; MARGIN-TOP: 10px
}
.question .detail .comb-l {
	POSITION: absolute; PADDING-LEFT: 50px; WIDTH: 270px; PADDING-RIGHT: 50px; HEIGHT: 160px
}
.question .detail .comb-l P {
	TEXT-ALIGN: left; MARGIN-TOP: 20px
}
.question .detail .comb-md {
	POSITION: absolute; PADDING-LEFT: 40px; WIDTH: 212px; PADDING-RIGHT: 40px; HEIGHT: 126px
}
.question .detail .comb-md P {
	TEXT-ALIGN: left; MARGIN-TOP: 10px
}
.question .detail .comb-1 {
	TOP: 394px; LEFT: 214px
}
.question .detail .comb-2 {
	TOP: 450px; LEFT: 492px
}
.question .detail .comb-3 {
	TOP: 294px; LEFT: 582px
}
.question .detail .comb-4 {
	WIDTH: 265px; TOP: 420px; PADDING-TOP: 10px; LEFT: 764px
}
.question .detail .comb-5 {
	WIDTH: 216px; TOP: 648px; LEFT: 684px
}
.question .detail .icon-1:after {
	Z-INDEX: 20; POSITION: absolute; WIDTH: 41px; BACKGROUND: url(../images/question-icon-1.png); HEIGHT: 41px; CONTENT: ''; TOP: -4px; LEFT: -21px
}
.question .detail .icon-2:after {
	Z-INDEX: 20; POSITION: absolute; WIDTH: 41px; BACKGROUND: url(../images/question-icon-2.png); HEIGHT: 41px; CONTENT: ''; TOP: -4px; LEFT: -21px
}
.question .detail .icon-3:after {
	Z-INDEX: 20; POSITION: absolute; WIDTH: 41px; BACKGROUND: url(../images/question-icon-3.png); HEIGHT: 41px; CONTENT: ''; TOP: -4px; LEFT: -21px
}
.question .detail .icon-4:after {
	Z-INDEX: 20; POSITION: absolute; WIDTH: 41px; BACKGROUND: url(../images/question-icon-4.png); HEIGHT: 41px; CONTENT: ''; TOP: -32px; LEFT: -23px
}
.question .detail .icon-5:after {
	Z-INDEX: 20; POSITION: absolute; WIDTH: 41px; BACKGROUND: url(../images/question-icon-5.png); HEIGHT: 41px; CONTENT: ''; TOP: -22px; LEFT: 192px
}
.question .detail canvas {
	Z-INDEX: 10; POSITION: absolute; TOP: 254px; LEFT: 0px
}
.solve {
	BACKGROUND: #38b9b0; HEIGHT:522px; OVERFLOW: hidden
}
.solve .title H2 {
	MARGIN-TOP: 70px; WIDTH: 500px; BACKGROUND: url(../images/solve-title-bg.png) no-repeat; HEIGHT: 79px; MARGIN-LEFT: auto; FONT-SIZE: 30px; MARGIN-RIGHT: auto; PADDING-TOP: 24px; margin-bottom:40px
}
.solve .title H2 SPAN {
	COLOR: #fff
}
.solve .title H3 {
	MARGIN-TOP: 20px; FONT-SIZE: 18px
}
.solve .detail {
	POSITION: relative; BACKGROUND: url(../images/solve-bg.png); HEIGHT: 600px; background-size: 100% 100%
}
.solve .detail > DIV {
	POSITION: absolute; WIDTH: 536px; HEIGHT: 98px; TOP: 1px; LEFT: 1px
}
.solve .detail > DIV H4 {
	LINE-HEIGHT: 30px; FONT-SIZE: 20px
}
.solve .detail > DIV P {
	MARGIN-TOP: 10px; COLOR: #fff; FONT-SIZE: 18px
}
.solve .detail .goodness1 {
	TEXT-ALIGN: left; PADDING-LEFT: 40px; PADDING-RIGHT: 30px; BACKGROUND: url(../images/bg-line-r.png) repeat-x 0px 1px; LEFT: 1900px; opacity: 0; transition: opacity, left 2s linear
}
.solve .detail .goodness3 {
	TEXT-ALIGN: left; PADDING-LEFT: 40px; PADDING-RIGHT: 30px; BACKGROUND: url(../images/bg-line-r.png) repeat-x 0px 1px; LEFT: 1900px; opacity: 0; transition: opacity, left 2s linear
}
.solve .detail .goodness5 {
	TEXT-ALIGN: left; PADDING-LEFT: 40px; PADDING-RIGHT: 30px; BACKGROUND: url(../images/bg-line-r.png) repeat-x 0px 1px; LEFT: 1900px; opacity: 0; transition: opacity, left 2s linear
}
.solve .detail .goodness1:hover {
	BACKGROUND: url(../images/goodness-r.png)
}
.solve .detail .goodness3:hover {
	BACKGROUND: url(../images/goodness-r.png)
}
.solve .detail .goodness5:hover {
	BACKGROUND: url(../images/goodness-r.png)
}
.solve .detail .active-r {
	LEFT: 619px; opacity: 1; transition: opacity, left 2s ease
}
.solve .detail .goodness2 {
	TEXT-ALIGN: right; PADDING-LEFT: 30px; PADDING-RIGHT: 40px; BACKGROUND: url(../images/bg-line-l.png) repeat-x 0px 0px; LEFT: -1140px; opacity: 0; transition: opacity, left 2s ease
}
.solve .detail .goodness4 {
	TEXT-ALIGN: right; PADDING-LEFT: 30px; PADDING-RIGHT: 40px; BACKGROUND: url(../images/bg-line-l.png) repeat-x 0px 0px; LEFT: -1140px; opacity: 0; transition: opacity, left 2s ease
}
.solve .detail .goodness6 {
	TEXT-ALIGN: right; PADDING-LEFT: 30px; PADDING-RIGHT: 40px; BACKGROUND: url(../images/bg-line-l.png) repeat-x 0px 0px; LEFT: -1140px; opacity: 0; transition: opacity, left 2s ease
}
.solve .detail .goodness2:hover {
	BACKGROUND: url(../images/goodness-l.png) right 0px
}
.solve .detail .goodness4:hover {
	BACKGROUND: url(../images/goodness-l.png) right 0px
}
.solve .detail .goodness6:hover {
	BACKGROUND: url(../images/goodness-l.png) right 0px
}
.solve .detail .active-l {
	LEFT: 44px; opacity: 1; transition: opacity, left 2s ease
}
.solve .detail .goodness1 {
	TOP: 91px
}
.solve .detail .goodness3 {
	TOP: 231px
}
.solve .detail .goodness5 {
	TOP: 371px
}
.solve .detail .goodness2 {
	TOP: 160px
}
.solve .detail .goodness2 P {
	PADDING-LEFT: 50px
}
.solve .detail .goodness4 {
	TOP: 300px
}
.solve .detail .goodness4 P {
	PADDING-LEFT: 54px
}
.solve .detail .goodness6 {
	TOP: 440px
}
.solve .detail .goodness6 P {
	PADDING-LEFT: 90px
}
.cooperation {
	BACKGROUND: #f8f8f8; HEIGHT: 504px
}
.cooperation .title {
	HEIGHT: 100px
}
.cooperation .title H2 {
	MARGIN-TOP: 100px; WIDTH: 500px; BACKGROUND: url(../images/cooperation-title-bg.png); HEIGHT: 77px; MARGIN-LEFT: auto; FONT-SIZE: 30px; MARGIN-RIGHT: auto; PADDING-TOP: 24px
}
.cooperation .detail UL {
	MARGIN-TOP: 30px
}
.cooperation .detail UL LI {
	BORDER-BOTTOM: #dadada 2px solid; BORDER-LEFT: #dadada 2px solid; FLOAT: left; MARGIN-LEFT: 20px; BORDER-TOP: #dadada 2px solid; BORDER-RIGHT: #dadada 2px solid
}
.cooperation .detail UL LI:first-child {
	MARGIN-LEFT: 0px
}
.cooperation .detail UL LI:hover {
	BORDER-BOTTOM-COLOR: #38b9b0; BORDER-TOP-COLOR: #38b9b0; BORDER-RIGHT-COLOR: #38b9b0; BORDER-LEFT-COLOR: #38b9b0; box-shadow: 0 0 6px #38b9b0
}
.cooperation .detail UL LI:hover A {
	CURSOR: default
}
.cooperation .detail UL LI:hover A IMG {
	BACKGROUND: #fff
}
.contact-us {
	BACKGROUND: #f0f0f0; HEIGHT: 720px
}
.contact-us .container {
	BACKGROUND: url(../images/contact-us-bg.png); HEIGHT: 720px; background-size: 100% 100%
}
.contact-us .title {
	HEIGHT: 150px
}
.contact-us .title H2 {
	MARGIN-TOP: 96px; WIDTH: 500px; BACKGROUND: url(../images/contact-us-title-bg.png) no-repeat; HEIGHT: 79px; MARGIN-LEFT: auto; FONT-SIZE: 30px; MARGIN-RIGHT: auto; PADDING-TOP: 24px
}
.contact-us .detail .form-control {
	WIDTH: 460px; MARGIN-BOTTOM: 18px; HEIGHT: 46px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
.contact-us .detail .form-control INPUT {
	BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; LINE-HEIGHT: 46px; PADDING-LEFT: 24px; WIDTH: 460px; PADDING-RIGHT: 24px; HEIGHT: 46px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; border-radius: 6px
}
.contact-us .detail TEXTAREA {
	BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; OVERFLOW-Y: auto; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 24px; OUTLINE-WIDTH: medium; WIDTH: 460px; PADDING-RIGHT: 24px; HEIGHT: 140px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 12px; border-radius: 6px; resize: none
}
.contact-us .detail .submit {
	MARGIN-TOP: 24px; WIDTH: 460px; BACKGROUND: #38b9b0; HEIGHT: 54px; COLOR: #fff; FONT-SIZE: 22px; border-radius: 6px
}
footer {
	BACKGROUND: #373737; HEIGHT: 330px
}
#links{ clear:both; font-size:12px; color:#999}
#links a{ float:left; margin-right:10px; font-size:12px; color:#999}
footer .container {
	BACKGROUND: url(../images/footer-bg.png); HEIGHT: 250px
}
footer .container > P {
	TEXT-ALIGN: center; MARGIN-TOP: 75px; COLOR: #fff; FONT-SIZE: 12px
}
footer .container > P A {
	DISPLAY: inline-block; COLOR: #fff
}
footer .container > P A:hover {
	COLOR: #38b9b0
}
footer .link-us {
	LINE-HEIGHT: 2.2em; MARGIN-TOP: 36px;BACKGROUND: url(../images/footer-phone.png) no-repeat; HEIGHT: 140px; COLOR: #CCCCCC; FONT-SIZE: 15px
}
footer .link-us .link-us-right {
	PADDING-right:160px; BACKGROUND: url(../images/code.jpg) no-repeat 170px 10px; FLOAT: right
}
footer .link-us .link-us-right A {
	/*LINE-HEIGHT: 180px; */COLOR: #fff; FONT-SIZE: 16px
}
footer .link-us .link-us-right A:hover {
	COLOR: #38b9b0
}
.fmenu a{ color:#FFF; padding:10px 20px; float:left}
.fmenu a:hover{ color:#C32B20}
/*新增首页内容开始*/
.h-tabConin ul{
    font-size: 0;
}
.h-tabConin ul li{
    margin-top:20px;
    width:23%;
    margin-left:2.5%;
    height: 96px;
    display: inline-block;
    background-color: #efefef;
}
.h-tabConin ul li:first-child{
    margin-left:0;
}
.h-productDiv{
    display: table;
    width: 100%;
    height: 100%;
}
.h-productDiv a{
    display: table-cell;
    vertical-align: middle;
    font-size: 0;
    cursor: pointer;
}
.h-productDiv a .h-proTileall{
    color:#3f44bc;
    font-size: 18px;
    font-family: "microsoft yahei";
}
.h-productDiv a .h-proImg{
    display: inline-block;
    width: 39%;
    vertical-align: middle;
    font-size:45px;
}
.h-productDiv a .h-proTxt{
    width:61%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    color:#272636;
    padding-right:2px;
}

.h-productDiv a .h-proTxt span:first-child{
    display: block;
    font-size: 16px;
    font-family: "microsoft yahei";
    line-height: 34px;
}
.h-productDiv a .h-proTxt span:first-child+ span{

    font-size: 12px;
    font-family: "microsoft yahei";
    line-height: 24px;
}
.h-mrl0{
    margin-left:0 !important;
}
/*.h-tabConin ul li:hover{
	 background: #fff;
	    filter:
              progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=5)
              progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=90,strength=5)
              progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=5)
              progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=5);
	 box-shadow: -1px 0 5px rgba(0, 0, 0, .075),
	   0 -1px 5px rgba(0, 0, 0, .075),
	   0 1px 5px rgba(0, 0, 0, .075),
	   1px 0 5px rgba(0, 0, 0, .075);
	 -moz-box-shadow: -2px 0 0 rgba(0, 0, 0, .075),
	   0 -2px 0 rgba(0, 0, 0, .075),
	   0 2px 0 rgba(0, 0, 0, .075),
	   2px 0 0 rgba(0, 0, 0, .075);
	 -webkit-box-shadow: -1px 0 5px rgba(0, 0, 0, .075),
	   0 -1px 5px rgba(0, 0, 0, .075),
	   0 1px 5px rgba(0, 0, 0, .075),
	   1px 0 5px rgba(0, 0, 0, .075);

}*/
.h-productDiv a .h-proImg.h-jisu{
    background: url(../images/product-jisu1.png) no-repeat center center;
}
/*.h-tabConin ul li:hover .h-productDiv a .h-proImg.h-jisu{
	background: url(../images/product-jisu2.png) no-repeat center center;
}*/
.h-productDiv a .h-proImg.h-shouhou{
    background: url(../images/product-shouhou1.png) no-repeat center center;
}
.h-productDiv a .h-proImg.h-nixiang{
    background: url(../images/product-nixiang1.png) no-repeat center center;
}
.h-productDiv a .h-proImg.h-kaixiang{
    background: url(../images/product-kaixiang2.png) no-repeat center center;
}
/*.h-tabConin ul li:hover .h-productDiv a .h-proImg.h-shouhou{
	background: url(../images/product-shouhou2.png) no-repeat center center;
}*/
.h-productDiv a .h-proImg.h-yuyue{
    background: url(../images/product-yuyue1.png) no-repeat center center;
}
/*.h-tabConin ul li:hover .h-productDiv a .h-proImg.h-yuyue{
	background: url(../images/product-yuyue2.png) no-repeat center center;
}*/
.h-productDiv a .h-proImg.h-anyue{
    background: url(../images/product-anyue1.png) no-repeat center center;
}
/*.h-tabConin ul li:hover .h-productDiv a .h-proImg.h-anyue{
	background: url(../images/product-anyue2.png) no-repeat center center;
}*/
.h-productDiv a .h-proImg.h-sz{
    background: url(../images/product-songzhuang1.png) no-repeat center center;
}
/*.h-tabConin ul li:hover .h-productDiv a .h-proImg.h-sz{
	background: url(../images/product-songzhuang2.png) no-repeat center center;
}*/
.h-productDiv a .h-proImg.h-yejian{
    background: url(../images/product-yejian1.png) no-repeat center center;
}
/*.h-tabConin ul li:hover .h-productDiv a .h-proImg.h-yejian{
	background: url(../images/product-yejian2.png) no-repeat center center;
}*/
.h-productDiv a .h-proImg.h-dangri{
    background: url(../images/product-dangri1.png) no-repeat center center;
}
/*.h-tabConin ul li:hover .h-productDiv a .h-proImg.h-dangri{
	background: url(../images/product-dangri2.png) no-repeat center center;
}*/
.h-productDiv a .h-proImg.h-beiduofen{
    background: url(../images/product-beiduofen1.png) no-repeat center center;
}
/*.h-tabConin ul li:hover .h-productDiv a .h-proImg.h-beiduofen{
	background: url(../images/product-beiduofen2.png) no-repeat center center;
}*/
.h-productDiv a .h-proImg.h-kuda{
    background: url(../images/product-kuda1.png) no-repeat center center;
}
/*.h-tabConin ul li:hover .h-productDiv a .h-proImg.h-kuda{
	background: url(../images/product-kuda2.png) no-repeat center center;
}*/
.h-productDiv a .h-proImg.h-diantong{
    background: url(../images/product-diandiantong1.png) no-repeat center center;
}
/*.h-tabConin ul li:hover .h-productDiv a .h-proImg.h-diantong{
	background: url(../images/product-diandiantong2.png) no-repeat center center;
}*/
.h-productDiv a .h-proImg.h-yuncang{
    background: url(../images/product-yuncang1.png) no-repeat center center;
}
/*.h-tabConin ul li:hover .h-productDiv a .h-proImg.h-yuncang{
	background: url(../images/product-yuncang2.png) no-repeat center center;
}*/
.h-productDiv a .h-proImg.h-wubao{
    background: url(../images/product-wubao1.png) no-repeat center center;
}
.h-productDiv a .h-proImg.h-yunpei{
    background: url(../images/product-yunpei1.png) no-repeat center center;
}
/*.h-tabConin ul li:hover .h-productDiv a .h-proImg.h-wubao{
	background: url(../images/product-wubao2.png) no-repeat center center;
}*/

/*.h-tabConin ul li:hover .h-productDiv a .h-proTxt{
	color:#3f44bc;
}*/
.h-swiper-product .swiper-slide, .h-swiper-product .swiper-wrapper{
    height: auto !important;
}
.h-tabConin ul li:hover{
        background: #fff;
        filter:
                        progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=5)
                        progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=90,strength=5)
                        progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=5)
                        progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=5);
        box-shadow: -1px 0 5px rgba(0, 0, 0, .075),
        0 -1px 5px rgba(0, 0, 0, .075),
        0 1px 5px rgba(0, 0, 0, .075),
        1px 0 5px rgba(0, 0, 0, .075);
        -moz-box-shadow: -2px 0 0 rgba(0, 0, 0, .075),
        0 -2px 0 rgba(0, 0, 0, .075),
        0 2px 0 rgba(0, 0, 0, .075),
        2px 0 0 rgba(0, 0, 0, .075);
        -webkit-box-shadow: -1px 0 5px rgba(0, 0, 0, .075),
        0 -1px 5px rgba(0, 0, 0, .075),
        0 1px 5px rgba(0, 0, 0, .075),
        1px 0 5px rgba(0, 0, 0, .075);

        /*-webkit-box-shadow:  1px 1px 1px rgba(0, 0, 0, .075);
	    box-shadow:  1px 1px 1px rgba(0, 0, 0, .075);
	    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
    }
    .h-tabConin ul li:hover .h-productDiv a .h-proImg.h-jisu{
        background: url(../images/product-jisu2.png) no-repeat center center;
    }

    .h-tabConin ul li:hover .h-productDiv a .h-proImg.h-shouhou{
        background: url(../images/product-shouhou2.png) no-repeat center center;
    }
    .h-tabConin ul li:hover .h-productDiv a .h-proImg.h-nixiang{
        background: url(../images/product-nixiang2.png) no-repeat center center;
    }
    .h-tabConin ul li:hover .h-productDiv a .h-proImg.h-kaixiang{
        background: url(../images/product-kaixiang1.png) no-repeat center center;
    }
    .h-tabConin ul li:hover .h-productDiv a .h-proImg.h-yuyue{
        background: url(../images/product-yuyue2.png) no-repeat center center;
    }

    .h-tabConin ul li:hover .h-productDiv a .h-proImg.h-anyue{
        background: url(../images/product-anyue2.png) no-repeat center center;
    }

    .h-tabConin ul li:hover .h-productDiv a .h-proImg.h-sz{
        background: url(../images/product-songzhuang2.png) no-repeat center center;
    }

    .h-tabConin ul li:hover .h-productDiv a .h-proImg.h-yejian{
        background: url(../images/product-yejian2.png) no-repeat center center;
    }

    .h-tabConin ul li:hover .h-productDiv a .h-proImg.h-dangri{
        background: url(../images/product-dangri2.png) no-repeat center center;
    }

    .h-tabConin ul li:hover .h-productDiv a .h-proImg.h-beiduofen{
        background: url(../images/product-beiduofen2.png) no-repeat center center;
    }

    .h-tabConin ul li:hover .h-productDiv a .h-proImg.h-kuda{
        background: url(../images/product-kuda2.png) no-repeat center center;
    }

    .h-tabConin ul li:hover .h-productDiv a .h-proImg.h-diantong{
        background: url(../images/product-diandiantong2.png) no-repeat center center;
    }

    .h-tabConin ul li:hover .h-productDiv a .h-proImg.h-yuncang{
        background: url(../images/product-yuncang2.png) no-repeat center center;
    }

    .h-tabConin ul li:hover .h-productDiv a .h-proImg.h-wubao{
        background: url(../images/product-wubao2.png) no-repeat center center;
    }
    .h-tabConin ul li:hover .h-productDiv a .h-proImg.h-yunpei{
        background: url(../images/product-yunpei2.png) no-repeat center center;
    }
    .h-tabConin ul li:hover .h-productDiv a .h-proTxt{
        color:#3f44bc;
    }
/*新增首页内容结束*/
/*********内页********/
.wrapper {
	width:1200px;
	margin:0 auto;
	clear:both;
}
.grid_96 {
	width:960px;
}
.i-more {
	width:24px;
	height:24px;
	background:url(../images/icons.png) no-repeat 0 0;
	display:inline-block;
}
.i-title {
	width:24px;
	height:24px;
	background:url(../images/icons.png) no-repeat 0 -30px;
	display:inline-block;
}
.i-home {
	width:16px;
	height:16px;
	background:url(../images/icons.png) no-repeat 0 -63px;
	display:inline-block;
}
.inside-banner {
	width:100%;
	height:380px;
	overflow:hidden;
}
.leftside {
	float:left;
	width:240px;
}
.leftside .hd {
	position:relative;
	height:60px;
	line-height:60px;
	background:#fff;
	color:#181818;
	font-size:18px;
	text-indent:1em;
	margin-top:-60px;
	filter:alpha(Opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9; 
}
.leftside .hd .i-title {
	position:absolute;
	right:10px;
	top:16px;
}
.leftside .bd {
	background:#ededed;
	margin-bottom:20px;
}
.leftside .bd li {
	position:relative;
	line-height:45px;
	font-size:16px;
	border-bottom:#e0e0e0 1px solid
}
.leftside .bd li.cur {
	}
.leftside .bd li.cur a {
	background:#C32B20;
	color:#fff;
}
.leftside .bd li a {
	display:block;
	/*font-family:"simsun";*/
	color:#000;
	text-indent:18px;
	font-weight:bold;
}
.leftside .bd li a:hover,.leftside .bd li a.cur {
	color:#fff;
	background:#A2241B;
}
.leftside .bd li a .ls-tit {
	width:160px;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.leftside .bd li .ls-arrows {
	position:absolute;
	right:10px;
	top:0;
	color:#fff;
	display:none;
	font-family:simsun;
}
.leftside .bd li:hover .ls-arrows,.leftside .bd li.cur .ls-arrows {
	display:block;
}
.leftside .bd .subLeftNav-list {
	}
.leftside .bd .subLeftNav-list li a {
	text-indent:30px;
	background:transparent!important;
	color:#000;
}
.leftside .bd .subLeftNav-list li a:hover,.leftside .bd .subLeftNav-list li a.cur {
	background:#006282!important;
	color:#fff;
}
.mainContainer {
	float:right;
	/*margin-top:5px;*/
	background:#F6F6F6;
	
}
.bread {
	position:relative;
	border-bottom:1px solid #ccc;
	display:table;
	width:90%;
	margin:20px auto;
	height:42px;
	line-height:42px;
}
.bread h3 {
	font-size:24px;
	color:#000;
	border-bottom:1px solid #006282;
	padding-right:5px;
	margin-bottom:-1px;
	display:table;
	font-weight:normal;
}
.bread .bread-list {
	position:absolute;
	right:0;
	top:0;
}
.bread .bread-list li {
	float:left;
	font-family:simsun;
	color:#999
}
.bread .bread-list li a {
	margin:0 5px;
	float:left;
	font-family:'微软雅黑';
}
.bread .bread-list li a:hover {
	text-decoration:none;
}
.bread .bread-list li .i-home {
	vertical-align:middle;
	margin-top:-3px;
	margin-right:5px;
}

.article {
	min-height:400px;
	width:90%;
	margin:0 auto;
}
.article h2 {
	font-size:24px;
	color:#006282;
	text-align:center;
	margin:5px 0 20px;
}
.article .article_con {

	font-size:16px;
	color:#333;
	line-height:24px;
	padding-bottom:40px;
}
.article .article_con p {
	margin-bottom:15px;
}
/*新闻列表*/
#main_left ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 865px;
}
#main_left ul li {
    float: left;
    padding-bottom: 20px;
    width: 863px;
	border-bottom:#CCC 1px dotted;
	margin-top:20px;
}
#main_left ul li h4 {
    color: #666666;
    float: left;
    font-size: 16px;
    margin: 0 0 10px 0;
    padding: 0;
    width:620px;
	text-align:left;
}
#main_left ul li h4 a {
    color: #000000;
    text-decoration: none;
}
#main_left ul li h4 a:hover {
    color: #388EC3;
    text-decoration: underline;
}
#main_left ul li h4 span {
    float: right;
    font-size: 14px;
    text-decoration: none;
}
#main_left .pic_news {
    float: left;
    margin-right: 20px;
}

#main_left .pic_news:hover {box-shadow: 2px 2px 5px 2px #ccc;transform: scale(1.01) translateY(-5px);-webkit-transform: scale(1.01) translateY(-5px);-moz-transform: scale(1.01) translateY(-5px);-ms-transform: scale(1.01) translateY(-5px);-o-transform: scale(1.01) translateY(-5px);transition: all .3s ease-in;-moz-transition: all .3s ease-in;-transition: all .3s ease-in;-o-transition: all .3s ease-in;-webkit-transition: all .3s ease-in;}
#main_left .pic_news:hover img{opacity:0.8;transition:all .4s ease;}
#main_left .txt {
    color: #666666;
    float: left;
	text-align:left;
    font-size: 14px;
    line-height: 22px;
    width: 620px;
}
#main_left .txt span{
	padding-left:20px;
}
#main_left .txt a {
    color: #FF6600;
    font-size: 14px;
	line-height:22px;
    text-decoration: none;
}
#main_left .txt a:hover {
    color: #41A4E2;
    text-decoration: underline;
}
/******分页************************/
.pager{
	margin-top: 60px;
	text-align: center;
}
.pager a{
	display: inline-block;
	font-family:"微软雅黑";
	border: 1px solid #d2d2d2;
	background: url(../images/pager_number.gif) repeat-x;
	padding: 0 10px;
	line-height: 26px;
	text-decoration:none;
	margin-right:2px;
}
.pager a.current{
	/*background: #5185c4;
	border-color: #5185c4;*/
	font-weight: bold;
	color: #fff;
	background: #e26001;
	border-color: #e26001;
}

.pager a:link, .pager a:visited{
	color: #535353;
}
.pager a:hover, .pager a:active{
	color: #E26001;
}
.pager a.current:link, .pager a.current:visited, .pager a.current:hover, .pager a.current:active{
	color: #fff;
}
.pager a:hover{
	text-decoration: none;
}

.imgteaser{overflow:auto;float: left;position: relative;width:265px;height:220px; margin:0 23px 30px 0; text-align:center;border:#ccc 1px solid}
.clst{ margin-right:0}
.imgteaser a{text-decoration: none;float: left;  height:180px}
.imgteaser a:hover{cursor:pointer}
.imgteaser a img{float:left;border: none;width:265px;height:180px;}
.imgteaser a:hover img{opacity:0.8;transition:all .4s ease;}
.CC{ clear:both;background:#f0f0f0; width:100%; height:40px; line-height:40px}

.imgteaser a:hover .CC{ background:#41A4E2;color:#FFF;line-height:40px;}
.imgteaser:hover{border:#41A4E2 1px solid}
/*****在线下单************************/
.bootstrap-frm {
margin-left:auto;
margin-right:auto;
max-width: 850px;
/*background: #FFF;*/
padding: 20px 0px 20px 0px;
font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #888;
/*text-shadow: 1px 1px 1px #FFF;
border:1px solid #DDD;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;*/
height:auto
}
.bootstrap-frm h1 {
font: 25px "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 0px 0px 10px 40px;
display: block;
border-bottom: 1px solid #DADADA;
margin: -10px -30px 30px -30px;
color: #888;
}
.bootstrap-frm h1>span {
display: block;
font-size: 11px;
}
.bootstrap-frm label {
display: block;
width:50%;
float:left;
margin: 0px 0px 5px;
}
.bootstrap-frm label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #333;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
}
.bootstrap-frm input[type="text"], .bootstrap-frm input[type="email"], .bootstrap-frm textarea, .bootstrap-frm select{
border: 1px solid #CCC;
font-family:'微软雅黑';
color: #4e4e4e;
height: 30px;
line-height:25px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 5px 0px 5px 5px;
width: 95%;
border-radius:1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
}
.bootstrap-frm select {
background: #FFF url('down-arrow.png') no-repeat right;
background: #FFF url('down-arrow.png') no-repeat right;
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 70%;
height: 35px;
line-height:15px;
}
.bootstrap-frm textarea{
height:200px;
padding: 5px 0px 0px 5px;
width: 70%;
}
.bootstrap-frm .button {
background: #C32B20;
border: 1px solid #881E16;
padding: 10px 25px 10px 25px;
color: #FFF;
border-radius:1px;
font-family:'微软雅黑';
}
.bootstrap-frm .button:hover {
color: #333;
background-color: #EBEBEB;
border-color: #ADADAD;
cursor:pointer
}
/* banner */
.banner2{height:538px; width:100%;overflow:hidden;position:relative; margin-top:0px}
.banner2 .d1{width:100%;height:538px;display:block;position:absolute;left:0px;top:0px;}
.banner2 .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:500px;}
.banner2 .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -46px;display:inline;}
.banner2 .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner2 .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}

.banner3{height:400px; width:100%;overflow:hidden; clear:both; position:relative}
.banner3 .d1{width:100%;height:400px;display:block;position:absolute;left:0px;top:0px;}
.banner3 .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:360px;}
.banner3 .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -46px;display:inline;}
.banner3 .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.banner3 .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}