/***************************初始化部分********************************/
.content h1{text-align: center;font-size: 24px;margin-top: 20px;margin-bottom: 20px;}
.content{line-height: 35px;}

#showdata a span{height: 300px;}

#alttxt{display: none !important;}

/***************************内容开始********************************/

.top{line-height: 46px;background: #0a3f66;font-size: 16px;}

#header header{padding: 30px 0;}
#header header a.logo{margin-left: 26px;}
#header header nav{justify-content: space-around;-webkit-justify-content: space-around;}
#header header nav a{float: left;width: 70px;color: #8b8b8b;padding-top: 11px;line-height: 28px;margin-left: 36px;position: relative;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-ms-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;}
#header header nav a:hover{color: #008cd6;}
#header header nav a:hover:after{width: 100%;}
#header header nav a:after{content: '';-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-ms-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;position: absolute;bottom: 0;right: 0;left: 0;margin: auto;height: 1px;width: 0;background: #008cd6;}
.act{color: #008cd6 !important;}
.act:after{content: '';width: 100% !important;}


#footer{background: #272727;border-top: 3px solid #008cd6;}
#footer li{float: left;margin: 35px 18px;width: calc( 25% - 36px );overflow: hidden;}
#footer li h3{font-size: 18px;margin-bottom: 15px;}
#footer li div.ab{line-height: 21px;text-indent: 2em;}
#footer li div.cot{line-height: 30px;}
#footer li div.ne a{max-height: 50%;overflow: hidden;margin-bottom: 15px;}
#footer li div.ne a span{float: left;width: 75px;margin-right: 7px;}
#footer li div.ne a span img{width: 100%;}
#footer li div.ne a em{float: left;width: calc( 100% - 82px );width: -moz-calc( 100% - 82px );width: -webkit-calc( 100% - 82px );}
#footer li div nav{text-indent: 8px;}
#footer footer{line-height: 50px;background: #1f1f1f;}


#banner{width: 100%;height: 700px;}
#banner>img{display: none;}
#bannerMain{height: 100%;width: 100%;}
#bannerMain li{overflow: hidden;width: 100%;height: 100%;position: absolute;}
#bannerMain div{float: left;background-size: 1920px 700px;-webkit-transition-duration: .5s;-moz-transition-duration: .5s;-ms-transition-duration: .5s;-o-transition-duration: .5s;transition-duration: .5s;}
#banner aside{position: absolute;height: 0;width: 80%;top: 0;bottom: 0;right: 0;left: 0;margin: auto;z-index: 9;}
#banner aside img{cursor: pointer;}


header.title{font-family: '幼圆';}
header.title h1{color: #2c2c2c;font-size: 38px;padding-bottom: 40px;position: relative;}
header.title h1:after{content: '';width: 100px;height: 3px;background: #008cd6;margin: auto;position: absolute;bottom: 20px;right: 0;left: 0;}
header.title p{font-size: 18px;color: #2c2c2c;line-height: 28px;}


#proclass{padding-top: 81px;padding-bottom: 75px;width: 1260px;}
#proclass article{margin-top: 55px;justify-content: space-between;-webkit-justify-content: space-between;padding-top: 10px;padding-bottom: 10px;}
#proclass article a{min-width: 293px;border: 2px solid #c7c7c7;float: left;margin: 0 10px;overflow: hidden;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding-bottom: 35px;}
#proclass article a:hover span{height: 240px;}
#proclass article a span{height: 293px;overflow: hidden;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-ms-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;}
#proclass article a span img{height: 293px;}
#proclass article a strong{line-height: 84px;font-size: 22px;color: #282828;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-ms-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;}
#proclass article a em{line-height: 26px;color: #b4b2b2;margin-bottom: 20px;width: 80%;margin: auto;margin-bottom: 25px;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-ms-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;}
#proclass article a button{font-size: 12px;color: #7f7e7e;line-height: 36px;border: 1px solid currentcolor;border-radius: 40px;-moz-border-radius: 40px;-webkit-border-radius: 40px;width: 122px;}


#characteristic{background: url(../img/bg.jpg) center top;padding-top: 69px;padding-bottom: 65px;}
#characteristic ul{height: 400px;}
#characteristic ul li{float: left;}
#characteristic ul li.title{width: 396px;height: 100%;margin-right: 4px;}
#characteristic ul li.title div{height: 49%;background: rgba( 33 , 33 , 33 , .7 );overflow: hidden;}
#characteristic ul li.title div:first-child{margin-bottom: 2%;}
#characteristic ul li.title div:last-child h1{margin-bottom: 3px;padding-bottom: 15px;}
#characteristic ul li.title div h1{font-size: 30px;padding-bottom: 23px;position: relative;margin-left: 15px;margin-top: 13px;margin-bottom: 15px;}
#characteristic ul li.title div h1:after{content: '';position: absolute;bottom: 0;height: 6px;width: 60px;background: #0095e6;}
#characteristic ul li.title div p{font-size: 14px;color: #d3d3d3;line-height: 21px;width: 363px;margin: auto;}
#characteristic ul li.title div em{font-size: 32px;font-family: impact;width: 363px;margin: auto;}
#characteristic ul li.pro{width: 800px;}
#characteristic ul li.pro a{float: left;margin-bottom: 4px;width: 196px;height: 196px;overflow: hidden;margin-right: 4px;position: relative;}
#characteristic ul li.pro a:hover em{opacity: 1;}
#characteristic ul li.pro a:hover em:after{-webkit-transform: scale(.7);-moz-transform: scale(.7);-ms-transform: scale(.7);-o-transform: scale(.7);transform: scale(.7);}
#characteristic ul li.pro a span{width: 100%;height: 100%;}
#characteristic ul li.pro a img{height: 100%;}
#characteristic ul li.pro a em{opacity: 0;position: absolute;z-index: 2;background: rgba( 0 , 0 , 0 , .5 );font-weight: 700;top: 0;bottom: 0;right: 0;left: 0;width: 100%;height: 100%;line-height: 196px;font-size: 20px;text-align: center;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-ms-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;}
#characteristic ul li.pro a em:after{content: '';position: absolute;top: 0;bottom: 0;right: 0;left: 0;width: 100%;height: 100%;border: 3px solid #fff;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-ms-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;}


#proshow{padding-top: 55px;padding-bottom: 55px;}
#proshow aside{margin-top: 30px;margin-bottom: 23px;color: #979797;position: relative;justify-content: center;-webkit-justify-content: center;height: 40px;line-height: 40px;}
#proshow aside em{-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-ms-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;position: absolute;top: 0;bottom: 0;height: 100%;width: 165px;background: #008cd6;z-index: 1;border-radius: 40px;-moz-border-radius: 40px;-webkit-border-radius: 40px;}
#proshow aside a{-webkit-transition-duration: .4s;-moz-transition-duration: .4s;-ms-transition-duration: .4s;-o-transition-duration: .4s;transition-duration: .4s;float: left;max-width: 165px;position: relative;z-index: 2;margin: 0 5px;padding: 0 30px;}
#proshow aside a:nth-of-type(1){color: #fff;}
#proshow article{height: 528px;border: 1px solid currentcolor;}
#proshow article li{width: 95%;overflow: hidden;margin: auto;margin-top: 40px;position: absolute;height: 100%;top: 0;bottom: 0;right: 0;left: 0;}
#proshow article li:not(:first-child){display: none;}
#proshow article div.roll p{float: left;}
#proshow article div.roll a{float: left;overflow: hidden;width: 257px;margin-bottom: 20px;margin-right: 21px;}
#proshow article div.roll a span{border: 1px solid #979797;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;width: 100%;height: 175px;overflow: hidden;}
#proshow article div.roll a span img{height: 100%;}
#proshow article div.roll a em{line-height: 50px;}


#recommend{background: rgb( 247 , 247 , 247 );padding-top: 55px;padding-bottom: 145px;}
#recommend article{width: 890px;border: 1px solid #828282;height: 429px;margin-top: 45px;}
#recommend article div{height: 100%;}
#recommend article div#recommendMain{width: 300px;}
#recommend article div#recommendMain a{height: 25%;background: #fff;overflow: hidden;-webkit-transition-duration: .2s;-moz-transition-duration: .2s;-ms-transition-duration: .2s;-o-transition-duration: .2s;transition-duration: .2s;}
#recommend article div#recommendMain a.acts{background: #008cd6;}
#recommend article div#recommendMain a.acts strong{color: #fff;}
#recommend article div#recommendMain a.acts strong:after{border-left-color: #fff;}
#recommend article div#recommendMain a.acts p{color: #fff;}
#recommend article div#recommendMain a:not(:first-child){border-top: 1px solid #828282;}
#recommend article div#recommendMain a strong{line-height: 43px;font-size: 18px;color: #0f0f0f;font-weight: 500;position: relative;position: relative;padding-left: 1em;padding-right: 1em;}
#recommend article div#recommendMain a strong:after{content: '';border-left: 6px solid #0f0f0f;border-top: 4px solid transparent;border-bottom: 4px solid transparent;position: absolute;top: 0;bottom: 0;margin: auto;right: 0;width: 0;height: 0;}
#recommend article div#recommendMain a p{width: 263px;margin: auto;text-indent: 1em;color: #626161;font-size: 15px;}
#recommend article div#recommendMain img{display: none;}
#recommend article div#recommendImg{width: 590px;}
#recommend article div#recommendImg img{height: 100%;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-ms-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;}


.tit{}
.tit header{position: absolute;top: 0;bottom: 0;width: 330px;height: 330px;right: 0;left: 0;margin: auto;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);background: rgba(0,140,214,.5);}
.tit header h1{font-size: 50px;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);text-align: center;position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;height: 1em;}
.tit header em{font-size: 22px;text-align: center;position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);height: 6em;}

._zy_{padding-top: 40px;padding-bottom: 70px;}
.text_zy{width: 1000px;line-height: 1.9;}

.list{color: #4b4b4b;}
.list a{padding: 0 3px;}
.list a:after{content: '>';display: inline;padding-left: 3px;}

#list ._list{display: none;}


.pro_zy a{-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-ms-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;padding-bottom: 20px;width: 24%;margin: 10px .5%;float: left;overflow: hidden;border: 1px solid #ccc;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.pro_zy a:hover{background: #f1f1f1;}
.pro_zy a span{height: 220px;width:calc( 100% - 40px );width: -moz-calc( 100% - 40px );width: -webkit-calc( 100% - 40px );overflow: hidden;margin-top: 20px;margin-left: 20px;margin-bottom: 15px;}
.pro_zy a img{height: 100%;}
.pro_zy a strong{line-height: 1.8;font-size: 18px;text-indent: 1em;margin-bottom: 5px;}
.pro_zy a em{line-height: 1.5;width: calc( 100% - 40px );width: -moz-calc( 100% - 40px );width: -webkit-calc( 100% - 40px );margin: auto;font-size: 14px;color: #969696;text-indent: 1em;}


#_list{width: 250px;border: 1px solid #ccc;}
#_list a.tac{line-height: 2;border-bottom: 1px solid #ccc;}
#_list #_listline{line-height: 3;text-indent: 1em;}
#_list #_listline a{position: relative;overflow: hidden;z-index: 1;}
#_list #_listline a:hover:after{width: 100%;}
#_list #_listline a:after{content: '';background: #ccc;z-index: -1;position: absolute;top: 0;bottom: 0;width: 0;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-ms-transition-duration: .3s;-o-transition-duration: .3s;transition-duration: .3s;}


.lx{width: 900px;line-height: 2;}