body,html{color:#666;margin:0;padding:0;font:12px/24px Microsoft YaHei,san-serif;background: #fff;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,select,object{margin:0;padding:0;outline: none;}
ul,ol,li{list-style-type:none}
address,cite,code,em,th,h1,h2,h3,h4,h5,h6{font-weight:normal; font-style:normal;}
img{border:0 none;}
h1,h2,h3,h4,h5,h6{font-size:12px;}
object,textarea,img,iframe{vertical-align: top;}
textarea{overflow: auto;}
a{text-decoration:none;color:#2C2C2C;outline: none;-moz-transition:color 1s; -webkit-transition:color 1s;-o-transition:color 1s;}
a:hover{text-decoration:none;color:#f29e43;}
.wrap, .jz_nr,.min{width:1200px; margin: 0 auto;min-width:1200px}
input[type=submit]:hover{opacity:0.9;filter:Alpha(opacity=90);cursor: pointer;}
.checkbox,.radio{width:13px;height:13px;vertical-align:-2px;*vertical-align:-1px;}
.l{float:left;_display: inline;} .r{float:right;_display: inline;}
.blank0,.blank1,.blank2,.blank3,.blank4,.blank5,.blank6,.blank7,.blank8,.blank9,.blank10,.blank11,.blank12,.blank13,.blank14,.blank15,.blank16,.blank17,.blank18,.blank19,.blank20,.blank30,.blank40,.blank50,.blank60,.blank70{clear:both;display:block; font-size:1px; overflow:hidden;}
.blank0{height:0;}.blank1{height:1px;}.blank2{height:2px;}.blank3{height:3px;}.blank4{height:4px;}.blank5{height:5px;}.blank6{height:6px;}.blank7{height:7px;}.blank8{height:8px;}.blank9{height:9px;}.blank10{height:10px;}.blank11{height:11px;}.blank12{height:12px;}.blank13{height:13px;}.blank14{height:14px;}.blank15{height:15px;}.blank16{height:16px;}.blank17{height:17px;}.blank18{height:18px;}.blank19{height:19px;}.blank20{height:20px;}.blank30{height: 30px;}.blank40{height:40px;}.blank50{height:50px;}.blank60{height:60px;}.blank70{height:70px;}
.por{position: relative;} .owfl{ overflow:hidden;} .tl{text-align: left; } .tc{text-align: center; } .tr{text-align: right; }.center{margin: 0 auto;}
.fs12{ font-size:12px; }
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml5{margin-left: 5px;}
.ml30{margin-left: 30px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr40{margin-right: 40px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt90{margin-top: 90px;}
.mt57{margin-top: 57px;}
.mtb10{margin: 10px 0;}
.mlr10{margin: 0 10px;}
.mlr20{margin: 0 20px;}
.pl5{padding-left: 5px;}
.pl20{padding-left:20px;}
.pr20{padding-right:20px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.pl10{padding-left: 10px;}
.pr10{padding-right: 10px;}
.pr40{padding-right: 40px;}
.plr10{padding: 0 10px;}
.plr20{padding: 0 20px;}
.ptb10{padding: 10px 0;}
.ptb15{padding:15px 0;}
.ptb20{padding: 20px 0;}
.pdtp{ padding-top:57px;}
.c999{color: #999;}
.bg{background: #FFF;}
.mb{border:1px solid #d9d9d9;}
.bd-t{border: 1px solid #d9d9d9;border-top: none;}
/*头部页眉*/
.header{background:#f1f1f1;height:40px;}
.owfl p{font-size: 13px;color: #666;line-height: 40px;}
.owfl a{font-size: 13px;color: #666;line-height: 40px;padding: 0 10px;}
.owfl_one a{background:url(../images/index_01.png) no-repeat left;padding-left: 20px;margin-left: 20px;}
.owfl_one:hover{background:#fff;margin-left:20px;}
.owfl_one{;margin-left:20px;}
#wxImg{background:#fff;width:250px;height:120px !important;box-shadow :3px 3px 10px #ccc}
#wxImg img{float: left;padding:10px; width: 100px;}
#wxImg h3{font-size:15px;font-weight:900;color:#333;padding-top:30px;}
#wxImg p{font-size:15px;color:#666}
.header ul li{float: left;margin-right: 5px;}
.header ul li.one a{border-right:1px #999 solid;padding-right: 20px;}
.header ul li p{margin-top: 7px;
font-weight: 900;background:url(../images/index_02.png) no-repeat center;width:140px;padding-left: 40px;font-size: 14px;color: #e4393c;line-height: 25px;margin-top: 7px;}
.top-logo img{padding-right: 25px;}
.top-logo h3{padding-top: 20px;font-size: 28px;color: #f39800;font-weight: 900;padding-bottom: 10px;}
.top-logo p{font-size: 16px;color: #666;}
.top-tel ul li{float: left;margin-left: 60px;margin-top: 20px;}
.top-tel ul li a {font-size: 16px;color: #333;line-height: 40px;display: inline-block;}
.top-tel ul li a:hover{border-bottom:2px #e4393c solid;color: #e4393c;}
.top-tel ul li.on a{border-bottom:2px #e4393c solid;color: #e4393c;}
/*幻灯片*/
.banner {background:url(../images/index_06.jpg) no-repeat center;height: 350px;text-align: center;}
.banner_bt {padding-top: 70px;}
.banner_bt h3{font-size: 45px;color: #333;padding-bottom: 25px;}
.banner_bt p{font-size: 25px;color: #333;letter-spacing:5px;}
.sousuo{
background-color: rgba(255,255,255,0.6);
padding-top: 20px;
height: 65px;
margin: 0 140px;
}
.container .input{
position: relative;
height: 44px;
border: #e4393c solid 2px;
float: left;
border-radius: 4px 0 0 4px;
margin: 0px 20px;
}
.container .input>input{
outline: none;
border: none;
padding: 0 62px 0 37px;
margin: 0;
height: 44px;
width: 500px;
color: #333;
font-size: 14px;
border-radius: 4px 0 0 4px;
background: #fff url(../images/index_05.jpg) no-repeat left;
background-position: 10px;
}
.container .input .picker{
width: 80px;
padding-right: 30px;
position: absolute;
top: 0;
right: 1%;
height: 100%;
line-height: 44px;
cursor: pointer;
color: #333;
font-size: 12px;
text-align: right;
background-image: url("../images/down.png");
background-position: 93px center;
background-repeat: no-repeat;
user-select: none;
}
.container .input .picker-list{
list-style: none;
padding: 5px 0;
width: 121px;
position: absolute;
right: 0%;
top: 50px;
margin: 0;
line-height: 26px;
font-size: 12px;
border-radius: 2px;
box-shadow: 0 1px 5px rgba(0,0,0,.2);
background-color: #fff;
display: none;
}
.container .input .picker-list>li{
background-position: 10px center;
background-repeat: no-repeat;
background-size: 16px auto;
}
.container .input .picker-list>li:hover{
background-color: #ebf1f5;
cursor: pointer;
}
.container .input .hot-list{
padding: 10px 0;
width: 100%;
position: absolute;
left: 0;
top: 50px;
margin: 0;
line-height: 32px;
font-size: 14px;
border-radius: 2px;
box-shadow: 0 1px 5px rgba(0,0,0,.2);
background-color: #fff;
display: none;
}
.container .input .hot-list>a{
display: block;
color: #333;
text-decoration: none;
padding: 0 10px;
overflow: hidden;
}
.container .input .hot-list>a:hover{
background-color: #f3f3f3;
}
.container .input .hot-list>a>div{
float: left;
}
.container .input .hot-list>a>div.number{
text-align: center;
width: 40px;
}
.container .search{
width: 135px;
height: 44px;
/* background-color: #e4393c; */
/* text-align: center; */
/* background-repeat: no-repeat; */
border-radius: 0 4px 4px 0;
cursor: pointer;
position: absolute;
}
.container .search p{font-size: 18px;color: #fff;background: #e4393c;line-height: 48px;padding-right: 20px;width: 180px;margin: 0px 511px;}
.container .search p a{color: #fff;}
.sousuo_r a{background:#01a8e1;font-size: 18px;color: #fff;line-height: 48px;width: 180px;display: block;float: right;margin-right: 14px;}
.container .md-trigger{
width: 166px;
height: 48px;
background: #e4393c;
/* text-align: center; */
/* background-repeat: no-repeat; */
/* border-radius: 0 4px 4px 0; */
cursor: pointer;
position: absolute;
float:right;
right:705px;
border: none;
color: #fff;
font-size: 18px;
}
/*搜索*/
.youshi {background:#eaf1f7;height: 75px;}
.youshi li{width:24.8%;float: left;background:url(../images/index_07.jpg) no-repeat right;height: 75px;text-align: center;}
.youshi li.two{background:url(../images/index_07.jpg) no-repeat;height: 75px;border-right:1px #d2d6d9 solid;}
.youshi li.the{border-left:#fff solid 1px;}
.youshi li h3{font-size: 18px;color: #333;font-weight: 900;padding-top: 15px;}
.youshi li p{font-size: 14px;color: #333;font-weight: lighter;}
.biaoti h3{font-size: 30px;color: #333;padding-bottom: 15px;}
.biaoti p{font-size: 14px;color: #333;}
.pzgy{position: relative;}
.pz1{}
.moren{display: block;float: left;width: 105px;border:1px #fff solid;background:#eee;border-right: none;/* padding-top: 20px; */height: 152px;position: relative;text-align: center;}
.moren dt div{background:url(../images/index_08.png) no-repeat;width:50px;transition: 0.3s all;height: 48px;margin-left: 24px;margin-top: 40px;}
.moren dt .img{background-position: 5px 0px;}
.moren dt .img1{background-position: -100px 0px;}
.moren dt .img2{background-position: -203px 0px;}
.moren dt .img3{background-position: -310px 0px;}
.moren dt .img4{background-position: -414px 4px;}
.moren dt .img5{background-position: -514px 5px;}
.moren:hover{background-image: linear-gradient(#f4aaab, #ed7577)}
.moren:hover dt .img{background-position: 5px -56px;}
.moren:hover dt .img1{background-position: -100px -56px;}
.moren:hover dt .img2{background-position: -203px -56px;}
.moren:hover dt .img3{background-position: -310px -56px;}
.moren:hover dt .img4{background-position: -414px -56px;}
.moren:hover dt .img5{background-position: -514px -56px;}
.moren_one dt div{background:url(../images/index_09.png) no-repeat;width:50px;transition: 0.3s all;height: 40px;margin-left: 24px;margin-top: 40px;}
.moren_one dt .img{background-position: 5px 0px;}
.moren_one dt .img1{background-position: -89px 0px;}
.moren_one dt .img2{background-position: -194px 0px;}
.moren_one dt .img3{background-position: -295px 0px;}
.moren_one dt .img4{background-position: -404px 4px;}
.moren_one dt .img5{background-position: -504px 5px;}
.moren_one:hover{background-image: linear-gradient(#f4aaab, #ed7577)}
.moren_one:hover dt .img{background-position: 5px -40px !important;}
.moren_one:hover dt .img1{background-position: -89px -40px !important;}
.moren_one:hover dt .img2{background-position: -194px -40px !important;}
.moren_one:hover dt .img3{background-position: -295px -40px !important;}
.moren_one:hover dt .img4{background-position: -404px -40px !important;}
.moren_one:hover dt .img5{background-position: -504px -40px !important;}
.moren h3{height: 40px;line-height:40px;text-align: center;font-size: 16px;color: #666;}
.moren:hover h3{color:#fff}
.hover{position: absolute;/* width:577px; */padding-left: 20px;}
.hover dt {padding: 14px 0;}
.hover dt h3{font-size:16px;float: left;}
.hover dt p{font-size: 13px;color:#666;padding-bottom: 5px;}
.hover dd{float: left;width: 44%;}
.hover dd p{font-size: 12px;line-height: 22px;color: #666;text-align: left;float: left;padding-right: 17px;padding-top: 0px;}
.hover dd h3{font-size:16px;border-left: 2px #999 solid;padding-left: 10px;}
.pzgy:hover .hover{display: block;}
.pz1 .hover{left:-239px;top:0;}
.pz2 .hover{left:0;top:0;}
.pz1cur .hover{display: block;}
.pz2 .hover{left:240px;top:0;}
.pz3 .hover{left:480px;top:0;}
.pz4 .hover{left:720px;top:0;}
/* Menu style */
.subMenu {
width: 100%;
overflow:hidden;
position: relative;
}
/* Selects the inside the .subMenu class (div) */
.subMenu ul {
position:relative;
display:block; /* display as a block-level element */
width:1300px; /* give the enough width so - 's don't wrap */
}
/* Selects all
- 's in the
inside the .subMenu div */
.subMenu ul li {float:left;width:104px;height: 152px;position:relative;overflow:hidden; /* hide any overflow for these - elements */}
.subMenu ul li.on{width:691px !important;}
/* Selects the .menuPreview which will contain the
black and white background image positioned absolutely */
.menuPreview {
width:90px;
height:340px;
cursor:pointer;
position:absolute;
top:0px;
left:0px;
background:transparent url(../images/theWar/bw.jpg) no-repeat top left;
}
/* Selects the .menuImage which will contain the
color background image positioned absolutely. Its position
and opacity will be animated via jquery... */
.menuImage {
position:absolute;
left:90px; /* note this is positioned further to the right */
top:0px;
width:90px;
height:340px;
opacity:0.2; /* set its beginning opacity to 20% */
background:transparent url(../images/theWar/color.jpg) no-repeat top left;
}
/* Define the positioning of the background for both the
.menuPreview and .menuImage 's within their parent
link () elements (.pos1, .pos2, etc... classes) */
.pos1 span {
background-position:0px 0px;
}
.pos2 span {
background-position:-90px 0px;
}
.pos3 span {
background-position:-180px 0px;
}
.pos4 span {
background-position:-270px 0px;
}
.pos5 span {
background-position:-360px 0px;
}
/* Select the .menuDescription content div and absolutely position it.
The left position for it is going to be the width of the spans. */
.menuDescription {position:absolute;width: 670px;height: 152px;left: 105px;top: 1px;background: #f6f6f6;}
/* Spice up the
in the .menuDescription div with a nice grungy
font that we'll get from Google fonts. Add a background
stripes image as well. */
.menuDescription h2 {
font-family: 'Rock Salt', arial, serif;
font-size:26px;
color: #6b634c;
/*color:#333;*/
padding:10px;
text-shadow:0px 0px 1px #fff;
background:#fff url(../images/stripe_light.gif) repeat top left;
}
/* Spice up the in the .menuDescription div with a nice grungy
font that we'll get from Google fonts. */
.menuDescription h3 {color: #666;font-size: 14px;
*/text-align: left;margin-bottom: 7px;}
.zcsb_a a{ background:#e4393c;color: #fff;text-align: center;margin: 0 500px; line-height: 40px;display: block;font-size: 16px;}
/* Bounce To Right */
.zcsb_a a {
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.zcsb_a a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #01a8e1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.zcsb_a a:hover, .zcsb_a a:focus, .zcsb_a a:active {
color: white;
}
.zcsb_a a:hover:before, .zcsb_a a:focus:before, .zcsb_a a:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*商标注册*/
.sb_bt h3{text-align: center;font-size: 30px;color: #333;padding-bottom: 15px;}
.sb_bt p{font-size: 16px;color: #333;background:url(../images/index_10.png) no-repeat left;padding-left: 20px;float: left;margin-right: 20px;display: flex;justify-content: center;}
.sb_p{display: flex;justify-content: center;}
.sb_bt {}
.sb_bt1 li{float: left;width:351px;margin-left: 35px;box-shadow: 1px 2px 4px #ddd;text-align: center;padding-bottom: 25px;}
.sb_bt1 li h3{font-size: 18px;color: #fff;background:#373d41;line-height: 70px;}
.sb_bt1 li p{background:url(../images/index_11.jpg) no-repeat left;padding-left: 30px;text-align: left;margin-left: 85px;font-size: 14px;color: #333;line-height: 40px;}
.sb_bt1 li h4{font-size: 17px;color: #e4393c;}
.sb_bt1 li h4 span{font-size: 30px;}
.sb_bt1 li em{border:2px #e4393c solid;line-height: 40px;text-align: center;margin: 0 40px;display: block;margin-top: 20px;font-size: 16px;color: #e4393c;}
.sb_bt1 li:hover h3{background:#e4393c;height: 80px;}
.sb_bt1 li:hover{position: relative;bottom:10px;}
.sb_bt1 li:hover em{background:#e4393c;color: #fff;}
.sb_zx ul{width:1300px;}
.sb_zx ul li img{padding-top: 50px;padding-bottom: 20px;}
.sb_zx ul li h3{font-size: 21px;color: #666;}
.sb_zx ul li p{font-size: 30px;color: #e4393c;padding-top: 30px;font-weight: bold;}
.sb_zx ul li{width:230px;float: left;text-align: center;background:#f6f6f6;height: 288px;overflow: hidden;position: relative;margin-right: 10px;}
.sb_zx ul li .wenzi{background-color:rgba(0,0,0,0.7);position: absolute;width: 100%;height:100%;top:100%;left: 0;z-index: 2;overflow: auto;visibility: hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-align: left;}
.sb_zx ul li:hover .wenzi{top:0; opacity: 1; visibility: visible;}
.sb_zx ul li .wenzi h3{font-size: 18px;color: #fff;padding-top: 40px;padding-bottom: 15px;padding-left: 15px;}
.sb_zx ul li .wenzi p{font-size: 14px;color: #fff;font-weight: lighter;padding-top: 0px;background:url(../images/a_10.png) no-repeat left;padding-left: 20px;line-height: 30px;margin-left:20px;}
.sb_zx ul li .wenzi a{background:#e4393c;text-align: center;color: #fff;margin: 0 40px;line-height: 40px;margin-top: 15px;display: block;font-size: 18px;}
.sb_zx ul li .wenzi a:hover{background:#01a8e1;}
.sb_zx ul li .ontt a{background:#fff;color: #333;line-height: 40px;margin-bottom: 10px;text-align: center;display: block;margin: 10px 15px;font-size: 16px; }
.sb_zx ul li a:hover{background:#e4393c;color: #fff;}
.sb_zx ul li .twoo {text-align: center;padding-left: 15px;}
.sb_zx ul li .twoo a{background:#fff;text-align: center;width:92px;float: left;font-size: 15px;font-weight: 400;display: inline-block;line-height: 30px;margin-bottom: 10px;margin-right: 15px;}
.sb_zx ul li .twoo a:hover{background:#e4393c;}
/*品牌设计*/
.ppsj_nr {border: 1px #f1f1f1 solid;box-shadow: 0px 2px 7px #eee;height: 336px;border-radius: 22px;}
.ppsj_nr ul {/* width:1300px; */}
.ppsj_nr ul li{float: left;margin-left: 30px;text-align: center;}
.ppsj_nr ul li img{margin-top: 35px;border-radius:50%;}
.ppsj_nr ul li.pp_on{margin-left: 0px;}
.ppsj_nr ul li.pp_on img{margin-top: 0px;border-radius:0%;}
.ppsj_nr ul li:hover.pp_on img{transform:rotate(0deg);-ms-transform:rotate(0deg); /* IE 9 */-moz-transform:rotate(0deg); /* Firefox */-webkit-transform:rotate(0deg); /* Safari 和 Chrome */-o-transform:rotate(0deg);}
.ppsj_nr li:hover img{transform:rotate(360deg);-ms-transform:rotate(360deg); /* IE 9 */-moz-transform:rotate(360deg); /* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */}
.ppsj_nr li img{
-webkit-transition: 0.4s;
-webkit-transition: -webkit-transform 0.4s ease-out;
transition: transform 0.4s ease-out;
-moz-transition: -moz-transform 0.4s ease-out;
}
.ppsj_nr ul li h3{font-size: 20px;color: #333;line-height: 40px;}
.ppsj_nr ul li p{font-size: 12px;color: #999;line-height: 30px;padding-bottom: 20px;}
.ppsj_nr ul li span{border: 2px #e4393c solid;padding: 8px 20px;border-radius:20px;font-size: 15px;color: #e4393c;}
.ppsj_nr ul li:hover span{background:#e4393c;color: #fff;}
/*企业服务*/
.ppsj_nr_fw {border: 1px #f1f1f1 solid;box-shadow: 0px 2px 7px #eee;height: 336px;border-radius: 22px;}
.ppsj_nr_fw ul {/* width:1300px; */}
.ppsj_nr_fw ul li{float: left;margin-left: 67px;text-align: center;}
.ppsj_nr_fw ul li img{margin-top: 35px;}
.ppsj_nr_fw ul li.pp_on{margin-left: 0px;}
.ppsj_nr_fw ul li .div{overflow: hidden;}
.ppsj_nr_fw ul li a:hover img{color: #1e50ae;-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
.ppsj_nr_fw ul li img{width:256px !important;height:156px !important;overflow: hidden;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear;position:relative;}
.ppsj_nr_fw ul li.pp_on img{margin-top: 0px;border-radius:0%;width:162px !important; height: 336px !important;}
.ppsj_nr_fw ul li h3{font-size: 20px;color: #333;line-height: 40px;}
.ppsj_nr_fw ul li p{font-size: 12px;color: #999;line-height: 30px;padding-bottom: 20px;}
.ppsj_nr_fw ul li span{border: 2px #e4393c solid;
padding: 8px 20px;
border-radius: 20px;
color: #e2393e;
font-size: 15px;}
.ppsj_nr_fw ul li:hover span{background:#e4393c;color: #fff;}
/* 本例子css */
.slideTxtBox{}
.slideTxtBox .hd{height: 23px;line-height:30px;background: url(../images/index_27.jpg) no-repeat center;position:relative;}
.slideTxtBox .hd ul{/* float:left; */position:absolute;/* left:20px; *//* top:-1px; */height:32px;}
.slideTxtBox .hd ul li{float:left;margin-top:-10px;text-align:center ;cursor:pointer}
.slideTxtBox .hd ul li p{font-size:16px;color:#333;}
.slideTxtBox .hd ul li h3{background: url(../images/index_28.jpg) no-repeat center;width: 42px;height: 41px;text-align: center;line-height: 41px;font-size: 25px;color: #e4393c;}
.slideTxtBox .hd ul li.on h3{ background:#e4393c; border-radius:50%;color:#fff }
.slideTxtBox .hd ul li.one{margin-left: 117px;}
.slideTxtBox .hd ul li.two{margin-left: 186px;}
.slideTxtBox .hd ul li.thr{margin-left: 187px;}
.slideTxtBox .hd ul li.four{margin-left: 192px;}
.slideTxtBox .hd ul li.fove{margin-left: 89px;}
.slideTxtBox .bd ul{ margin-top: 40px;background:#f1f1f1;height: 80px;border-radius:20px;padding: 40px; }
.slideTxtBox .bd li{ height: 40px; }
.slideTxtBox .bd li h3{float: left;font-size: 14px;font-weight: bold; margin-right: 40px; }
.slideTxtBox .bd li p{background:url(../images/index_11.jpg) no-repeat left;display: inline-block;padding-left: 30px;font-size: 14px;color: #666;float: left; margin-right:25px;}
.liuc_a a{background: #e4393c;
text-align: center;
line-height: 40px;
margin: 0 520px;
display: block;
font-size: 19px;
color: #fff;
margin-top: 30px;}
.slideTxtBox .hd ul li.four p {
font-size: 16px;
color: #333;
left: -41px;
position: relative;
}
/*新闻*/
.ny_news-bt a{background:#eee;text-align: center;font-size: 16px;color: #333;display: block;float: left;margin-right: 20px;padding: 0 40px;line-height: 40px;}
.ny_news-bt a:hover{background:#0546a0;color: #fff;}
.ny_news dl{margin-bottom: 30px;height: 83px;padding: 30px;}
.ny_news dl dt{float: left;width:120px;text-align: center;}
.ny_news dl dt h3{font-size: 24px;color: #333;padding-bottom: 15px;}
.ny_news dl dt em{background:#ccc;height: 1px;margin: 0 20px;display: block;}
.ny_news dl dt p{font-size: 15px;color: #999;padding-top: 10px;}
.ny_news dl dd{float: left;width:900px;}
.ny_news dl dd h3{font-size: 16px;color: #333;padding-bottom: 15px;}
.ny_news dl dd p{line-height: 20px;font-size: 14px;color: #999;}
.ny_news dl span{font-size: 16px;color: #333;text-align: center;background:#eee;display: block;padding: 8px 20px;margin-top: 20px;}
.ny_news dl:hover{background:#f1f1f1;}
.ny_news dl:hover h3{color: #0546a0;}
.ny_news dl:hover span{background:#0546a0;color: #fff;}
.news_show{width:70%;}
.news_show dl{border-bottom:1px #ccc dashed;padding-bottom:15px;height:170px;margin-bottom:20px;}
.news_show h3{font-size: 24px;text-align: left;padding-bottom: 20px;color:#333}
.news_show dl dt{float:left;margin-right:20px;}
.news_show dl dd p{font-size:15px;color:#999;padding-bottom:40px}
.news_show dl em{float:left;font-size:13px;color:#999;background:url(../images/news_01.jpg) no-repeat left;display: inline-block;padding-left: 25px;}
.news_show dl span{float:right;font-size:13px;color:#999}
.news_show span{text-align: center;display: block;font-size: 16px;color: #999;background:url(../images/news_02.jpg) no-repeat left;display: inline-block;padding-left: 25px;}
.news_show p{font-size: 16px;line-height: 35px;}
.news_right {width:25%;}
.news_right_lb{border:1px #eee solid;margin-bottom:10px;}
.news_right_lb h3{background:#eee;line-height:40px;color:#333;padding-left:22px;font-size: 16px;}
.news_right_lb a{line-height:40px;width:100%;display:inline-block;padding-left:20px;font-size:14px;color:#666}
.news_right_lb a em{background:#ddd;height:5px;width:5px;border-radius:50%;display:block;float:left;position:relative;top:19px;margin-right:15px;}
.news_list h3{font-size: 20px;color: #333;border-bottom:1px #ccc solid;padding-bottom: 15px;margin-bottom: 20px;}
.news_list p{line-height: 40px;font-size: 16px;border-bottom:1px #ddd solid;}
.news_list p a{color: #333;background:url(../images/news.png) no-repeat left;padding-left: 20px;}
.news_list p:hover a{color: #0096bd;}
.tuijian h3 {font-size: 20px;color: #333;border-bottom:1px #ccc solid;padding-bottom: 15px;margin-bottom: 20px;margin-top: 30px;}
.tuijian li{height: 60px;border-bottom:1px #ddd solid;margin-bottom: 16px;}
.tuijian li a p{font-size: 16px;color: #333;}
.tuijian li a span{font-size: 13px;color: #999;}
.tuijian li a:hover p{color: #0096bd;}
.tuijian .fy{display: none;}
.news_aa{border-top:1px #eee solid;margin-top: 30px;padding-top: 10px;}
/*服务优势*/
.fw_ys{width:1300px;}
.fw_ys dl{float: left;width:380px;height: 120px;background:#eee;margin-right: 20px;border-radius:15px;margin-bottom: 20px;}
.fw_ys dl dt{float: left;font-size: 88px;color: #e4393c;padding-top: 50px;padding-left: 20px;padding-right: 15px;}
.fw_ys dl dd{float: left;padding-top: ;}
.fw_ys dl dd h3{font-size: 16px;color: #333;padding-bottom: 10px;font-weight: bold;padding-top: 21px;}
.fw_ys dl dd p{font-size: 14px;color: #666;width: 270px;}
/*新闻*/
.news_nr {}
.news_nr dl{float: left;padding-right: 30px;border-right:1px #ddd solid;}
.news_nr dl.news_ioe{width:35%;}
.news_nr dl.news_one{width:28%;margin-left: 30px;}
.news_nr dl.news_two{width:23%;margin-left: 30px;border-right:none;padding-right: 0px;}
.news_nr dl dt{padding-bottom: 10px;font-size: 16px;color: #2C2C2C;}
.news_nr dl p a{font-size: 14px;color: #333;display: inline-block;}
.news_nr dl p .ont{width: 271px;
margin-left: 22px;}
.news_nr dl p a span{background:url(../images/index_30.jpg) no-repeat ;height: 15px;width: 7px;display: inline-block;float: right; margin-top:5px;}
.news_nr dl.news_one dd{line-height: 25px;height: 30px;}
.news_nr dl.news_one dd h3{ float: left;font-size: 14px;color: #333;}
.news_nr dl.news_one dd p{float: right;font-size: 13px;color: #666;}
.right-toptitle{text-align: center;font-size: 18px;border-bottom:1px #ddd solid;margin-bottom: 30px;padding-bottom: 20px;line-height: 30px;}
/*底部*/
.foot{background: #f5f5f5 url(../images/index_32.jpg) no-repeat;height: 325px;}
.footer {border-bottom:1px #eee solid;height: 115px; }
.footer ul {padding-top: 50px;}
.footer ul li{float: left;margin-right: 138px;}
.footer ul li.one{margin-right: 0px;}
.footer ul li img{float: left;}
.footer ul li p{float: left;margin-left: 20px;color: #333;font-weight: bold;font-size: 16px;line-height: 41px;}
.foot_left {width: 180px;border-right:1px #ddd solid;margin-right: 50px;}
.foot_left h3{font-size: 14px;color: #333;font-weight: bold;padding-bottom: 5px;}
.foot_left p{font-size: 14px;color: #999;}
.foot_dl {margin-left:20px;}
.foot_dl dl{float: left;margin-right: 69px;margin-left:20px;}
.foot_dl dl dt{font-size: 14px;color: #333;padding-bottom: 10px;}
.foot_dl dl dd a{color: #999;font-size: 14px;}
.foot_right{background:url(../images/index_38.png) no-repeat center; height: 154px;width:205px;text-align: center;}
.foot_right h3{font-size: 14px;color: #333;font-weight: bold;padding-bottom: 15px;}
.foot_right p{line-height: 20px;color: #666;font-size: 12px;}
.footer_nr{background:#444;height: 120px;text-align: center;}
.footer_nr p {padding-top: 30px;padding-bottom: 15px;}
.footer_nr p a{padding: 0 10px;font-size: 15px;color: #fff;}
.footer_nr h3{font-size: 12px;color: #fff;}
.footer_nr h3 a{color: #fff;padding-left: 5px;font-weight: lighter;}
.footer_nr ul {padding-top: 20px;display: flex;justify-content: center;}
.footer_nr ul li{float: left;margin-right: 5px;}
.footer_nr ul li img{float: left;padding-right: 5px;}
.footer_nr ul li p{float: left;padding: 0;}
/*内页*/
.braed p a{font-size: 14px;color: #333;padding: 0 5px;}
.ny_nr{width:813px;padding: 70px 50px;border:1px #dfdfdf solid;}
.ny_nr p{font-size:14px;line-height: 30px;text-indent:2em;color: #666;padding-bottom: 10px;}
.ny_zx{border:1px #dfdfdf solid;width: 266px;text-align: center;height: 834px;}
.ny_zx h3{font-size:18px;color: #000;line-height: 51px;background:#f0f0f0;margin: 0px 0px 40px;}
.ny_zx a{font-size: 18px;color: #333; border-radius:50px; margin:20px 0 0 58px; width:150px; display: block;line-height:40px;}
.ny_zx a{background:#e4393c;color: #fff;}
.ny_zx img{width:150px;}
.ny_biaoti h3{font-size: 30px;color: #555;font-weight: lighter;padding-bottom: 15px;letter-spacing :10px;}
.fw_ul{display: flex;justify-content: center;}
.fw_ul ul{ margin-left: 110px;}
.fw_ul li{float: left;margin-right: 50px;width:285px;height: 208px;text-align: center;background:#f7f7f7;margin-bottom: 50px;box-shadow :3px 3px 10px #ccc}
.fw_ul li img{padding-top: 50px;padding-bottom: 10px;}
.fw_ul li h3{font-size: 17px;color: #333;}
.fw_ul li.ont{margin-left: 150px;}
.fw_pt {background:#f7f7f7;height: 408px;padding-top: 80px;}
.fw_pt ul li{float: left;text-align: center;width:33.3%;padding-top: 50px;}
.fw_pt ul li h3{font-size: 24px;color: #000;line-height: 50px;}
.fw_pt ul li p{font-size: 18px;color: #666;font-weight: lighter;line-height: 30px;}
.fw_sjal ul{width:1300px;}
.fw_sjal ul li{float: left;margin-right: 30px;margin-bottom: 30px;width:381px;}
.fw_sjal ul li .wenzi{background:#f7f7f7;padding: 20px 0;text-align: center;}
.fw_sjal ul li .wenzi h3{font-size: 24px;color: #666;letter-spacing:5px;padding-bottom: 10px;}
.fw_sjal ul li .wenzi p{font-size: 14px;color: #999;letter-spacing:5px;}
.fw_sjal ul li .div{overflow: hidden;}
.fw_sjal ul li:hover img{color: #1e50ae;-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
.fw_sjal ul li img{width:381px !important;height:380px !important;overflow: hidden;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear;position:relative;}
.fw_vi dl{margin-bottom: 30px;}
.fw_vi dt{float: left;background:#f7f7f7;text-align: center;width: 262px;height: 363px;}
.fw_vi dt h3{font-size: 24px;color: #666;letter-spacing:3px;padding-top: 160px;padding-bottom: 30px;}
.fw_vi dt.fw_vi_on{height: 452px;border-right:2px #fff solid;}
.fw_vi dt.fw_vi_on h3{padding-top: 200px;}
.fw_more ul{width:1300px;}
.fw_more ul li{float: left;margin-right: 5px;width:236px;line-height: 89px;text-align: center;background:#f7f7f7;margin-bottom: 5px;font-size: 22px;font-weight: lighter;letter-spacing:5px;}
/*商标服务*/
.service_bt {font-size: 30px;color: #333;letter-spacing:3px;}
.service_zc ul {float: left;width:1000px;}
.service_zc ul li{float: left;width:263px;height: 108px;margin-left: 25px;margin-bottom: 25px;border:1px #d0d0d0 solid;border-left:4px #e4393c solid;padding: 25px 20px;}
.service_zc ul li .wenzi .img{width:54px;padding-top: 5px;text-align: center;}
.service_zc ul li .wenzi h3{font-size: 16px;color: #333;}
.service_zc ul li .wenzi em{font-size: 14px;color: #666;}
.service_zc ul li p{font-size: 14px;color: #e4393c;}
.service_zc ul li p span{font-size: 24px;}
.service_zc ul li .span_a{font-size: 14px;color: #e4393c;border:#e4393c 2px solid; text-align: center;width:100px;line-height: 30px;display: block;border-radius:20px;}
.service_zc ul li:hover .span_a{background:#e4393c;color:#fff}
/*商标案件*/
.service_case{width:1300px;}
.service_case dl{margin-right: 55px;margin-bottom: 58px;float: left;width:360px;border:1px #ddd solid;padding-bottom: 30px;text-align: center;}
.service_case dl dt{overflow: hidden;}
.service_case dl:hover img{color: #1e50ae;-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
.service_case dl img{width:360px !important;height:214px !important;overflow: hidden;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear;position:relative;}
.service_case dl dd h3{font-size: 22px;color: #333;font-weight: bold;padding-top: 20px;padding-bottom: 5px;}
.service_case dl dd p{font-size: 14px;color: #333;width:290px; margin-left:40px; margin-top:5px; overflow:hidden;display:block;}
.service_case dl dd span{border:2px #e4393c solid;margin: 0 90px;border-radius:20px;font-size: 16px;line-height: 30px;color: #e4393c;text-align: center;margin-top: 30px;display: block;}
.service_case dl:hover a span{background:#e4393c;color:#fff}
.top_top{ box-shadow: 3px 4px 4px #eee;
height: 90px;}
.service_other ul {float: left;width:1300px;}
.service_other ul li{float: left;width:338px;height: 140px;margin-right: 30px;margin-bottom: 30px;border-top:4px #e4393c solid;padding: 25px 20px;box-shadow :3px 3px 10px #f1f1f1}
.service_other ul li .wenzi .img{width:54px;padding-top: 10px;text-align: center;}
.service_other ul li .wenzi h3{font-size: 16px;color: #333;font-weight: 900;padding-bottom: 5px;padding-top: 5px;}
.service_other ul li .wenzi em{font-size: 14px;color: #666;}
.service_other ul li p{font-size: 14px;color: #e4393c;}
.service_other ul li p span{font-size: 24px;}
.service_other ul li a .span_a{font-size: 14px;color: #e4393c;border:#e4393c 1px solid;text-align: center;line-height: 30px;display: inline-block;border-radius:20px;padding: 0 38px;margin-left: 73px;}
.service_other ul li:hover .span_a{background:#e4393c;color:#fff}
.ny_gd{border:1px #eee solid;height:30px;}
.ny_gd a{padding-left:10px;line-height:30px;font-size:14px;color:#333;display:block;background:#fff}
.ny_gd a span{color:#666;background:#eee;line-height:30px;display:inline-block;padding:0 5px;text-align:center;font-size:12px;}
.ny_gd a:hover{color:#e4393c}
.ny_gd a:hover span{background:#e4393c;color:#fff}
.service_zzrz ul li .wenzi em{width: 260px;display: block;}
.service_zzrz ul li .img{padding-right:20px;}
.service_zzrz ul li a{/* line-height: 35px !important; */display: block;/* margin: 0 80px; */font-size: 15px;}
.ljfs{ padding: 15px 50px 0px 50px; height:554px;}
.ljfs_bt h3{font-size: 24px;color: #333;padding-bottom: 10px;}
.ljfs_bt p{font-size: 16px;color: #666;text-indent: 0em;}
.ljfs_nr{background:#f4f4f4;height: 50px;padding-left: 15px;}
.ljfs_nr h3{font-size: 14px;color: #333;float: left;line-height: 50px;}
.ljfs_nr p {font-size: 14px;color: #e4393c;padding-left: 50px;line-height: 50px;}
.ljfs_nr p span{font-size: 26px;}
.ny_fa .col6{height: 65px;}
.ny_fa_nr {width:125px;}
.ny_fa_nr span{font-size: 14px;color: #333;line-height: 33px;}
.ny_fa_nr em{color: #e4393c;font-size: 14px;}
.ny_fa .col6 h3{font-size: 12px;color: #333;background:url(../images/index_122.jpg) no-repeat left;padding-left: 15px;margin-left: 15px;line-height: 33px;}
.ny_fa .col6 input{height: 33px;width:350px;border:1px #dfdfdf solid;}
/*.ny_xzlx {background:url(../images/index_121.jpg) no-repeat center;width:97px;height: 33px;text-align: center;font-size: 14px;color: #e4393c;line-height: 33px;}*/
.ny_xzlx {width:auto; padding:0 11px; height: 33px;text-align: center;font-size: 14px;color: #e4393c;line-height: 33px; border:2px solid #e4393c; background:url(../images/index_121.jpg) no-repeat right;}
.ny_fa_btn .btns {background:#e4393c;line-height: 44px;width:158px;text-align: center;color: #fff;border-radius:20px;border:none;margin-left: 350px;}
.ljfs_bg .ny_zx{height:569px ;}
.ny_sbzcfw{border:1px #dfdfdf solid;width: 266px;/* padding: 30px 15px; */}
.ny_xqing {border:1px #dfdfdf solid;width: 913px;}
.ny_xqing h3{background:#f0f0f0;text-align: center;font-size: 18px;color: #333;line-height: 50px;}
.ny_sbzcfw .ny_nrbr1 h3{background:#f0f0f0;text-align: center;font-size: 18px;color: #333;line-height: 50px;}
.ny_sbzcfw ul {/*margin-top: 30px;*/}
.ny_sbzcfw ul li{text-align: center;margin-bottom: 30px;padding-top: 30px;border-top:1px #dfdfdf dashed;}
.ny_sbzcfw ul li.one{}
.ny_sbzcfw ul li h3{font-size: 16px;color: #333;padding-top:15px;padding-bottom: 10px;font-weight: bold}
.ny_sbzcfw ul li em{ width:210px; height:25px; overflow:hidden; margin-left:25px;font-size: 14px;color: #333; display:block}
.ny_sbzcfw ul li p{font-size: 14px;color: #e4393c;padding-top: 20px;}
.ny_sbzcfw ul li p span{font-size: 24px;}
.ny_xqing_nr .hd_pme{width:923px;}
.ny_xqing_nr .hd_pme ul li{width: 99%;text-align: center;height: 48px;float: left;/* border-right:1px #ddd solid; */background:#f0f0f0;/* border-top:1px #ddd solid; *//* border-bottom:1px #ddd solid; */}
.ny_xqing_nr .hd_pme ul li a{line-height: 48px;font-size: 16px;color: #333;padding-left: 15px;}
.ny_xqing_nr .hd_pme ul li:hover a{color: #333;}
.xq_my{margin: 20px 20px;}
.xq_my .hd {background:url(../images/index_123.jpg) no-repeat center;}
.xq_my .hd .one1{margin-left: 69px;}
.xq_my .hd .two1{margin-left: 130px;}
.xq_my .hd .thr1{margin-left: 130px;}
.xq_my .hd .four1{margin-left: 130px;}
.xq_my .hd .fove1{margin-left: 21px;}
.xq_my .hd ul li.four1 p {
font-size: 16px;
color: #333;
left: -41px;
position: relative;
}
.order-evaluation-checkbox{width:718px;}
.order-evaluation-checkbox ul li{
width:93px;
height:33px;
border:1px solid #e8e8e8;
text-align: center;
background: #fff;
font-size:14px;
color:#333333;
line-height:33px;
margin-right:5px;
margin-bottom:25px;
float:left;
cursor: pointer;
overflow: hidden;
position:relative;
}
.order-evaluation-checkbox ul li.checked i{
display: block;
}
.order-evaluation-checkbox ul li.checked{
background:url(../images/index_121.jpg) no-repeat center;width: 93px;height: 33px;
border:2px #e4393c solid;color: #e4393c;
border-top:0px;
border-bottom:0px;
}
.ny_slideTxtBox .hd ul li.on a{color:#fff}
.list-title{width:100%; height:auto; margin-top:3%; padding:7px 0 7px 0;}
.list-title a{color:#555;}
/***商标交易***/
.odds{background:#f2f2f2;padding:15px;border:solid 1px #d3d3d4 }
.odds td{padding:5px 0}
.odds input,.odds select{background:#f2f2f2;border:#d3d3d4 solid 1px;height:30px;padding:0 10px;margin-right:10px;margin-bottom:10px;color:#898989}
.odds span{color:#333333; margin-right:10px; }
.sbbtn{background:#093da0;height:30px;width:90px;text-align:center;color:#fff;border:none; cursor:pointer;}
.sblist{width:100%; line-height:30px; font-size:18px;}
.sblist table{margin-top:10px;}
.sblist td{padding:8px; font-size:14px;}
.sblbcs{ font-size:14px;}
/*lianxi*/
.ny_contact ul li{float:left;width:25%;text-align:center;}
.ny_contact ul li p{font-size: 14px;text-align: center;text-indent: 0px;line-height: 20px;}
.order-evaluation-checkbox1{width:718px;}
.order-evaluation-checkbox1 ul li{
width:93px;
height:33px;
border:1px solid #e8e8e8;
text-align: center;
background: #fff;
font-size:14px;
color:#333333;
line-height:33px;
margin-right:5px;
margin-bottom:25px;
float:left;
cursor: pointer;
overflow: hidden;
position:relative;
}
.order-evaluation-checkbox1 ul li.checked i{
display: block;
}
.order-evaluation-checkbox1 ul li.checked{
background:url(../images/index_121.jpg) no-repeat center;width: 93px;height: 33px;
border:2px #e4393c solid;color: #e4393c;
border-top:0px;
border-bottom:0px;
}
.form-group input{height: 20px !important;width: 20px !important;border:1px #eee solid;}
/*交易市场*/
.ny_jysc{ background:#f2f2f2;padding: 0 20px;padding-top: 15px;padding-bottom: 30px;}
.ny_jysc .col6{float: left;margin-right: 15px;}
.ny_jysc .col6 input{height: 30px;width:175px;background:#f2f2f2;padding-left: 10px;border:1px #ddd solid;}
._htools-select:hover ._select-selectbtn{
border-top-color: #e01121;
transition: border-top-color 0.5s;
-moz-transition: border-top-color 0.5s; /* Firefox 4 */
-webkit-transition: border-top-color 0.5s; /* Safari 和 Chrome */
-o-transition: border-top-color 0.5s;
}
._htools-select{
border: solid #ddd 1px;
}
._htools-select ._select-input{
color: #3b4249; display: inline-block; font-size: 14px;margin-left: 5px
}
._htools-select ._select-selectbtn{
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 13px solid #b9b5b5;
display: inline-block;
}
._htools-select ._select-select-ul{
background-color: white; outline: none;
/*border: solid #e01121 1px; border-top: none;*/
position: relative;
z-index: 10;
display: none;
-webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.18);
-moz-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.18);
box-shadow: 1px 0 10px rgba(0, 0, 0, 0.18);
}
._htools-select ._select-select-ul li{
background-color: #f2f2f2;
color: black;
font-size: 14px;
padding: 3px 6px;
cursor: pointer;
list-style-type:none;
transition: color 0.5s, background-color 0.5s;
-moz-transition: color 0.5s, background-color 0.5s; /* Firefox 4 */
-webkit-transition: color 0.5s, background-color 0.5s; /* Safari 和 Chrome */
-o-transition: color 0.5s, background-color 0.5s;
}
._htools-select ._select-select-ul li._select-li-selected{
background-color: #e54a56;
}
._htools-select ._select-select-ul li:hover{
background-color: #e01121;
color: white;
}
.ny_fa_btn1 .btns{background:#e4393c;text-align: center;width:150px;color: #fff;line-height: 30px;border:none;}
.ny_fa_btn a{background:#e4393c;text-align: center;width:150px;color: #fff;line-height: 40px;border:none;display: block; margin-left:300px;}
.ny_sblb h3{font-size: 28px;color: #333}
.table_nr tr{width:100%;border-right:1px #fff solid;background:#eee;border:1px #fff solid;padding: 10px 0;}
.table_nr tr td h3{margin-left: 20px;font-size: 15px;line-height:25px;}
.table_nr tr td p{font-size: 18px;line-height:55px;color: #333;font-weight: 900;text-align: center;}
.table_nr tr td.stock1{width:5%;}
.table_nr tr td.stock2{width:20%;}
.table_nr tr td.stock3{width: 15%;}
.table_nr tr td.stock4{width: 10%;}
.table_nr tr td.stock5{width: 19%;}
.table_nr tr td.stock6{width: 12%;}
.table_nr tr td.stock7{width: 10%;}
.table_nr tr td.stock8{width: 8%;}
.table_nr tr td img{padding-left: 10px;}
/* Content styles */
.md-show {
visibility: visible;
}
.md-overlay {
position: fixed;
width: 100%;
height: 100%;
visibility: hidden;
top: 0;
left: 0;
z-index: 1000;
opacity: 0;
background: rgba(143,27,15,0.8);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.md-show ~ .md-overlay {
opacity: 1;
visibility: visible;
}
/* 本例子css */
.ny_slideTxtBox{width: 100%;text-align:left;}
.ny_slideTxtBox .hd{ height:50px; line-height:50px; background:#f4f4f4; position:relative;border:1px solid #eee; }
.ny_slideTxtBox .hd ul{ float:left; position:absolute; height:5px; }
.ny_slideTxtBox .hd ul li{ float:left; padding:0 30px; cursor:pointer;font-size:18px;color:#333 }
.ny_slideTxtBox .hd ul li.on{ height:50px; background:#e4393c; color:#fff }
.ny_slideTxtBox .bd ul{padding: 30px 0;zoom:1;}
.ny_slideTxtBox ul .show_nrr {width:1300px;}
.ny_slideTxtBox ul .show_nrr li{float: left;width:330;height: 108px;margin-bottom: 30px;border:1px #d0d0d0 solid;border-left:4px #e4393c solid;padding: 25px 20px;margin-right:38px}
.ny_slideTxtBox ul .show_nrr li .wenzi .img{width:70px;padding-top: 5px;text-align: center;}
.ny_slideTxtBox ul .show_nrr li .wenzi h3{font-size: 16px;color: #333;}
.ny_slideTxtBox ul .show_nrr li .wenzi em{font-size: 14px;color: #666;}
.ny_slideTxtBox ul .show_nrr li p{font-size: 14px;color: #e4393c;}
.ny_slideTxtBox ul .show_nrr li p span{font-size: 24px;}
.ny_slideTxtBox ul .show_nrr li .span_a{font-size: 14px;color: #e4393c;border:#e4393c 2px solid; text-align: center;width:100px;line-height: 30px;display: block;border-radius:20px;}
.ny_slideTxtBox ul .show_nrr li:hover .span_a{background:#e4393c;color:#fff}
/*商标案件*/
.sbzc_show{width:1300px;}
.sbzc_show dl{margin-right: 55px;margin-bottom: 58px;float: left;width:360px;border:1px #ddd solid;padding-bottom: 30px;text-align: center;}
.sbzc_show dl dt{overflow: hidden;}
.sbzc_show dl:hover img{color: #1e50ae;-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}
.sbzc_show dl img{width:360px !important;height:214px !important;overflow: hidden;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear;position:relative;}
.sbzc_show dl dd h3{font-size: 22px;color: #333;font-weight: bold;padding-top: 20px;padding-bottom: 5px;}
.sbzc_show dl dd p{font-size: 14px;color: #333; width:290px; margin-left:40px; margin-top:5px; overflow:hidden;display:block;}
.sbzc_show dl dd span{border:2px #e4393c solid;margin: 0 90px;border-radius:20px;font-size: 16px;line-height: 30px;color: #e4393c;text-align: center;margin-top: 30px;display: block;}
.sbzc_show dl:hover a span{background:#e4393c;color:#fff}
/*商标其他服务*/
.sbqt_show {float: left;width:1300px;}
.sbqt_show li{float: left;width:338px;height: 140px;margin-right: 30px;margin-bottom: 30px;border-top:4px #e4393c solid;padding: 25px 20px;box-shadow :3px 3px 10px #f1f1f1}
.sbqt_show li .wenzi .img{width:70px;padding-top: 10px;text-align: center;}
.sbqt_show li .wenzi h3{font-size: 16px;color: #333;font-weight: 900;padding-bottom: 5px;padding-top: 5px;}
.sbqt_show li .wenzi em{font-size: 14px;color: #666;}
.sbqt_show li p{font-size: 14px;color: #e4393c;}
.sbqt_show li p span{font-size: 24px;}
.sbqt_show li a .span_a{font-size: 14px;color: #e4393c;border:#e4393c 1px solid;text-align: center;line-height: 30px;display: inline-block;border-radius:20px;padding: 0 38px;margin-left: 73px;}
.sbqt_show li:hover .span_a{background:#e4393c;color:#fff}
.fy_nr {text-align: center;}
.fy_nr a{padding: 0 15px;line-height: 30px;background:#eee;text-align: center;color: #333;font-size: 14px;display: inline-block;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.ny_slideTxtBox .arrow{ position:absolute; right:10px; top:0; }
.ny_slideTxtBox .arrow a{
display:block;
width: 8px;
height:9px;
float:right;
margin-right: 18px;
margin-top: 23px;
overflow:hidden;
cursor:pointer;
background:url("../images/arrow.png") 0 0 no-repeat;
}
.ny_slideTxtBox .arrow .next{ background-position:0 -50px; }
.ny_slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
.ny_slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }
.md-content {
color: #fff;
background: #fff;
position: relative;
margin: 0 auto;
border: 1px #eee solid;
margin:0 200px;
padding: 50px;
box-shadow: 3px 3px 10px #999;
z-index: 999;
zoom: 1;
}
.md-content h3 {
color:#333;
text-align:center;
font-size: 25px;
}
.braed{text-align: left ;}
.ny_fa_in .col6{height: 70px;}
.ny_fa_nr1 {width: 114px;}
.ny_fa_nr1 span{font-size: 14px;color: #333;line-height: 33px;}
.ny_fa_nr1 em{color: #e4393c;font-size: 14px;}
.ny_fa_in .col6 h3{font-size: 12px;color: #333;background:url(../images/index_122.jpg) no-repeat left;padding-left: 15px;margin-left: 15px;}
.ny_fa_in .col6 input{height: 33px;width:268px;border:1px #eee solid;float: left;}
.ny_fa_btn1 .btns {background:#e4393c;line-height: 44px;width:158px;text-align: center;color: #fff;border-radius:20px;border:none;margin-top: 20px;}
/* Individual modal styles with animations/transitions */
/* Effect 1: Fade in and scale up */
/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.md-show.md-effect-1 .md-content {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.indesx_a {position:relative;right:-50px;top:-40px;}
.md-perspective,.md-perspective body{height:100%;overflow:hidden}.md-perspective body{background:#222;-webkit-perspective:600px;-moz-perspective:600px;perspective:600px}.container{min-height: 44%;}.md-modal{position:fixed;top:50%;left:50%;width:50%;max-width:630px;min-width:320px;height:auto;z-index:2000;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}.md-show{visibility:visible}.md-overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1000;opacity:0;background:rgba(143,27,15,.8);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show~.md-overlay{opacity:1;visibility:visible}.md-content{color:#fff;position:relative;border-radius:3px;margin:0 auto;}.md-content h3{margin:0;padding:.4em;text-align:center;font-size:2.4em;font-weight:300;opacity:.8;/* background:rgba(0,0,0,.1); */border-radius:3px 3px 0 0;}.md-content>div{padding:15px 40px 30px;margin:0;font-weight:300;font-size:1.15em}.md-content>div p{margin:0;padding:10px 0}.md-content>div ul{margin:0;padding:0 0 30px 20px}.md-content>div ul li{padding:5px 0}.md-content button{display:block;margin:0 auto;font-size:.8em}.md-effect-1 .md-content{-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show.md-effect-1 .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.md-effect-2 .md-content{-webkit-transform:translateX(20%);-moz-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%);opacity:0;-webkit-transition:all .3s cubic-bezier(.25,.5,.5,.9);-moz-transition:all .3s cubic-bezier(.25,.5,.5,.9);transition:all .3s cubic-bezier(.25,.5,.5,.9)}.md-show.md-effect-2 .md-content{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1}.md-effect-3 .md-content{-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);transform:translateY(20%);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show.md-effect-3 .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.md-effect-4 .md-content{-webkit-transform:scale(0) rotate(720deg);-moz-transform:scale(0) rotate(720deg);-ms-transform:scale(0) rotate(720deg);transform:scale(0) rotate(720deg);opacity:0}.md-show.md-effect-4~.md-overlay,.md-effect-4 .md-content{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.md-show.md-effect-4 .md-content{-webkit-transform:scale(1) rotate(0deg);-moz-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);opacity:1}.md-effect-5.md-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.md-effect-5 .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(600px) rotateX(20deg);-moz-transform:translateZ(600px) rotateX(20deg);-ms-transform:translateZ(600px) rotateX(20deg);transform:translateZ(600px) rotateX(20deg);opacity:0}.md-show.md-effect-5 .md-content{-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;transition:all .3s ease-in;-webkit-transform:translateZ(0px) rotateX(0deg);-moz-transform:translateZ(0px) rotateX(0deg);-ms-transform:translateZ(0px) rotateX(0deg);transform:translateZ(0px) rotateX(0deg);opacity:1}.md-effect-6.md-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.md-effect-6 .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate(30%) translateZ(600px) rotate(10deg);-moz-transform:translate(30%) translateZ(600px) rotate(10deg);-ms-transform:translate(30%) translateZ(600px) rotate(10deg);transform:translate(30%) translateZ(600px) rotate(10deg);opacity:0}.md-show.md-effect-6 .md-content{-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;transition:all .3s ease-in;-webkit-transform:translate(0%) translateZ(0) rotate(0deg);-moz-transform:translate(0%) translateZ(0) rotate(0deg);-ms-transform:translate(0%) translateZ(0) rotate(0deg);transform:translate(0%) translateZ(0) rotate(0deg);opacity:1}.md-effect-7{top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.md-effect-7 .md-content{-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;opacity:0}.md-show.md-effect-7 .md-content{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);border-radius:0 0 3px 3px;opacity:1}.md-effect-8.md-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.md-effect-8 .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-70deg);-moz-transform:rotateY(-70deg);-ms-transform:rotateY(-70deg);transform:rotateY(-70deg);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;opacity:0}.md-show.md-effect-8 .md-content{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1}.md-effect-9.md-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.md-effect-9 .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(-70deg);-moz-transform:rotateX(-70deg);-ms-transform:rotateX(-70deg);transform:rotateX(-70deg);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;opacity:0}.md-show.md-effect-9 .md-content{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}.md-effect-10.md-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.md-effect-10 .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(-60deg);-moz-transform:rotateX(-60deg);-ms-transform:rotateX(-60deg);transform:rotateX(-60deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show.md-effect-10 .md-content{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}.md-effect-11 .md-content{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show.md-effect-11 .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.md-effect-12 .md-content{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show.md-effect-12~.md-overlay{background:#e74c3c}.md-effect-12 .md-content h3,.md-effect-12 .md-content{background:0 0}.md-show.md-effect-12 .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.md-effect-13.md-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.md-effect-13 .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-3000px) rotateY(90deg);-moz-transform:translateZ(-3000px) rotateY(90deg);-ms-transform:translateZ(-3000px) rotateY(90deg);transform:translateZ(-3000px) rotateY(90deg);opacity:0}.md-show.md-effect-13 .md-content{-webkit-animation:slit .7s forwards ease-out;-moz-animation:slit .7s forwards ease-out;animation:slit .7s forwards ease-out}@-webkit-keyframes slit{50%{-webkit-transform:translateZ(-250px) rotateY(89deg);opacity:.5;-webkit-animation-timing-function:ease-out}100%{-webkit-transform:translateZ(0) rotateY(0deg);opacity:1}}@-moz-keyframes slit{50%{-moz-transform:translateZ(-250px) rotateY(89deg);opacity:.5;-moz-animation-timing-function:ease-out}100%{-moz-transform:translateZ(0) rotateY(0deg);opacity:1}}@keyframes slit{50%{transform:translateZ(-250px) rotateY(89deg);opacity:1;animation-timing-function:ease-in}100%{transform:translateZ(0) rotateY(0deg);opacity:1}}.md-effect-14.md-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.md-effect-14 .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateY(100%) rotateX(90deg);-moz-transform:translateY(100%) rotateX(90deg);-ms-transform:translateY(100%) rotateX(90deg);transform:translateY(100%) rotateX(90deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;transform-origin:0 100%;opacity:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}.md-show.md-effect-14 .md-content{-webkit-transform:translateY(0%) rotateX(0deg);-moz-transform:translateY(0%) rotateX(0deg);-ms-transform:translateY(0%) rotateX(0deg);transform:translateY(0%) rotateX(0deg);opacity:1}.md-effect-15.md-modal{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px}.md-effect-15 .md-content{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(100px) translateX(-30%) rotateY(90deg);-moz-transform:translateZ(100px) translateX(-30%) rotateY(90deg);-ms-transform:translateZ(100px) translateX(-30%) rotateY(90deg);transform:translateZ(100px) translateX(-30%) rotateY(90deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;transform-origin:0 100%;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show.md-effect-15 .md-content{-webkit-transform:translateZ(0px) translateX(0%) rotateY(0deg);-moz-transform:translateZ(0px) translateX(0%) rotateY(0deg);-ms-transform:translateZ(0px) translateX(0%) rotateY(0deg);transform:translateZ(0px) translateX(0%) rotateY(0deg);opacity:1}.md-show.md-effect-16~.md-overlay{background:rgba(180,46,32,.5)}.md-show.md-effect-16~.container{-webkit-filter:blur(3px);-moz-filter:blur(3px);filter:blur(3px)}.md-effect-16 .md-content{-webkit-transform:translateY(-5%);-moz-transform:translateY(-5%);-ms-transform:translateY(-5%);transform:translateY(-5%);opacity:0}.md-show.md-effect-16~.container,.md-effect-16 .md-content{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.md-show.md-effect-16 .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.md-show.md-effect-17~.container{height:100%;overflow:hidden;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}.md-show.md-effect-17~.container,.md-show.md-effect-17~.md-overlay{-webkit-transform:rotateX(-2deg);-moz-transform:rotateX(-2deg);-ms-transform:rotateX(-2deg);transform:rotateX(-2deg);-webkit-transform-origin:50% 0%;-moz-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.md-effect-17 .md-content{opacity:0;-webkit-transform:translateY(200%);-moz-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%)}.md-show.md-effect-17 .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all .3s .2s;-moz-transition:all .3s .2s;transition:all .3s .2s}.md-show.md-effect-18~.container{height:100%;overflow:hidden}.md-show.md-effect-18~.md-overlay{background:rgba(143,27,15,.8);-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.md-show.md-effect-18~.container,.md-show.md-effect-18~.md-overlay{-webkit-transform-style:preserve-3d;-webkit-transform-origin:0% 50%;-webkit-animation:rotateRightSideFirst .5s forwards ease-in;-moz-transform-style:preserve-3d;-moz-transform-origin:0% 50%;-moz-animation:rotateRightSideFirst .5s forwards ease-in;transform-style:preserve-3d;transform-origin:0% 50%;animation:rotateRightSideFirst .5s forwards ease-in}@-webkit-keyframes rotateRightSideFirst{50%{-webkit-transform:translateZ(-50px) rotateY(5deg);-webkit-animation-timing-function:ease-out}100%{-webkit-transform:translateZ(-200px)}}@-moz-keyframes rotateRightSideFirst{50%{-moz-transform:translateZ(-50px) rotateY(5deg);-moz-animation-timing-function:ease-out}100%{-moz-transform:translateZ(-200px)}}@keyframes rotateRightSideFirst{50%{transform:translateZ(-50px) rotateY(5deg);animation-timing-function:ease-out}100%{transform:translateZ(-200px)}}.md-effect-18 .md-content{-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%);opacity:0}.md-show.md-effect-18 .md-content{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:all .5s .1s;-moz-transition:all .5s .1s;transition:all .5s .1s}.md-show.md-effect-19~.container{height:100%;overflow:hidden}.md-show.md-effect-19~.md-overlay{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}.md-show.md-effect-19~.container,.md-show.md-effect-19~.md-overlay{-webkit-transform-style:preserve-3d;-webkit-transform-origin:50% 100%;-webkit-animation:OpenTop .5s forwards ease-in;-moz-transform-style:preserve-3d;-moz-transform-origin:50% 100%;-moz-animation:OpenTop .5s forwards ease-in;transform-style:preserve-3d;transform-origin:50% 100%;animation:OpenTop .5s forwards ease-in}@-webkit-keyframes OpenTop{50%{-webkit-transform:rotateX(10deg);-webkit-animation-timing-function:ease-out}}@-moz-keyframes OpenTop{50%{-moz-transform:rotateX(10deg);-moz-animation-timing-function:ease-out}}@keyframes OpenTop{50%{transform:rotateX(10deg);animation-timing-function:ease-out}}.md-effect-19 .md-content{-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);opacity:0}.md-show.md-effect-19 .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all .5s .1s;-moz-transition:all .5s .1s;transition:all .5s .1s}@media screen and (max-width:32em){body{font-size:75%}}
.pager{width:100%; padding:2% 0 2% 0; font-size:14px; margin-top:2%;text-align: center;display: flex;justify-content: center;}
.pager ul{}
.pager li{width:auto; height:auto; float:left; padding:5px 15px;margin: 0 5px;border-radius:10px;border:1px #eee solid;}
.pager a{color:#333333;}
.pager a:hover{color:#888;}