*{ margin:0 auto; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{ font-family:"microsoft yahei";  color:#333; font-size:14px; background: #FFFFFF; min-width: 1380px;}
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333;}
a:focus { outline: 0 }
a:hover{ color: #0375e7;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s;}
ul,li{ list-style:none;}
.clear{ clear:both;}
p{ margin:0 auto; padding:0;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}


#home .home a,
#about .about a,
#products .products a,
#cases .cases a,
#news .news a,
#contact .contact a{ color: #0375e7; }


#products .products ul li a{ color: #333;}
#products .products ul li a:hover{background: #0375e7; color: #FFFFFF;}


#news .news ul li a{ color: #333;}
#news .news ul li a:hover{background: #0375e7; color: #FFFFFF;}

#about .about ul li a{ color: #333;}
#about .about ul li a:hover{background: #0375e7; color: #FFFFFF;}

#cases .cases ul li a{ color: #333;}
#cases .cases ul li a:hover{background: #0375e7; color: #FFFFFF;}


input,button,select,textarea{ outline:none; font-family:"microsoft yahei"; }
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}
.content{ width:1200px; margin:0 auto;}

submit{ font-family:"microsoft yahei"; }
#warp{ width:100%; height:auto; overflow: hidden;}

.Top{ width: 100%; height: 750px; position: relative;}
.Header{ width: 1180px; padding: 0 50px; height: 102px; background: #FFFFFF; position: absolute; z-index: 999; top: 40px; left: 50%; margin-left: -640px; border-radius: 5px;}
.Header .logo{ float: left; width: 230px; height: 66px; overflow: hidden; margin-top: 18px;}
.Header .logo a{ display: block; width: 230px; height: 66px;  background: url(../images/logo.jpg) no-repeat;}

.Header .nav{ float: left; width: 840px; height: 102px;  margin-left: 60px;}
.Header .nav li{ float: left; width: 140px; text-align: center; line-height: 102px; font-size: 16px; position: relative;}
.Header .nav li:hover ul{ display: block;}
.Header .nav li ul{ position: absolute; left: 0; top: 102px; background: #FFFFFF; display: none; width:140px;}
.Header .nav li ul li{ width: 100%; height: 42px; line-height: 42px; font-size: 14px; border-bottom: 1px solid #EEEEEE;}
.Header .nav li ul li a{ display: block;}
.Header .nav li ul li a:hover{ background: #0375e7; color: #FFFFFF;}

.Header .Tsea{ float: right; width: 21px; height: 102px; cursor: pointer; background: url(../images/Tseabg.jpg) no-repeat center;}
.searchshow{ width: 248px; height: 34px; z-index: 10;  background: #FFFFFF; float:left; position:absolute; right:0; top:102px;  display:none}
.searchshow .inputt{ width: 188px; padding: 0 10px; height: 32px; border: 1px solid #ddd; border-right:none ; float: left; font-size: 14px; color:#999;}
.searchshow .submitt{ width: 39px; height: 34px; float: left;  border: none; background:#0375e7; color: #FFFFFF; font-size: 18px; }


.Header1{ width: 1280px; padding: 0; height: 102px; background: #FFFFFF; position: relative; z-index: 999; }
.Header1 .logo{ float: left; width: 230px; height: 66px; overflow: hidden; margin-top: 18px;}
.Header1 .logo a{ display: block; width: 230px; height: 66px;  background: url(../images/logo.jpg) no-repeat;}

.Header1 .nav{ float: left; width: 920px; height: 102px;  margin-left: 60px;}
.Header1 .nav li{ float: left; width: 153px; text-align: center; line-height: 102px; font-size: 16px; position: relative;}
.Header1 .nav li:hover ul{ display: block;}
.Header1 .nav li ul{ position: absolute; left: 0; top: 102px; background: #FFFFFF; display: none; width:153px;}
.Header1 .nav li ul li{ width: 100%; height: 42px; line-height: 42px; font-size: 14px; border-bottom: 1px solid #EEEEEE;}
.Header1 .nav li ul li a{ display: block;}
.Header1 .nav li ul li a:hover{ background: #0375e7; color: #FFFFFF;}

.Header1 .Tsea{ float: right; width: 21px; height: 102px; cursor: pointer; background: url(../images/Tseabg.jpg) no-repeat center;}


/**banner**/
.fullSlide{width:100%;height:750px; overflow:hidden;   position: relative; }
.fullSlide .bd{ position:relative; z-index:0;  }
.fullSlide .bd ul{ width:100%; }
.fullSlide .bd li{ width:100%;  height:750px; }
.fullSlide .bd li a{ position:absolute; width:100%; height:750px; display:block; z-index:1;}
.fullSlide .hd{ width:100%;position:absolute; z-index:1; bottom:40px; left:0; height:10px; line-height:10px; text-align:center;  }
.fullSlide .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin-left:10px; background: #FFFFFF;  overflow:hidden; line-height:9999px; border-radius: 50%;}
.fullSlide .hd ul .on,.fullSlide .hd ul li:hover{background: #0375e7;  width:24px; height:10px; border-radius: 10px;}


.fullSlide .prev,.fullSlide .next {
	position: absolute;
	display: block;
	transition: all 250ms ease-out;
	margin-bottom: -30px;
	background-color: rgba(0,0,0,0.3);
	text-indent: -9999px;
	overflow: hidden;
	height: 60px;
	width: 40px;
	background-repeat: no-repeat;
}
.fullSlide .next {
	transform: translate(40px, 0);
	-ms-transform: translate(40px, 0);
	-webkit-transform: translate(40px, 0);
	-moz-transform: translate(40px, 0);
	-o-transform: translate(40px, 0);
}
.fullSlide .prev {
	transform: translate(-40px, 0);
	-ms-transform: translate(-40px, 0);
	-webkit-transform: translate(-40px, 0);
	-moz-transform: translate(-40px, 0);
	-o-transform: translate(-40px, 0);
}
.fullSlide:hover .next, .fullSlide:hover .prev {
	transform: translate(0, 0); opacity: 1.0;
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
}
.fullSlide .next {
	bottom: 50%; opacity: 0;
	right: 220px;
	background-image: url(../images/banner-fy.png);
	background-position: center bottom;
}
.fullSlide .prev {
	bottom: 50%; opacity: 0;
	left: 220px;
	background-image: url(../images/banner-fy.png);
	background-position: center top;
}

.inProbg{ width: 100%; height: auto; background: url(../images/inProBg.jpg) no-repeat center; padding-top: 66px; padding-bottom: 70px;}
.inPro{ width: 1320px; height: auto; overflow: hidden; margin-top: 10px;}
.inPro a{ display: block; width: 403px; height: 329px; background: #FFFFFF; border-radius: 8px; float: left; text-align: center; margin: 17px;}
.inPro a img{ width: 340px; height: 220px; padding-top: 20px;}
.inPro a p{ height: 52px; line-height: 52px; overflow: hidden; font-size: 22px;}
.inPro a:hover{ color: #FFFFFF; background: url(../images/inProA.png) no-repeat;}
.inYYbg{ width: 100%; height: 710px; background: url(../images/inYYbg.jpg) no-repeat center; padding-top: 66px;}

.inAPPliCon{ width: 1280px; height: 441px; overflow: hidden; margin-top: 40px;}
.inAPPliConL{ float: left; width: 468px; height: 440px; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; overflow: hidden; background: #FFFFFF;}
.inAPPliConL a{ float: left; display: block; width: 193px; height: 69px; padding: 20px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.inAPPliConL a dt{ float: left; width: 113px; height: 69px; overflow: hidden;}
.inAPPliConL a dt h4{ font-size: 18px; line-height: 26px; margin-bottom: 2px;}
.inAPPliConL a dt p{ text-transform: uppercase; color: #999999; font-family: arial; line-height: 20px; font-size: 12px;}
.inAPPliConL a dd{ float: right; width: 44px; height: 44px; overflow: hidden; margin-top: 12px;}
.inAPPliConL a.thistab{ color: #FFFFFF; background: #ff9700;}
.inAPPliConL a.thistab p{color: #FFFFFF;}

.inAPPliConL a:nth-child(1) dd{ background: url(../images/inAppicon1.png) no-repeat;}
.inAPPliConL a.thistab:nth-child(1) dd{ background: url(../images/inAppicon1s.png) no-repeat;}

.inAPPliConL a:nth-child(2) dd{ background: url(../images/inAppicon2.png) no-repeat;}
.inAPPliConL a.thistab:nth-child(2) dd{ background: url(../images/inAppicon2s.png) no-repeat;}

.inAPPliConL a:nth-child(3) dd{ background: url(../images/inAppicon3.png) no-repeat;}
.inAPPliConL a.thistab:nth-child(3) dd{ background: url(../images/inAppicon3s.png) no-repeat;}

.inAPPliConL a:nth-child(4) dd{ background: url(../images/inAppicon4.png) no-repeat;}
.inAPPliConL a.thistab:nth-child(4) dd{ background: url(../images/inAppicon4s.png) no-repeat;}

.inAPPliConL a:nth-child(5) dd{ background: url(../images/inAppicon5.png) no-repeat;}
.inAPPliConL a.thistab:nth-child(5) dd{ background: url(../images/inAppicon5s.png) no-repeat;}

.inAPPliConL a:nth-child(6) dd{ background: url(../images/inAppicon6.png) no-repeat;}
.inAPPliConL a.thistab:nth-child(6) dd{ background: url(../images/inAppicon6s.png) no-repeat;}

.inAPPliConL a:nth-child(7) dd{ background: url(../images/inAppicon7.png) no-repeat;}
.inAPPliConL a.thistab:nth-child(7) dd{ background: url(../images/inAppicon7s.png) no-repeat;}

.inAPPliConL a:nth-child(8) dd{ background: url(../images/inAppicon8.png) no-repeat;}
.inAPPliConL a.thistab:nth-child(8) dd{ background: url(../images/inAppicon8s.png) no-repeat;}

.inAPPliConR{ float: right; width: 811px; height: 441px; overflow: hidden;}
.inAPPliList{ width: 811px; height: 441px; overflow: hidden; position: relative;}
.inAPPliListDiv1{ width: 811px; height: 441px; overflow: hidden; }
.inAPPliListDiv1 img{width: 811px; height: 441px; }
.inAPPliListDiv2{ width: 811px; height: 441px; position: absolute; left: 0; bottom: 0; background: url(../images/inAPPliListDiv2Bg.png) no-repeat; z-index: 666; }
.inAPPliListDiv2info{ position: absolute; left: 0; bottom: 30px;width: 100%; height: 56px; overflow: hidden; padding: 0 40px; color: #FFFFFF; box-sizing: border-box; font-size: 18px; line-height: 28px;}




.inAbBox{ width: 1280px; height: auto; padding: 75px 0;}
.inAbL{ float: left; width: 640px; height: auto; overflow: hidden;}
.inAbL h2{ line-height: 62px; font-size: 36px; color: #000000;}
.inAbL h3{ line-height: 34px; font-size: 18px; color: #666666; font-weight: normal;}
.inAbL p{ font-size: 16px; line-height: 30px; margin-top: 32px;}
.inAbL h4{ width: 100%; height: 42px; margin-top: 70px;}
.inAbL h4 a{ display: block; width: 155px; height: 42px; float: left; background: url(../images/inAbmore.jpg) no-repeat;}
.inAbL h4 a:hover{background: url(../images/inAbmores.jpg) no-repeat;}

.inAbR{ float: right; width: 564px; height: 380px; overflow: hidden;}
.inAbR img{width: 564px; height: 380px; }

.inYs{ width: 100%; height: 200px; padding: 60px 0; background: url(../images/inYsBg.jpg) no-repeat center; }
.inYs dl{ cursor: pointer; float: left; width: 25%; height: 200px; box-sizing: border-box; overflow: hidden; border-right: 1px solid #313131; text-align: center; color: #FFFFFF; padding: 0 5%;}
.inYs dl:last-child{ border-right: none;}
.inYs dl dt{ width: 100%; height: 86px;}
.inYs dl dd{ width: 100%; height: auto; padding-top: 20px;}
.inYs dl dd h3{ font-size: 22px; line-height: 42px;}
.inYs dl dd h4{ width: 100%; height: 7px; margin-top: 10px;}
.inYs dl dd p{ width: 100%; height:48px; line-height: 24px; overflow: hidden;  display: none;}
.inYs dl:hover dd h4{ display: none;}
.inYs dl:hover dd p{ display: block;}

.inNews{ width: 1280px; height: auto; padding: 70px 0; overflow: hidden;}
.inNewsTop{ width: 1280px; height: 120px;}
.inNewsTop h4{ color: #000000; font-size: 42px; line-height: 75px; float: left;}
.inNewsTop p{ font-size: 18px; color: #666666; font-weight: normal; line-height: 36px;}
.inNewsTop span{ line-height: 120px; font-size: 18px; background: url(../images/inMore.png) no-repeat right center; padding-right: 35px;}
.inNewsTop span a{ color: #0375E7;}




.inNewsList{ width: 1280px; margin-top: 30px; height: auto; overflow: hidden;}
.inNewsListL{ float: left; width: 523px; height: 374px; overflow: hidden; position: relative;}
.inNewsListL img{width: 523px; height: 374px;}
.inNewsListL h4{color: #FFFFFF; font-size:18px; font-weight: normal; position: absolute; left: 0; bottom: 0; line-height: 60px; height: 60px; background: #0375e7; width: 100%; box-sizing: border-box; padding: 0 25px;}

.inNewsListR{ float: right; width: 688px; height: auto; overflow: hidden; position: relative;}
.inNewsListR dl{ width: 100%; height: auto; padding: 26px 0; overflow: hidden; border-bottom: 1px solid #EEEEEE;}
.inNewsListR dl:first-child{ padding-top: 0;}
.inNewsListR dl:last-child{ border-bottom: none;}
.inNewsListR dl dt{ width: 100%; height: 34px; height: 34px; overflow: hidden; font-size: 18px; font-weight: bold;}
.inNewsListR dl dt a{ color: #000000;}
.inNewsListR dl dt a:hover{ color: #0375E7;}
.inNewsListR dl dt span{ font-weight: normal; font-size: 16px; color: #999;}
.inNewsListR dl dd{ width: 100%; height: 48px; line-height: 24px; overflow: hidden; color: #666666;}

.footerBg{ width: 100%; height: auto; padding: 70px 0 50px 0; background: url(../images/Fbg.jpg) no-repeat center; background-size:cover;}
.footer{ width: 1280px; height: auto; overflow: hidden;}
.footerL{ float: left; width: 960px; height: auto; overflow: hidden;}
.footerL dl{ float: left; width: 210px;}
.footerL dl:nth-child(3){ width: 310px;}
.footerL dl:nth-child(3) dd a{ display: block; float: left; width: 50%;}
.footerL dl dt{ width: 100%; color: #FFFFFF; font-size: 16px; line-height: 42px;}
.footerL dl dd{ width: 100%; height: auto; overflow: hidden;}
.footerL dl dd a{ display: block; color: #999999; line-height: 32px;}
.footerL dl dd a:hover{ color: #FFFFFF;}

.footerR{ float: right; width: 290px; height: auto; overflow: hidden;}
.footerR h2{ font-weight: normal; color: #FFFFFF; font-size: 16px; line-height: 42px;}
.footerR p{ color: #999999; line-height: 42px;}
.footerR p b{ color: #FFFFFF; font-size: 24px;}
.footerR h3{ font-weight: normal; color: #FFFFFF; font-size: 16px; line-height: 42px;}
.footerR1{ width: 100%; height: 30px; }
.footerR1 a{ position: relative; display: block; float: left; width: 30px; height: 30px; line-height: 30px; background: #4b4c4d; border-radius: 50%; text-align: center; color: #FFFFFF;}
.footerR1 a:hover{ background: #FFFFFF; color: #0375E7;}
.footerR1wx{ position: absolute; left: 35px; top: -120px; width: 120px; height: 120px; display: none;}
.footerR1wx img{width: 120px; height: 120px;}
.footerR1 a:hover .footerR1wx{ display: block;}

.footerCopyBg{ width: 100%; height: 72px; color: #FFFFFF; background: #0375E7;}
.footerCopy{ width: 1280px; height: 72px; line-height: 72px; overflow: hidden;}
.footerCopy a{ color: #FFFFFF;}
.footerCopy a:hover{ color: yellow;}

.client-2 {
            position: fixed;
            right: -152px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 80px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 15px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 10px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #ff9700;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #ff9700;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
        
        
.banner2{ width:100%; height:350px}
.menubg{ width: 100%; height: 80px; background: #FFFFFF; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;}
.menu{ width: 1280px; height: 80px; line-height: 80px; overflow: hidden;}
.menuL{ float: left; width: auto; height: 80px;}
.menuL a{ font-size: 16px; padding-right: 45px;}
.menuL a:hover{ color: #0375e7;}
#lm_hover{ color: #0375e7;}

.menuR{ float: right; width: auto; height: 80px;}
.menuR i{ font-size: 18px; padding-right: 5px; color: #666;}
.Maintit{ width: 100%; text-align: center; height: auto; margin-bottom: 10px;}
.Maintit h3{ font-size: 32px; line-height: 69px; color:#333;}
.Maintit h4{ width: 40px; height: 3px; background: #0375e7;}

.abinfo{ width: 1200px; padding: 30px 0; overflow: hidden; line-height: 26px;}
.abinfo img{ max-width: 100%; height: auto;}

.abList{ width: 1200px; padding:0 0 30px 0; overflow: hidden;}
.abList dl{ float: left; text-align: center; width: 300px; height: 270px; overflow: hidden;}
.abList dl dt{ width: 100%; height: 220px; overflow: hidden;}
.abList dl dt img{ width: 280px; height: 220px; }
.abList dl dd{ width: 100%; height: 50px; line-height: 50px;}


.conBox1{ width: 1200px; margin-top: 25px; height: auto; overflow: hidden;}
.conBox1Left{ float: left; width: 571px; height: auto; overflow: hidden;}
.conBox1Left h1{ width: 100%; height: 68px; line-height: 68px; font-weight: normal; font-size: 18px;}
.conBox1Left li{ width: 100%; height: 42px; margin-bottom: 20px;}
.conBox1Left .coninput1{ width: 539px; padding: 0 15px; height: 40px; border: 1px solid #EEEEEE;}
.conBox1Left .contex{ width: 539px; padding: 15px; height: 72px; border: 1px solid #EEEEEE;}
.conBox1Left .consub{ width: 100%; height: 55px; border: none; font-size: 16px; text-align: center; color: #FFFFFF; background: #0375e7;}

.conBox1Right{ float: right; width: 530px; height: auto; overflow: hidden; padding-top: 15px;}
.conBox1Right h1{ font-weight: normal; font-size: 26px; line-height: 58px;}
.conBox1Rightinfo{ padding-top: 10px; width: 100%; height: auto; font-size: 16px; line-height: 28px;}

.conMap{ width: 1200px; height: 430px; overflow: hidden; margin-top: 50px;}

.NewsList{ width: 1230px; height: auto; overflow: hidden; padding: 35px 0;}
.NewsList dl{ float: left; width: 387px; height: 461px; overflow: hidden; margin: 10px;}
.NewsList dl a{ display: block; width: 387px; height: 461px; }
.NewsList dl a dt{ width: 387px; height: 277px; overflow: hidden;}
.NewsList dl a dt img{ width: 387px; height: 277px; }
.NewsList dl a dd{ width: 387px; height: auto; padding-top: 15px;}
.NewsList dl a dd h3{ line-height: 32px; height: 32px; overflow: hidden; font-weight: normal; font-size: 16px;}
.NewsList dl a dd h4{ line-height: 23px; height: 23px; overflow: hidden; font-weight: normal; font-size: 14px; color: #999999;}
.NewsList dl a dd p{ width: 100%; height:72px; overflow: hidden; border-top: 1px solid #eeeeee; color: #999999; margin-top: 10px; padding-top: 12px; line-height: 24px;}


.newsShowbg{ width: 100%; height: auto; background: #f5f5f5; padding: 65px 0;}
.newsShow{ width: 1200px; height: auto; overflow: hidden;}
.newsShowLeft{ float: left; background: #FFFFFF; width: 880px; height: auto; padding:30px 25px; overflow: hidden;}
.newsShowTit{ width: 100%; height: auto; text-align: center; font-size: 26px; line-height: 36px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5;}
.newsShowTime{ width: 100%; height: 55px; line-height: 55px; color: #999999; text-align: center;}
.newsShowinfo{ font-size: 14px; color: #666666; line-height: 26px; padding-bottom: 30px; overflow: hidden;}
.newsShowinfo img{ max-width: 100%; height: auto;}


.newsPrev{ width: 100%; height: auto; overflow: hidden;}
.newsPrev li{ width: 100%; height: 32px; line-height: 32px; overflow: hidden; font-size: 16px; color: #666666;}
.newsPrev li a{ color: #666666;}
.newsPrev li span{ color: #333333;}
.newsPrev li a:hover{ color: #0375e7;}


.newsShowRight{ float: right; width: 240px; height: auto; overflow: hidden;}
.newsShowRight h2{ font-weight: normal; color: #0375e7; font-size: 18px; line-height: 28px;}
.newsShowRight li{ width: 240px; height: auto; padding: 15px 0; overflow: hidden; border-bottom: 1px solid #e5e5e5;}
.newsShowRight li h4{ font-weight: normal; font-size: 14px; line-height: 20px;}
.newsShowRight li p{ color: #999999; font-family: arial; line-height: 24px;}


.goodsbg{ width: 100%; height: auto; padding: 30px 0; background: #f5f5f5;}

.goodsList{ width:1280px; height: auto; overflow: hidden;}
.goodsList dl{ float: left; width: 305px; height: 239px; overflow: hidden; text-align: center; margin-left: 12px; margin-bottom: 12px;}
.goodsList dl a{ display: block; width: 305px; height: 239px; background: #FFFFFF;}
.goodsList dl a dt{ width: 285px; height: 185px; overflow: hidden;}
.goodsList dl a dt img{ width: 285px; height: 185px;}
.goodsList dl a dd{ width: 305px; height: 54px; line-height: 54px; font-size:16px;}
.goodsList dl a:hover dd{ background: #0375e7; color: #FFFFFF;}


.goodsShow{ width:1240px; padding: 20px; height: auto;  overflow: hidden; background: #FFFFFF;}

.goodsShow1{ width: 1240px; height: auto; overflow: hidden;}
.goodsShow1Left{ float: left; width: 375px; height: auto; }
.GoodsShow1Lm{ display: none;}
/*商品缩略图样式*/
.goods-pic{ position:relative;  width:375px; *z-index:1; }
	.pic-box{ float:left; }
	.pic-preview{ position:relative; width:373px; height:242px; border:1px solid #e8e8e8; }
	.pic-scroll{ margin-top:10px; width:375px; }
	.pic-scroll .prev{ float:left; margin-right:5px; }
	.pic-scroll .next{ float:right; }
	.pic-scroll .prev,.pic-scroll .next{ display:block; font-family:"宋体"; text-align:center; width:10px; height:60px; line-height:60px; border:1px solid #e8e8e8; background:#f7f7f7; cursor:pointer; text-decoration:none; }
	.pic-scroll .items{ position:relative; float:left; width:335px; height:62px; overflow:hidden; }
	.pic-scroll .items ul{ position:absolute; margin:0; padding:0; width:999999px; height:100%; }
	.pic-scroll .items ul li{ float:left; margin:0; padding:0; width:67px; text-align:center; }
	.pic-scroll .items ul li img{ padding:2px; border:1px solid #e8e8e8; width:56px; height:56px; }
	.pic-scroll .items ul li img:hover{ padding:1px;  }

/* 图片放大镜样式*/
.jqzoom{ position:relative; display:block; margin:0; padding:0; width:373px; height:242px; border:none; cursor:crosshair; }
    .jqzoom img{ width:373px; height:242px; }
.zoomdiv{ position:absolute; z-index:100; display:none; width:373px; height:373px; background:#fff; border:1px solid #e8e8e8; overflow:hidden; }
.jqZoomPup{ position:absolute; top:0; left:0; z-index:10; visibility:hidden; max-width:373px; max-height:373px; border:1px solid #aaa; background:#fff; opacity:0.5;-moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); overflow:hidden; }





.goodsShow1Right{ float: right; width: 800px; height: auto; overflow: hidden;}
.goodsShow1Right h2{ font-family: arial; font-size: 30px; color: #333; height: 64px; line-height: 64px; border-bottom: 1px solid #eeeeee; overflow: hidden;}
.goodsShow1Rightinfo{ width: 800px; padding: 15px 0; border-bottom: 1px solid #eeeeee; line-height: 30px; color: #999999;}
.goodsShow1Rightinfo span{ color: #666;}
.goodsShow1Rightinfo .goodsShow1Rightinfocs{ width:100%; height:auto;  line-height: 30px; color: #999999;}

.goodsShow1Right .gslx{ width:100%; height:44px; padding-top:20px; overflow:hidden;}
.goodsShow1Right .gslx a{ display:block; width:136px; height:42px; line-height:42px; text-align:center; color:#0375e7; border:1px solid #0375e7; float:left; margin-right:20px;}
.goodsShow1Right .gslx a i{ padding-right:10px; font-size:20px;}
.goodsShow1Right .gslx a:hover{ background:#0375e7; color:#fff;}

.gooodShow2Top{ width: 100%; height: 50px; line-height: 50px; overflow: hidden; margin-top: 50px; background: #f8f8f8;}
.gooodShow2Top a{ display:block; width: 156px; height: 50px; text-align: center; background:#0375e7; color: #FFFFFF; float:left; font-size: 16px; }
.gooodShow2info{ width: 100%; height: auto; padding: 25px 0; overflow: hidden; line-height:32px;}
.gooodShow2info img{ max-width: 100%; height: auto;}
.gooodShow2info table{ border:1px solid #ccc; border-left:0px; border-top:0px; font-size: 14px; table-layout: fixed;  width: 100%; box-sizing:border-box; border-spacing:0;}
.gooodShow2info table td{ border:1px solid #ccc;  border-right:0px; border-bottom:0px; padding:8px 2px; text-align:center; word-wrap: break-word; }
.gooodShow2info table tr{background:#f6f6f6; }


.SearchList{ width: 1280px; height: auto; overflow: hidden; padding-top:30px;}
.SearchList dl{ float: left; width: 300px; height: 234px; overflow: hidden; text-align: center; margin-left: 8px; margin-bottom: 8px;}
.SearchList dl a{ display: block; width: 300px; height: 234px; background: #FFFFFF;}
.SearchList dl a dt{ width: 280px; height: 180px; overflow: hidden;}
.SearchList dl a dt img{ width: 280px; height: 180px;}
.SearchList dl a dd{ width: 300px; height: 54px; line-height: 54px;}
.SearchList dl a:hover dd{ background: #0375e7; color: #FFFFFF;}