﻿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 <ul> inside the .subMenu class (div) */

.subMenu ul {

 

  position:relative;

  display:block;    /* display as a block-level element */

  width:1300px;     /* give the <ul> enough width so <li>'s don't wrap */

}



/* Selects all <li>'s in the <ul> inside the .subMenu div */

.subMenu ul li {float:left;width:104px;height: 152px;position:relative;overflow:hidden;     /* hide any overflow for these <li> elements */}



.subMenu ul li.on{width:691px !important;}



/* Selects the .menuPreview <span> 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 <span> 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 <span>'s within their parent

   link (<a>) 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 <h2> 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 <h2> 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;}
