*{ margin:0 auto; padding:0; text-transform: capitalize;  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:0.9rem; background: #FFFFFF;}
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: #0068c8;}
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,
#products .products a,
#sou .sou a,
#cases .cases a,
#news .news a,
#about .about a,
#contact .contact a{ background: url(../images/NavAbg.jpg) no-repeat;}


#products .products ul a{ color: #333; background: #FFFFFF;}
#products .products ul a:hover{color: #FFFFFF; background: url(../images/NavAbg.jpg) no-repeat;}

#sou .sou ul a{ color: #333; background: #FFFFFF;}
#sou .sou ul a:hover{color: #FFFFFF; background: url(../images/NavAbg.jpg) no-repeat;}

#cases .cases ul a{ color: #333; background: #FFFFFF;}
#cases .cases ul a:hover{color: #FFFFFF; background: url(../images/NavAbg.jpg) no-repeat;}

#news .news ul a{ color: #333; background: #FFFFFF;}
#news .news ul a:hover{color: #FFFFFF; background: url(../images/NavAbg.jpg) no-repeat;}

#about .about ul a{ color: #333; background: #FFFFFF;}
#about .about ul a:hover{color: #FFFFFF; background: url(../images/NavAbg.jpg) no-repeat;}


.gotop {
	width: 24px;
	height: 24px;
	padding: 10px;
	background: #ccc url(../images/float_qqicon1.png) no-repeat center;
	position: fixed;
	right: 0;
	display:none;
	bottom: 0px;
}

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;}


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

.Top{ width: 1200px; height: 52px; overflow: hidden; padding: 35px 0;}
.Top .logo{ float: left; width: 107px; height: 52px; overflow: hidden;}
.Top .logo a{ display: block;  width: 107px; height: 52px;  background: url(../images/logo.jpg) no-repeat;}

.Top .logoTxt{ float: left; width: auto; height: 52px; border-left: 1px solid #dedede; margin-left: 15px; padding-left: 15px;}
.Top .logoTxt h1{ color: #0068c8; font-size: 22px; line-height: 31px; letter-spacing: 2px;}
.Top .logoTxt h4{font-size: 16px; line-height: 21px; font-weight: normal;}

.Top .Tshop{ float: left; width: auto; height: 52px; margin-left: 70px;}
.Top .Tshop a{ display: block; float: left; margin-left: 15px; width: 180px; height: 52px;}
.Top .Tshop a img{width: 180px; height: 52px;}

.Top .Ttel{ width: 238px; height: 52px; padding-left: 59px; float: right; background: url(../images/Tel.jpg) no-repeat left center;}
.Top .Ttel p{ font-size: 16px; line-height: 24px;}
.Top .Ttel h2{ color: #0068c8; font-size: 27px; line-height: 28px; font-family: arial;}


.NavBg{ width: 100%; height: 56px; background: #000000;}
.Nav{ width: 1200px; height: 56px; position: relative;}
.Nav li{ float: left; height: 56px; line-height: 56px; font-size: 16px; width: 160px; text-align: center; position: relative;}
.Nav li a{ display: block; color: #FFFFFF;}
.Nav li a:hover{ background: url(../images/NavAbg.jpg) no-repeat;}
.Nav li a i{ padding-right: 10px;}
.Nav li:hover ul{ display: block;}
.Nav li ul{ position: absolute; left: 0; top: 56px; z-index: 666; width: 160px; background: #FFFFFF; display: none;}
.Nav li ul a{ float: none; font-size: 14px; height: 46px; line-height: 46px;  color: #333333; border-bottom: 1px solid #DEDEDE;}
.Nav li ul a:hover{ color: #FFFFFF;}

.Nav .Tsearch{ width: 56px; height: 56px; float: right; cursor: pointer; text-align: center; color: #FFFFFF;}
.Nav .Tsearch i{ line-height: 56px; font-size: 22px;}

.searchshow{ width: 308px; height: 34px; z-index: 10;  background: #FFFFFF; position: absolute; right:0; top: 56px; display: none;}
.searchshow .inputt{ width: 248px; 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:#0068c8; color: #FFFFFF; font-size: 18px; }


.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual .owl-prev,.main_visual .owl-next{width:50px;height: 50px;background-repeat: no-repeat; background-position: center center; position: absolute;top: 50%;margin-top: -25px;text-indent: -999px; overflow: hidden;}
.main_visual .owl-prev{background-image: url(../images/BL.png);left: 10%; opacity: 0;}
.main_visual .owl-next{background-image: url(../images/BR.png);right: 10%;  opacity: 0;}
.main_visual:hover .owl-prev{ opacity: 1.0;}
.main_visual:hover .owl-next{ opacity: 1.0;}
.main_visual .owl-dots{ width: 100%; text-align: center; height: 11px; position:absolute; left: 0; bottom: 30px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 8px;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 11px; height: 11px; background: #FFFFFF; border-radius: 10px;}
.main_visual .owl-dot.active span{width: 32px; height: 11px; background:#0068c8; border-radius: 10px;}

.inProBg{ width: 100%; height: auto; padding-bottom: 90px; background: url(../images/inProBg.jpg) no-repeat center; background-size:cover;}

.inTit{ width: 100%; height: auto; text-align: center; padding: 80px 0 30px 0;}
.inTit h2{ background: url(../images/InTbg1.png) no-repeat left top; font-size: 36px; line-height: 48px; display: inline-block; padding-left: 25px;}
.inTit p{ line-height: 40px; font-size: 18px; color: #666;}

.inProBox{ width: 1200px; height: 643px; overflow: hidden;}

.inProBoxL{ float: left; width: 589px; height: 643px; overflow: hidden;}
.inProBoxL img{ width: 589px; height: 643px;}
.inProBoxL a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.inProBoxR{ float: right; width:611px; height: 643px; overflow: hidden;}
.inProBoxR a{ display: block; float: left; width: 293px; height: 316px; overflow: hidden; margin: 0 0 12px 12px;}
.inProBoxR a img{width: 293px; height: 316px;}
.inProBoxR a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}


.inConBg{ width: 100%; height: 375px; background: url(../images/inConBg.jpg) no-repeat center;  background-size:cover;}
.inCon{ width: 1200px; color: #FFFFFF; box-sizing: border-box; padding: 55px 675px 0 0;}
.inCon p{ line-height: 32px; font-size: 16px;}
.inCon h4{ line-height: 46px; font-size: 28px; padding:10px 0;}
.inCon h2{ line-height: 90px; font-size: 48px; font-weight: normal; margin-top: 22px;}
.inCon h3{ line-height: 30px; font-size: 18px;  font-weight: normal;}


.inPro1{ width: 1334px; height: 394px; overflow: hidden; position: relative;}
.inPro1 .inProBtn{ position: absolute; left: 0; top: 0; width: 34px; height: 394px;}
.inPro1 .inProBtn a{ display: block; width: 34px; height: 394px; background: url(../images/inPrev.png) no-repeat center;}
.inPro1 .inProBtn a:hover{ background: url(../images/inPrevs.png) no-repeat center;}

.inPro1 .inProBtns{ position: absolute; right: 0; top: 0; width: 34px; height: 394px;}
.inPro1 .inProBtns a{ display: block; width: 34px; height: 394px; background: url(../images/inNext.png) no-repeat center;}
.inPro1 .inProBtns a:hover{ background: url(../images/inNexts.png) no-repeat center;}


.inPro1 .bd{ width: 1270px; height: 394px; overflow: hidden; }
.inPro1 .bd li{ float: left; width: 391px; height: 394px; box-sizing: border-box; padding-top: 60px; background: #f1f3f5; text-align: center; overflow: hidden; margin: 0 7px;}
.inPro1 .bd li img{ width: 300px; height: 240px;}
.inPro1 .bd li p{ line-height: 54px; height: 54px; overflow: hidden; font-size: 18px;}



.inPro2Bg{ width: 100%; height: 708px; overflow: hidden; position: relative; background: url(../images/inPro2Bg.jpg) no-repeat center; background-size:cover;}

.inTit1{ width: 100%; height: auto; text-align: center; padding: 80px 0 30px 0; color: #FFFFFF;}
.inTit1 h2{ background: url(../images/InTbg2.png) no-repeat left top; font-size: 36px; line-height: 48px; display: inline-block; padding-left: 25px;}
.inTit1 p{ line-height: 40px; font-size: 18px; color: #FFFFFF;}


.inPro2{ width: 1334px; height: 394px; overflow: hidden; position: relative;}
.inPro2 .inProBtn{ position: absolute; left: 0; top: 0; width: 34px; height: 394px;}
.inPro2 .inProBtn a{ display: block; width: 34px; height: 394px; background: url(../images/inPrev.png) no-repeat center;}
.inPro2 .inProBtn a:hover{ background: url(../images/inPrevs.png) no-repeat center;}

.inPro2 .inProBtns{ position: absolute; right: 0; top: 0; width: 34px; height: 394px;}
.inPro2 .inProBtns a{ display: block; width: 34px; height: 394px; background: url(../images/inNext.png) no-repeat center;}
.inPro2 .inProBtns a:hover{ background: url(../images/inNexts.png) no-repeat center;}


.inPro2 .bd{ width: 1270px; height: 394px; overflow: hidden; }
.inPro2 .bd li{ float: left; width: 391px; height: 394px; box-sizing: border-box; padding-top: 60px; background: #ffffff; text-align: center; overflow: hidden; margin: 0 7px;}
.inPro2 .bd li img{ width: 300px; height: 240px;}
.inPro2 .bd li p{ line-height: 54px; height: 54px; overflow: hidden; font-size: 18px;}

.inHonor{ width: 1200px; height: 269px; overflow: hidden; margin-top: 70px;}
.inHonor img{ width: 1200px; height: 269px;}


.inSou{ width: 1200px; height: auto; overflow: hidden;}
.inSou dl{ float: left; width: 391px; height: 364px; overflow: hidden; position: relative; margin-left: 13px; margin-bottom:13px;  text-align: center; }
.inSou dl:first-child{ margin-left: 0;}
.inSou dl:nth-child(4){ margin-left: 0;}
.inSou dl a{color: #FFFFFF;}
.inSou dl dt{width: 391px; height: 364px; overflow: hidden; }
.inSou dl dt img{width: 391px; height: 364px; }
.inSou dl dd{transition: all ease .1s;  width: 100%; height: 92px; line-height: 92px; overflow: hidden;  position: absolute; left: 0; bottom: 0; z-index: 222;font-size: 24px;}
.inSou dl:hover dd{ opacity: 0;}
.inSou dl:hover div{ opacity: 1.0;}
.inSou dl div{ opacity: 0; position: absolute; left: 0; top: 0; width: 391px; height: 364px; overflow: hidden; background: rgba(0,104,200,.5); box-sizing: border-box; padding-top: 115px;}
.inSou dl div h4{ height: 52px; line-height: 52px; font-size: 24px; overflow: hidden; font-weight: normal;}
.inSou dl div p{ line-height: 30px; height: 60px; overflow: hidden; font-size: 16px; padding: 0 65px;}
.inSou dl div h3{ width: 28px; height: 28px; background: url(../images/inSouPlus.png) no-repeat; margin-top: 25px;}


.inNewsBg{ width: 100%; height: 750px; background: url(../images/inNewsBg.jpg) no-repeat center; background-size:cover;}

.inNews{ width: 1200px; height: 459px; overflow: hidden;}
.inNews dl{ float: left; width: 382px; height: 459px; overflow: hidden; margin-left: 27px; background: #FFFFFF;}
.inNews dl:first-child{ margin-left: 0;}
.inNews dl dt{ width: 382px; height: 226px; overflow: hidden;}
.inNews dl dt img{ width: 382px; height: 226px; }
.inNews dl dd{ box-sizing: border-box; width: 382px; height: 233px; padding: 15px 35px; overflow: hidden; text-align: center;}
.inNews dl dd h2{ font-size: 18px; height: 36px; line-height: 36px; overflow: hidden;}
.inNews dl dd h3{ font-size: 14px; height: 44px; line-height: 44px; overflow: hidden; font-weight: normal; color: #999999;}
.inNews dl dd h4{ width: 28px; height: 1px; background: #0068C8;}
.inNews dl dd p{ line-height: 30px; height: 90px; overflow: hidden; margin-top: 15px;}

.footerBg{ width: 100%; height: 355px; padding-top: 60px; background: url(../images/footBg.jpg) no-repeat center; background-size:cover;}
.footer{ width: 1200px; height: 280px; overflow: hidden;}
.footerL{ float: left; width: 700px; height: auto; overflow: hidden;}
.footerL dl{ float: left; width: 25%;}
.footerL dl dt{ width: 100%; font-size: 16px; font-weight: bold; color: #FFFFFF; line-height: 35px;}
.footerL dl dd{ width: 100%; height: auto; padding-top: 12px;}
.footerL dl dd a{ display: block; line-height: 32px; color: #a0afbd;}
.footerL dl dd a:hover{ color: #FFFFFF;}


.footerM{ float: left; width:300px; height: auto; overflow: hidden;}
.footerM h4{ width: 100%; font-size: 16px;  color: #FFFFFF; line-height: 35px; margin-bottom: 12px;}
.footerM p{  line-height: 26px; color: #a0afbd;}

.footerWx{ width: 149px; height: 149px; float: right; overflow: hidden; padding-top: 12px;}
.footerWx img{ width: 149px; height: 149px;}



.footerCopy{ width: 1200px; height: 72px; line-height: 72px; overflow: hidden; color: #a0afbd;}
.footerCopy a{color: #a0afbd;}

.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: #0068c8;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #0068c8;
            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;position: relative; text-align:center; color:#fff; line-height:350px;}
.banner2 h2{ font-size:50px;}

.ContactBox{ width:1200px; height: auto; }
.ContactBoxL{width: 100%; height: auto; padding: 30px 0; background:#fff;}
.ContactBoxLTop{ width: 100%; height: 103px;}
.ContactBoxLTop h2{ line-height: 69px; color: #0068c8; font-size: 2rem;}
.ContactBoxLTop h4{ width: 55px; height: 4px; background: #0068c8; margin: 0;}
.ContactBoxLinfo{ width: 100%; height: auto; padding: 30px 0; border-bottom: 1px solid #bfbfbf;}
.ContactBoxLinfo dl{ float: left; width: 33.3%; height: auto; overflow: hidden;}
.ContactBoxLinfo dl dt{ width: 100%; height: 58px;}
.ContactBoxLinfo dl dd{ width: 100%; padding-top: 12px;}
.ContactBoxLinfo dl dd h4{ line-height: 42px; font-size: 1.4rem; color: #000000;}
.ContactBoxLinfo dl dd p{ font-size: 1rem; line-height: 30px;}

.ContactBoxLFed{ width: 100%; height: auto; padding-top: 35px;}
.ContactBoxLFed h2{ line-height: 52px; color: #000000; font-size: 2rem;}

.ContactBoxLFedDiv1{ width: 100%; height: 66px; margin-top: 25px;}
.ContactBoxLFedDiv1 li{ width: 46%; height: 66px;}
.ContactBoxLFedDiv1 li input{ width: 100%; line-height: 66px; height: 66px; border: none; box-sizing: border-box; border-bottom: 1px solid #dcdcdc; font-size: 1rem; overflow: hidden;}
.ContactBoxLFedDiv1 textarea{ width: 100%; line-height: 66px; height: 66px; border: none; box-sizing: border-box; border-bottom: 1px solid #dcdcdc;  font-size: 1rem; overflow: hidden;}

.ContactBoxLFedDiv2{ width: 100%; height: 66px; margin-top: 45px;}
.ContactBoxLFedDiv2 input{ font-weight: bold; width: 203px; height: 54px; color: #FFFFFF; border: none; background: #0068c8; font-size: 1.1rem;}
.ContactBoxLFedDiv2 input:hover{ background: #CCCCCC; color: #0068c8;}


.ContactBoxR{  width: 1200px; height:400px; background: #CCCCCC; margin-bottom:50px; }

/*关于我们*/
.AbMenu{ width:1200px; height: 96px; line-height: 96px; border-bottom: 1px solid #e5e5e5;}
.AbMenuList{ float: left; width: auto; height: 96px;}
.AbMenuList a{ display: inline-block; font-size: 1rem; font-weight: bold; margin-right:40px;}
#lm_hover{color: #0068c8; border-bottom:3px solid #0068c8;}

.AbList{ width: 1220px; height: auto; overflow: hidden; padding-top: 30px;}
.AbList dl{ float: left; width: 280px; height: 332px; overflow: hidden; text-align: center; margin: 12px;}
.AbList dl dt{ width: 280px; height: 280px; overflow: hidden;}
.AbList dl dt img{width: 280px; height: 280px;}
.AbList dl dd{ width: 280px; height: 52px; line-height: 52px; font-size: 16px; overflow: hidden; background: #f0f0f0;}      


.Abbox1{ width:1200px; height:auto; padding:40px 0;}
.Abbox1L{ float:left; width:513px; height:auto; overflow:hidden;}
.Abbox1L img{width:513px; height:auto;}

.Abbox1R{ width:1200px; height:auto; overflow:hidden;}
.Abbox1R h2{ font-size: 30px; line-height: 59px;}
.Abbox1R h2 span{ color: #0068c8;}
.Abbox1R h3{ font-size: 22px; line-height: 49px; font-weight: normal;}
.Abbox1R p{ font-size: 16px; line-height: 28px; color: #666666; margin-top: 25px;}
.Abbox1R img{ max-width:100%; height:auto;}

/*新闻资讯*/
.Newsbg1{width: 100%; height: auto; padding: 20px 0; background: #f5f5f5; }
.NewsShowbg{width: 100%; height: auto; padding:20px 0; background: #f5f5f5;}
.NewsList{ width: 1240px; height: auto; padding: 30px 0; overflow: hidden;}
.NewsList dl{ float: left; width: 33.3%; padding:0 20px; margin:10px 0; height: auto; overflow: hidden; box-sizing: border-box;}
.NewsList dl dt{ width: 100%; height: 320px; overflow: hidden;}
.NewsList dl dt h2{ width: 100%; height: 80px; line-height: 80px; font-size: 1.4rem;}
.NewsList dl dt h2 span{ font-weight: normal; padding-left: 10px; font-size: 1rem; color: #999999;}
.NewsList dl dt img{ width: 100%; height: 226px;}
.NewsList dl dd{ width: 100%; height: auto;}
.NewsList dl dd h3{ font-size: 1.1rem; line-height: 54px; height: 54px; overflow: hidden;}
.NewsList dl dd p{ font-size: 0.9rem; line-height: 24px; height: 48px; overflow: hidden; color: #666666;}
.NewsList dl dd h4{transition: all ease .5s; display: inline-block; font-size: 1rem; font-weight: normal; height: 41px; line-height: 41px; text-align: center; padding: 0 15px; border: 1px solid #DEDEDE; margin-top:20px;}
.NewsList dl dd h4 b{ display:none;}
.NewsList dl dd h4 b span{ padding-left: 20px;}
.NewsList dl dd h4 i{ line-height: 41px; color: #0068c8; }
.NewsList dl a:hover h4 b{ display: block; font-weight: normal;}
.NewsList dl a:hover h4{ background: #0068c8; color: #FFFFFF;}
.NewsList dl a:hover h4 i{ color: #FFFFFF; }
.NewsList dl a:hover dt img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.photoList{ width: 1220px; height: auto; padding: 30px 0; overflow: hidden;}
.photoList dl{ float: left; width: 391px; height: 364px; overflow: hidden; position: relative; margin-left: 13px; margin-bottom:13px;  text-align: center; }
.photoList dl a{color: #FFFFFF;}
.photoList dl dt{width: 391px; height: 364px; overflow: hidden; }
.photoList dl dt img{width: 391px; height: 364px; }
.photoList dl dd{transition: all ease .1s;  width: 100%; height: 92px; line-height: 92px; overflow: hidden;  position: absolute; left: 0; bottom: 0; z-index: 222;font-size: 24px;}
.photoList dl:hover dd{ opacity: 0;}
.photoList dl:hover div{ opacity: 1.0;}
.photoList dl div{ opacity: 0; position: absolute; left: 0; top: 0; width: 391px; height: 364px; overflow: hidden; background: rgba(0,104,200,.5); box-sizing: border-box; padding-top: 115px;}
.photoList dl div h4{ height: 52px; line-height: 52px; font-size: 24px; overflow: hidden; font-weight: normal;}
.photoList dl div p{ line-height: 30px; height: 60px; overflow: hidden; font-size: 16px; padding: 0 65px;}
.photoList dl div h3{ width: 28px; height: 28px; background: url(../images/inSouPlus.png) no-repeat; margin-top: 25px;}


.caseList{ width: 1240px; height: auto; padding: 30px 0; overflow: hidden;}
.caseList dl{ float: left; width: 33.3%; padding:0 20px; margin:10px 0; height: auto; overflow: hidden; box-sizing: border-box;}
.caseList dl dt{ width: 100%; height: 364px; overflow: hidden;}
.caseList dl dt img{ width: 100%; height: 364px;}
.caseList dl dd{ width: 100%; height: auto; text-align:center; font-size:18px; font-weight:bold; line-height:54px;}



.NewsWz{ width:1200px; height: 34px; line-height: 34px; padding: 25px 0; border-bottom:1px solid #eeeeee;}
.NewsWz span a{ display: block; width: 110px; height: 34px; line-height: 34px; color: #FFFFFF; background: #0068c8; text-align: center; border-radius:20px; font-size: 1rem;}
.NewsWz span a i{ padding-left: 10px;}
.NewsWz span a:hover{ background: #CCCCCC; color: #0068c8;}

.newsShow{ width: 1200px; height: auto; padding: 40px 0; overflow: hidden;}
.newsShowTit{ width: 100%; height: auto; line-height: 32px; padding: 15px 0; text-align: center; font-weight: bold; font-size: 1.6rem;}
.newsShowTime{width: 100%; height: 32px; line-height: 32px; text-align: center; font-size: 1rem; color: #999999;}
.newsShowinfo{ width: 100%; padding: 25px 0; overflow: hidden; line-height: 28px; font-size: 1rem;}
.newsShowinfo img{ max-width:100%; height:auto;}

.newsShowPN{ width:100%;  line-height:46px; margin-top:15px; padding-bottom:30px;}
.newsShowPN li{  font-size:1rem; cursor:pointer;  line-height:46px; height:46px; overflow:hidden;}

.downList{ width:1200px; height:auto; overflow:hidden;}
.downList li{ width:100%; height:48px; line-height:48px; border-bottom:1px dotted #ccc;}

.MainWz{ width: 1200px; height: 58px; line-height: 58px; border-bottom: 1px dotted #dcdcdc;}
.MainWz i{ font-size: 18px; padding-right: 10px;}

.Main{ width: 1200px; height: auto;  padding-top: 30px;}
.MainLeft{ float: left; width: 250px; height: auto;}
.MainLeft h2{ width: 100%; height: 62px; line-height: 62px; color: #FFFFFF; background: #000; padding-left: 28px; box-sizing: border-box;  font-size: 22px; text-transform:uppercase}
.MainLeft h2 i{ padding-right: 15px;}
.MainMenu{ width: 100%; height: auto; }
.MainMenu li{ width: 100%; height: 52px; line-height: 52px; margin-top: 1px; position:relative}
.MainMenu li a{ display: block; width: 100%; height: 52px; background: #ebebeb url(../images/Mlibg.png) no-repeat 52px center; font-size: 16px; color: #333; padding-left: 47px;  box-sizing: border-box;}
.MainMenu li a:hover{ background: #0068c8 url(../images/Mlibgs.png) no-repeat 52px center; color:#fff; }

.MainMenu li:hover ul{ display:block;}
.MainMenu li ul{ position:absolute; left:321px; height:auto; top:0; display:none;}
.MainMenu li ul li{ width:321px; height:48px; line-height:48px;}
.MainMenu li ul li a{height:48px; line-height:48px; font-size: 15px;}

#lm_hover1{ background: #0068c8 url(../images/Mlibgs.png) no-repeat 52px center;color:#fff; }

.GoodsList{ float: right; width: 950px; height: auto; overflow: hidden;}
.GoodsList dl{ float: left; width: 298px; height: 322px;  background: #FFFFFF;  overflow: hidden; text-align: center;  box-sizing: border-box; margin: 0 0 17px 17px;}
.GoodsList dl a{ display: block; width: 100%; height: 100%;box-sizing: border-box; padding:25px 0; }
.GoodsList dl dt{ width: 280px; height: 220px; overflow: hidden;}
.GoodsList dl dt img{width: 280px; height: 220px;}
.GoodsList dl dd{ width: 100%; height: 52px; line-height: 52px; overflow: hidden;  font-size: 16px; font-weight: bold;   }
.GoodsList dl a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.GoodsList dl a:hover{ border: 3px solid #0068c8;}

.GoodsShow{ width: 1200px; height: auto; overflow: hidden;}
.GoodsShowTop{ width:100%; height:42px; line-height:42px; padding:15px 0; text-align:center;}
.GoodsShowTop h1{ font-size:36x; color:#000;}

.GoodsShow1{ width: 1200px; height: auto; overflow: hidden; margin-top:20px;}
.GoodsShow1L{ float: left; width: 575px; height: auto; }
.GoodsShow1L img{ width:100%; height:auto;}

.GoodsShow1L .main_visual .owl-dots .owl-dot span{  display: inline-block; width: 11px; height: 11px; background: #ccc; border-radius: 10px;}
.GoodsShow1L .main_visual .owl-dot.active span{width: 32px; height: 11px; background:#0068c8; border-radius: 10px;}

.GoodsShow1R{ float:right; width:600px; height:auto; overflow:hidden;}





.GoodsShow2Top{ width: 100%; height: 60px; background: #eeeeee; margin-top: 50px;}
.GoodsShow2Top h2{ float: left; background: #FFFFFF; width: 200px; height: 58px; line-height: 58px; font-size: 22px; font-weight: normal; color: #0068c8; border-bottom: 2px solid #0068c8; text-align: center;}

.GoodsShow2Main{width: 100%; padding: 25px 0; overflow: hidden; line-height: 28px; background:#fff; box-sizing: border-box;}

.GoodsShow2{ width: 100%; overflow: hidden; line-height: 28px; float:left; width:790px;}
.GoodsShow2 img{ max-width: 100%; height: auto;}
.GoodsShow2 table{ border:1px solid #ccc; border-left:0px; border-top:0px; font-size: 16px; table-layout: fixed;  width: 100%; box-sizing:border-box; border-spacing:0;}
.GoodsShow2 table td{ border:1px solid #ccc;  border-right:0px; border-bottom:0px; padding:8px 2px; text-align:center; word-wrap: break-word; }
.GoodsShow2 table tr{background:#fff; }
.GoodsShow2 table tr:nth-child(1){background:#f6f6f6;}
.GoodsShow2 table td:nth-child(odd){ width:30%;}


.GoodsShow2List{ width:340px; height:auto; overflow:hidden; float:right;}
.GoodsShow2List h4{ width:100%; height:52px; line-height:52px; text-align:center; color:#fff; font-size:20px; background: #0068c8;}
.GoodsShow2List dl{width: 100%; height: auto;  background: #ccc;  overflow: hidden; text-align: center;  box-sizing: border-box; margin-top:10px;}
.GoodsShow2List dl a{ display: block; width: 100%; height: 100%;box-sizing: border-box; padding:25px 0; }
.GoodsShow2List dl dt{ width: 100%; height: auto; overflow: hidden;}
.GoodsShow2List dl dt img{width: 100%; height: auto; }
.GoodsShow2List dl dd{ width: 100%; height: 52px; line-height: 52px; overflow: hidden;  font-size: 16px; font-weight: bold;   }
.GoodsShow2List dl a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.GoodsShow2List dl a:hover{ border: 3px solid #0068c8;}

.searchList{ width:1220px; height:auto; overflow:hidden; padding-top:20px;}
.searchList dl{ float: left; width: 282px; height: 322px;  background: #FFFFFF;  overflow: hidden; text-align: center;  box-sizing: border-box; margin: 0 0 17px 17px;}
.searchList dl a{ display: block; width: 100%; height: 100%;box-sizing: border-box; padding:25px 0; }
.searchList dl dt{ width: 280px; height: 220px; overflow: hidden;}
.searchList dl dt img{width: 280px; height: 220px;}
.searchList dl dd{ width: 100%; height: 52px; line-height: 52px; overflow: hidden;  font-size: 16px; font-weight: bold;   }
.searchList dl a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.searchList dl a:hover{ border: 3px solid #0068c8;}