body{font-size: 14px;font-family: "Microsoft YaHei"}

ul{margin: 0;padding: 0;}

ul li{list-style: none;}

.am-container{max-width: 1200px;padding-left: 0;padding-right: 0;}

@font-face {font-family: "iconfont";

  src: url('../fonts/iconfont.eot?t=1569392251540'); /* IE9 */

  src: url('../fonts/iconfont.eot?t=1569392251540#iefix') format('embedded-opentype'), /* IE6-IE8 */

  url('../fonts/iconfont.woff?t=1569392251540') format('woff'),

  url('../fonts/iconfont.ttf?t=1569392251540') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */

  url('../fonts/iconfont.svg?t=1569392251540#iconfont') format('svg'); /* iOS 4.1- */

}



.iconfont {

  font-family: "iconfont" !important;

  font-size: 22px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  padding: 10px;

}



.icon-phone:before {

  content: "\e647";

}

.russ-logo a{display: block;}

.russ-logo img:hover{-webkit-animation: test 0.2s ease-in 2;}

@-webkit-keyframes test{

0%{transform:translate(0,0)}

50%{transform:translate(0,5px)}

100%{transform:translate(0,0)}}

.russ-banner .am-slider-c3 .am-slider-desc{background-color:#0354a4;

    position: absolute;

    width: 50%;

    bottom: 0;

    left:50%!important;

    height: 60px;

    line-height: 60px;

    right: 0;

    padding-right: 5px;

    color: #fff;

    display: block;

    word-wrap: normal;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}

.russ-banner .bantel{padding-left: 145px;}

.russ-banner .bantel span{color: #fff!important}

.russ-banner .bannnerborder{display: block;line-height: 50px;color: #fff;border-bottom: 1px solid #fff;position: absolute;top: 33px;right: 0;width: 43%;}

@media screen and (max-width: 1390px) {

.russ-banner .bannnerborder{display: block;line-height: 50px;color: #fff;border-bottom: 1px solid #fff;position: absolute;top: 33px;right: 0;width: 30%;}

.russ-banner .am-slider-c3 .am-direction-nav a {

    top: 95.5%!important;

    background: #fff;

    border-radius: 50%;



}

}

.russ-banner .am-slider-c3 .am-direction-nav a{top: 96.7%;background: #fff;border-radius: 50%;width: 27px;

    height: 23px;

    padding: 2px 0; }

.russ-banner .am-slider-c3 .am-direction-nav a:before{color: #004fa2}

.russ-banner .am-slider-c3 .am-direction-nav a.am-prev{left: 51%;}

.russ-banner .am-slider-c3 .am-direction-nav a.am-next{right: 43%;}

.russ-nav{background: url(../images/navjianbian.jpg)no-repeat bottom center rgba(0,0,0,0.3);position: fixed;top: 0;z-index: 9;}

.russ-nav .russ-navlist ul li a{display: block;line-height: 92px;color: #fff;transition: all 0.5s;}

.russ-nav .russ-navlist ul li a:hover{background: url(../images/navactive.png)no-repeat center bottom;transition: all 0.5s;}

.russ-nav .russ-navlist ul li a.active{background: url(../images/navactive.png)no-repeat center bottom;transition: all 0.5s;}

.picBtnTop{position:relative;zoom:1;height: 784px;}

.picBtnTop .hd{width:15%;position:absolute; right:0}

.picBtnTop .hd ul li .russ-indexproducttitle{position: absolute;background:rgba(0,0,0,0.5);width: 100%;top:0;color: #fff;height: 197px;text-align: center;line-height: 197px;opacity: 1;transition: 1s}

  .picBtnTop .hd ul li{background: #000;position: relative;}

  .picBtnTop .hd ul li img{width: 100%;height: 196px;  cursor:pointer; vertical-align:bottom; }

  .picBtnTop .hd ul li.on .russ-indexproducttitle{opacity: 0;transition: 1s}

  .picBtnTop .hd ul li.on img{ border-color:#f60;}

  .picBtnTop .bd{ width:85%;position:relative;}

  .picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}

  .picBtnTop .bd li .pic{ position:relative; z-index:0;  }

  .picBtnTop .bd li .pic img{ width:100%;vertical-align:bottom;height: auto;height:800px}

  .picBtnTop .bd li .bg{ width:400px; position:absolute;left:16%; top:14%; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;writing-mode:lr-tb    }

  .picBtnTop .bd li .title{ width:125px;left:5%; top:14%; overflow: hidden;  position:absolute; z-index:2; -webkit-writing-mode: vertical-rl; }

  .picBtnTop .bd li .title a{ color:#000; padding-left:15px;}  

  .picBtnTop .bd li .title a h3{font-size: 18px;}

  .picBtnTop .bd li .title a div{line-height: 30px;text-shadow: 0px 2px 1px #fff}

  .picBtnTop .bd .tempWrap{height:786px!important;}

  .russ-indexproductimgmore{background: url(../images/more.png)no-repeat center left;position: absolute;right: 15%;top: 0;height: 786px;width: 39px;}

  .russ-indexproductimgmore a{height: 786px;width: 39px;display: block;}

  .russ-keji{position: relative;}

  .russ-keji a{display: block;}

  .russ-keji a .russ-kejiimg{transition: 1s}

  .russ-keji a:hover .russ-kejiimg{-webkit-filter: blur(3px); opacity: 1;transition: 1s}

  .russ-keji a:hover .russ-kejileft {

              opacity: 1;

              animation:myfirst 1s infinite; 

              -webkit-animation:myfirst 1s infinite;}

              @keyframes myfirst

              {

              0%{transform:translateY(0px)}

              25%{transform:translateY(-4px)}

              50%{ transform:translateY(-6px)}

              75%{transform:translateY(-4px)}

              100%{transform:translateY(0px)}

              }

              @-moz-keyframes myfirst

              {

              0%{-moz-transform:translateY(0px)}

              25%{-moz-transform:translateY(-4px)}

              50%{-moz-transform:translateY(-6px)}

              75%{-moz-transform:translateY(-4px)}

              100%{-moz-transform:translateY(0px)}

              }

              @-webkit-keyframes myfirst

              {

              0%{-webkit-transform:translateY(0px)}

              25%{-webkit-transform:translateY(-4px)}

              50%{-webkit-transform:translateY(-6px)}

              75%{-webkit-transform:translateY(-4px)}

              100%{-webkit-transform:translateY(0px)}

            }

  

  .russ-keji .russ-kejileft{position: absolute;top: 50%;left: 50%;margin-left: -82.5px; width: 165px;margin-top:-160px;height: 320px;background: #fff8ed;padding: 5px;transition: 1s}

  .russ-keji .russ-kejileft .russ-kejiboder{border: 1px solid #d2d2d2;height: 311px;}

  .russ-keji .russ-kejileft .russ-kejiboder .russ-leftdesc{color: #000;-webkit-writing-mode: vertical-rl;font-size: 16px;padding-top: 20px;}

  .russ-keji .russ-kejileft .russ-kejiboder .russ-lefttitle{color: #000;-webkit-writing-mode: vertical-rl;font-size: 16px;padding-top: 20px;font-size: 26px;color: #e70012;padding-left: 0;padding-right: 25px;}

  .russ-keji .russ-kejileft .russ-kejiboder .russ-leftborder{display: block;width: 1px;height: 209px;background: #ff0000;margin-top: 20px;margin-bottom: 45px;}

  .russ-keji .russ-kejileft .russ-kejiboder .russ-logo1{border-top: 1px solid #d2d2d2;text-align: center;line-height: 35px;}



  .russ-youtong{position: relative;}

  .russ-youtong .russ-youtongleft{position: absolute;top: 50%;left: 50%;margin-left: -82.5px; width: 165px;margin-top:-160px;height: 320px;background: #fff8ed;padding: 5px;}

  .russ-youtong .russ-youtongleft .russ-youtongboder{height: 311px;background: #e70012}

  .russ-youtong .russ-youtongleft .russ-youtongboder .russ-leftdesc{color: #fff;-webkit-writing-mode: vertical-rl;font-size: 16px;padding-top: 20px;}

  .russ-youtong .russ-youtongleft .russ-youtongboder .russ-lefttitle{color: #fff;-webkit-writing-mode: vertical-rl;font-size: 16px;padding-top: 20px;font-size: 26px;padding-left: 0;padding-right: 26px;}

  .russ-youtong .russ-youtongleft .russ-youtongboder .russ-leftborder{display: block;width: 1px;height: 209px;background: #fff;margin-top: 20px;margin-bottom: 45px;}

  .russ-youtong .russ-youtongleft .russ-youtongboder .russ-logo1{border-top: 1px solid #d2d2d2;text-align: center;line-height: 35px;}

  

  .russ-youtong a{display: block;}

  .russ-youtong a .russ-youtongimg{transition: 1s}

  .russ-youtong a:hover .russ-youtongimg{-webkit-filter: blur(3px); opacity: 1;transition: 1s}

  .russ-youtong a:hover .russ-youtongleft {

              opacity: 1;

              animation:myfirst 1s infinite; 

              -webkit-animation:myfirst 1s infinite;}

              @keyframes myfirst

              {

              0%{transform:translateY(0px)}

              25%{transform:translateY(-4px)}

              50%{ transform:translateY(-6px)}

              75%{transform:translateY(-4px)}

              100%{transform:translateY(0px)}

              }

              @-moz-keyframes myfirst

              {

              0%{-moz-transform:translateY(0px)}

              25%{-moz-transform:translateY(-4px)}

              50%{-moz-transform:translateY(-6px)}

              75%{-moz-transform:translateY(-4px)}

              100%{-moz-transform:translateY(0px)}

              }

              @-webkit-keyframes myfirst

              {

              0%{-webkit-transform:translateY(0px)}

              25%{-webkit-transform:translateY(-4px)}

              50%{-webkit-transform:translateY(-6px)}

              75%{-webkit-transform:translateY(-4px)}

              100%{-webkit-transform:translateY(0px)}

            }









  .russ-footer{background:url(../images/jianbian.jpg)no-repeat top center #000;}

  .russ-footer .footernav ul li span{float: left;display: block;line-height: 50px;color: #fff}

  .russ-footer .russ-footerlist{padding-left: 75px;}

  .russ-footer .footernav ul li{display: inline-block;padding: 0 7px;}

  .russ-footer .footernav ul li a{display: block;color: #999593}

  .russ-footer .footerlogo{padding: 50px 0;}

  .russ-copyright{font-size: 14px;color: #999593;line-height: 55px;background: #000;border-top: 1px solid #2f2f2f}

  .russ-qq ul li{display: inline-block;padding: 0 10px;}

  .russ-qq ul li a{color: #706b67;}

  .russ-qq ul li a:hover{color: #e70012;}

  .russ-qq ul .erweima{position: relative;}

  .russ-qq ul .erweima .ma{position: absolute;top: -142px;left: 23px;width: 150px;height: 150px;display: none}

  .russ-qq ul .erweima .ma img{position: absolute;top: 0;left: 0;width: 150px;height: 150px;}

  .russ-qq ul .erweima :hover .ma{display: block;}

  .russ-twobanner{position: relative;}

  .russ-twobanner img {width: 100%;}

  .russ-publictel{background: rgba(0,0,0,0.6);line-height: 40px;color: #fff;font-size: 25px;padding: 10px 0;font-weight: 800;position: absolute;bottom: 0;width: 100%;}

  .russ-publictel span{line-height: 40px;color: #fff!important;font-size: 25px;padding: 10px 0;font-weight: 800}

  .russ-productcolumn{background: -webkit-linear-gradient(left, red , blue); /* Safari 5.1 - 6.0 */

  background: -o-linear-gradient(right, red, blue); /* Opera 11.1 - 12.0 */

  background: -moz-linear-gradient(right, red, blue); /* Firefox 3.6 - 15 */

  background: linear-gradient(to right, red , blue); /* 标准的语法 */}

  .russ-productcolumn ul li a{display: block;color: #fff;display: block;padding-left: 100px;transition: all 0.5s}

  .russ-productcolumn ul li a:hover{background: background: -webkit-linear-gradient(left, #25252594 , #0400fa66); /* Safari 5.1 - 6.0 */

  background: -o-linear-gradient(right, #25252594, #0400fa66); /* Opera 11.1 - 12.0 */

  background: -moz-linear-gradient(right, #25252594, #0400fa66); /* Firefox 3.6 - 15 */

  background: linear-gradient(to right, #25252594 , #0400fa66);

  padding: 0;

  transition: all 0.5s

   }

   .russ-productcolumn ul li a.active{background: background: -webkit-linear-gradient(left, #25252594 , #0400fa66); /* Safari 5.1 - 6.0 */

  background: -o-linear-gradient(right, #25252594, #0400fa66); /* Opera 11.1 - 12.0 */

  background: -moz-linear-gradient(right, #25252594, #0400fa66); /* Firefox 3.6 - 15 */

  background: linear-gradient(to right, #25252594 , #0400fa66);

  padding: 0;

  transition: all 0.5s

   }

  .russ-productcolumn ul .qjyico{background: url(../images/qjyico.png)no-repeat left center;line-height: 95px;font-size: 16px;}

  .russ-productcolumn ul .cjyico{background: url(../images/cjyico.png)no-repeat left center;line-height: 95px;font-size: 16px;}

  .russ-productcolumn ul .fzyico{background: url(../images/fzyico.png)no-repeat left center;line-height: 95px;font-size: 16px;}

  .russ-productcolumn ul .bsxico{background: url(../images/bsxico.png)no-repeat left center;line-height: 95px;font-size: 16px;}

  .russ-photolist{padding: 60px 0;}

  .russ-photolist ul li a{display: block;color: #000;overflow: hidden;margin: 10px }

  .russ-photolist ul li a .russ-photoimg{position: relative;}

  .russ-photolist ul li a .russ-photoimg .russ-photologo{position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: rgba(0,0,0,0.8);opacity: 0;transition: 1s;}

  .russ-photolist ul li a .russ-photoimg .russ-photologo img{width: 223px;height: 46px;position: absolute;top: 60%;left: 50%;margin-left: -111.5px;margin-top: -23px;}

  .russ-photolist ul li a .russ-photoimg img{width: 50%;}

  .russ-photolist ul li a .russ-phototitle{line-height: 50px;padding-top: 10px}

  .russ-photolist ul li a:hover .russ-photoimg .russ-photologo{opacity: 1;transition: 1s;}

  .russ-content{margin: 40px 0 0 0 ;}

.russ-listcontent{border-bottom: 1px solid #000;line-height: 70px;font-size: 20px;font-weight: 800;color: #ff0000;margin-top: 30px;margin-bottom: 20px;}

.russ-content .russ-contentimg{background:#eaeaea;padding: 0;}

.russ-content .russ-contentimg img{margin: 0 auto;max-width: 100%;}

.russ-content .russ-contenttitle{font-size: 18px;color: #000;font-weight: 800;padding-top: 20px;padding-bottom: 8px}

.russ-content .russ-contentlist ul li{font-size: 16px;line-height: 35px;}

.russ-content .russ-contentlist ul li span{color: #dc0000;font-weight: 800;font-size: 16px;}

.picMarquee-left {

  overflow: hidden;

  position: relative;

  margin-top: 20px;

}

.russ-content-more{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;line-height: 40px}

.picMarquee-left .hd {

  overflow: hidden;

  height: 40px;

  padding: 2px 10px;

}



.picMarquee-left .hd .prev,.picMarquee-left .hd .next {

  display: block;

  width: 21px;

  height: 22px;

  float: right;

  margin-right: 5px;

  margin-top: 10px;

  overflow: hidden;

  cursor: pointer;

  background: url("../images/arrow.png") no-repeat;

}



.picMarquee-left .hd .next {

  background-position: 0 -43px;

}



.picMarquee-left .hd .prevStop {

  background-position: -60px 0;

}



.picMarquee-left .hd .nextStop {

  background-position: -60px -50px;

}



.picMarquee-left .bd ul {

  overflow: hidden;

  zoom: 1;

}



.picMarquee-left .bd ul li {

  margin: 0 8px;

  float: left;

  _display: inline;

  overflow: hidden;

  text-align: center;

}



.picMarquee-left .bd ul li .pic {

  text-align: center;

}



.picMarquee-left .bd ul li .pic img {

  width: 100%;

  height: 170px;

  display: block;

  padding: 2px;

}



.picMarquee-left .bd ul li .pic a:hover img {

  border-color: #999;

}



.picMarquee-left .bd ul li .title {

  line-height: 24px;

}



.picMarquee-left .bd ul li .title a {

  color: #838383;

  font-size: 13px;

}



.picMarquee-left .bd .tempWrap{width: 100%!important;margin-top: 40px;}

.russ-Details{border-bottom: 1px solid #db0419;margin: 40px 0;}

.russ-Details span{background: -webkit-linear-gradient(left, red , blue); /* Safari 5.1 - 6.0 */

  background: -o-linear-gradient(right, red, blue); /* Opera 11.1 - 12.0 */

  background: -moz-linear-gradient(right, red, blue); /* Firefox 3.6 - 15 */

  background: linear-gradient(to right, red , blue); /* 标准的语法 */

  line-height: 40px;display: block;width: 120px;height:40px;text-align: center;color: #fff }  

  .russ-book{margin: 40px 0;}

  .russ-book ul li{margin: 12px 0;}

  .russ-crumbs{background: #f2f2f2}

  .russ-crumbs ul li{display: inline-block;}

  .russ-crumbs ul li a{display: block;line-height: 40px;color: #6f6f6f;}

  .russ-actual ul{margin: 0 -37px;}

  .russ-actual ul li a{margin: 15px 20px;}

  .russ-actual ul .russ-actualone a{display: block;color: #535353;}

  .russ-actual ul .russ-actualone a .russ-actualoneimg img{width: 100%;}

  .russ-actual ul .russ-actualone a .russ-actualoneimg {transition: 1s;}

  .russ-actual ul .russ-actualtwo a .russ-actualtwoimg {transition: 1s;}

  .russ-actual ul .russ-actualone a .russ-actualonetitle{font-size: 20px;color: #0354a4;font-weight: 800;padding-top: 14px;padding-bottom: 3px;}

  .russ-actual ul .russ-actualone a .russ-actualonesubtitle{font-size: 16px;color: #8f8f8f;padding-bottom: 3px;}

  .russ-actual ul .russ-actualone a .russ-actualonedesc{font-size: 14px;color: #535353;line-height: 30px;padding-bottom: 30px;}

  .russ-actual ul .russ-actualtwo a{display: block;color: #535353}

  .russ-actual ul .russ-actualtwo a .russ-actualtwoimg img{width: 100%;}

  .russ-actual ul .russ-actualtwo a .russ-actualtwotitle{font-size: 20px;color: #e70012;font-weight: 800;padding-top: 14px;padding-bottom: 3px;}

  .russ-actual ul .russ-actualtwo a .russ-actualtwosubtitle{font-size: 16px;color: #8f8f8f;padding-bottom: 3px;}

  .russ-actual ul .russ-actualtwo a .russ-actualtwodesc{font-size: 14px;color: #535353;line-height: 30px;padding-bottom: 30px;}

  .russ-actual ul li a:hover .russ-actualoneimg{transform: scale(.8) rotate3d(-1,1,0,-20deg);

    box-shadow: -10px -10px 2px 0.3px rgba(0,0,0,.6), -20px -20px 3px 0.3px rgba(0,0,0,.3), -30px -30px 4px 0.3px rgba(0,0,0,.1);transition: 1s;}

    .russ-actual ul li a:hover .russ-actualtwoimg{transform: scale(.8) rotate3d(-1,1,0,-20deg);

    box-shadow: -10px -10px 2px 0.3px rgba(0,0,0,.6), -20px -20px 3px 0.3px rgba(0,0,0,.3), -30px -30px 4px 0.3px rgba(0,0,0,.1);transition: 1s;}

  .russ-zhengshu{background: #f3f3f3;padding: 40px 0;}

  .russ-zhengshu ul li a{margin: 10px;display: block;border:5px solid #eee;transition: all 0.4s}

  .russ-zhengshu ul li a:hover{-moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

    transition: all 0.4s ;

}

  .russ-zhengshu ul li a img{width: 100%;}

  .russ-bzxxlist{margin: 40px auto 20px auto}

  .russ-bzxxlist ul li a{display: block;border: 10px solid #eee;margin: 20px;transform: perspective(900px);overflow: hidden;transition: all 0.5s}

  .russ-bzxxlist ul li a:hover{transform: perspective(900px) rotateX(20deg) rotateY(0deg);transition: all 0.5s;box-shadow: 10px 10px 10px #9e9e9e}

  .russ-bzxxlist ul li a:hover img{transform: rotate(10deg) scale(1.2);transition: all 0.5s}

  .russ-bzxxlist ul li a img{width: 100%;transition: all 0.5s}

  .russ-list ul li{margin: 10px 0;padding: 35px 0;}

.russ-list ul li a{display: block;color: #000;padding: 0 14%}

.russ-list ul li a .russ-listimg img{width: 100%;height: 180px;}

.russ-list ul li a .russ-listtitle{font-size: 18px;padding-top: 10px;padding-bottom: 3px;font-weight: 800}

.russ-list ul li a .russ-day{text-align: center;font-size: 44px;color: #ff0000;padding-top: 20px;height: 68px;margin-top: 35px}

.russ-list ul li a .russ-month{text-align: center;font-size: 15px;color: #5f5f5f;}

.russ-list ul li a span{display: block;width: 135px;height: 4px;background: #000}

.russ-list ul li a .russ-listdesc{line-height: 30px;padding-bottom:26px;padding-top:14px;}

.russ-list ul li a .russ-listdata{line-height: 30px;padding-bottom: 8px}

.russ-list ul li a .russ-listmore{width: 95px;height: 38px;border:1px solid #dcdcdc;float: left;color: #8a8a8a;text-align: center;line-height: 38px;}

.russ-list ul li:hover{background: #f6f6f6;border-top: 2px solid #e5e5e5;border-bottom: 2px solid #e5e5e5}

.russ-list ul li{border-top: 2px solid #fff;border-bottom: 2px solid #fff}

.russ-list ul li:hover .russ-listtitle{color: #dc0000}

.russ-list ul li:hover span{display: block;width: 135px;height: 4px;background: #dc0000}

.russ-list ul li:hover .russ-listmore{height: 38px;background: #e70012;float: left;color: #fff;text-align: center;line-height: 38px;}

.map img{width: 100%;}

.contact-tel{color: #e70012;font-size: 24px;font-weight: 800;border-bottom: 1px solid #eee;line-height: 60px;}

.contact-tellist ul li {font-size: 18px;color: #494949;line-height: 60px;padding: 10px 0}

.contact-tellist ul li i {background: #ff0000;border-radius: 50%;padding: 0 6px;color: #fff;width: 30px;height: 30px;line-height: 30px;}

.russ-contactmessage{background: url(../images/contactbg.jpg)no-repeat center center;padding: 60px 0;}

.russ-contactmessage .russ-contact{background: #fff;border-top: 8px solid #0354a5;padding: 40px;}

.russ-contactmessage .russ-contacttitle{font-size: 24px;color: #e70012;font-weight: 800}

.russ-contactmessage .russ-contactsubtitle{font-size: 20px;color: #313131;padding-top: 20px;}

.russ-contactmessage .hx{display: block;width: 32px;height: 2px;background: #e70012;margin-bottom: 20px;}

.russ-contactmessage .russ-contact ul li{line-height: 40px;padding: 6px 0;}

.russ-contactmessage .russ-contact ul li .name{font-size: 16px;color: #333}

.russ-contactmessage .russ-contact ul li .nameinput input{border: none;border-bottom: 1px solid #eee;width: 100%;height: 30px;}

.russ-contactmessage .russ-contact  button{width: 100%;margin-top: 20px;}

.russ-newlist ul li a{display: block;margin: 20px 40px;}

.russ-newlist ul li a .russ-newslistnumber{background: #e70012;line-height: 40px;border-radius: 15px;font-size: 18px;color: #fff;margin-top: 40px;}

.russ-newlist ul li a .russ-newslistnumber span{background: #000;display: block;float: left;width: 40px;height: 40px;border-radius: 50%;color: #fff;text-align: center;margin-right: 20px;}

.russ-newlist ul li a .russ-newslitdesc{color: #535353;line-height: 35px;padding-top: 20px;}

.russ-newlist ul li a:hover .russ-newslistnumber span{ animation: xuanzhuan 0.5s 1;

    -webkit-animation: xuanzhuan 0.5s 1;

    -moz-animation: xuanzhuan 0.5s 1;}

    @keyframes xuanzhuan {

  from {

    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);

    animation-timing-function: linear;

  }

  20% {

    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -300deg);

    animation-timing-function: linear;

  }

  40% {

    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -240deg);

    animation-timing-function: linear;

  }

  60% {

    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -180deg);

    animation-timing-function: linear;

  }

  80% {

    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, -60deg);

    animation-timing-function: linear;

  }

  to {

    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);;

    animation-timing-function: linear;

  }

}

.russ-newlist ul li a:hover .russ-newslistimg img{box-shadow: -7px 10px 10px #333;transform: rotateX(-7deg) rotateY(-17deg) rotateZ(0deg);transform-origin: 50% 50%;transition: all 1s;}

.russ-newlist ul li a .russ-newslistimg img{transition: all 1s;}

.russ-severlist{background: url(../images/fwborder.png)no-repeat center center;height: 496px;margin: 83px 0 303px 0;position: relative;}

.russ-severlist .russ-severlistone{background: #fece00;width: 340px;text-align: center;line-height: 40px;color: #000;padding: 5px;position: absolute;left:14%;top: -10%; }

.russ-severlist .russ-severlistone span{background: #fece00;border: 1px solid #fff;display: block;height: 40px;}

.russ-severlist .russ-severlisttwo{background: #fece00;width: 340px;text-align: center;line-height: 40px;color: #000;padding: 5px;position: absolute;left:52%;top: -10%; }

.russ-severlist .russ-severlisttwo span{background: #fece00;border: 1px solid #fff;display: block;height: 40px;}

.russ-severlist .russ-severlistthree{background: #e12222;width: 340px;text-align: center;line-height: 60px;color: #000;padding: 5px;position: absolute;left:32%;top: 24%;font-size: 18px;color: #fff;font-weight: 800;border-radius: 20px 0 20px 0 }

.russ-severlist .russ-severlistfour{background: #fece00;width: 187px;text-align: center;line-height: 38px;color: #000;padding: 5px;position: absolute;left:12%;top: 60%; }

.russ-severlist .russ-severlistfour span{background: #fece00;border: 1px solid #fff;display: block;height: 40px;}

.russ-severlist .russ-severlistfive{background: #fece00;width: 187px;text-align: center;line-height: 38px;color: #000;padding: 5px;position: absolute;left:32%;top: 60%; }

.russ-severlist .russ-severlistfive span{background: #fece00;border: 1px solid #fff;display: block;height: 40px;}

.russ-severlist .russ-severlistsix{background: #fece00;width: 187px;text-align: center;line-height: 38px;color: #000;padding: 5px;position: absolute;left:53%;top: 60%; }

.russ-severlist .russ-severlistsix span{background: #fece00;border: 1px solid #fff;display: block;height: 40px;}

.russ-severlist .russ-severlistseven{background: #fece00;width: 187px;text-align: center;line-height: 38px;color: #000;padding: 5px;position: absolute;left:73%;top: 60%; }

.russ-severlist .russ-severlistseven span{background: #fece00;border: 1px solid #fff;display: block;height: 40px;}

.russ-severlist .russ-severlisteight{background: #e12222;width: 290px;height: 275px; text-align: left;line-height: 38px;color: #000;padding: 4px 8px;position: absolute;left:11%;top: 99%;color: #fff;border-radius:0 20px 0 20px }

.russ-severlist .russ-severlisteight span{background: #e12222;border: 1px solid #fff;display: block;height: 265px;border-radius:0 20px 0 20px}

.russ-severlist .russ-severlistnine{background: #e12222;width: 290px;height: 275px; text-align: left;line-height: 38px;color: #000;padding: 4px 8px;position: absolute;left:39%;top: 99%;color: #fff;border-radius:0 20px 0 20px }

.russ-severlist .russ-severlistnine span{background: #e12222;border: 1px solid #fff;display: block;height: 264px;border-radius:0 20px 0 20px}

.russ-severlist .russ-severlistten{background: #e12222;width: 290px;height: 275px; text-align: left;line-height: 38px;color: #000;padding: 4px 8px;position: absolute;left:68%;top: 99%;color: #fff ;border-radius:0 20px 0 20px}

.russ-severlist .russ-severlistten span{background: #e12222;border: 1px solid #fff;display: block;height: 264px;border-radius:0 20px 0 20px}



.russ-severlist .russ-severlistone:hover{box-shadow: 4px 6px 6px #9e9e9e;transition: 0.5s} 

.russ-severlist .russ-severlisttwo:hover{box-shadow: 4px 6px 6px #9e9e9e;transition: 0.5s} 

.russ-severlist .russ-severlistthree:hover{box-shadow: 4px 6px 6px #9e9e9e;transition: 0.5s} 

.russ-severlist .russ-severlistfour:hover{box-shadow: 4px 6px 6px #9e9e9e;transition: 0.5s} 

.russ-severlist .russ-severlistfive:hover{box-shadow: 4px 6px 6px #9e9e9e;transition: 0.5s} 

.russ-severlist .russ-severlistsix:hover{box-shadow: 4px 6px 6px #9e9e9e;transition: 0.5s} 

.russ-severlist .russ-severlistseven:hover{box-shadow: 4px 6px 6px #9e9e9e;transition: 0.5s} 

.russ-severlist .russ-severlisteight:hover{box-shadow: 4px 6px 6px #9e9e9e;transition: 0.5s} 

.russ-severlist .russ-severlistnine:hover{box-shadow: 4px 6px 6px #9e9e9e;transition: 0.5s} 

.russ-severlist .russ-severlistten:hover{box-shadow: 4px 6px 6px #9e9e9e;transition: 0.5s} 

.russ-serverlist{background: url(../images/serverbg.jpg)no-repeat center center;padding: 40px 0}



.russ-serverlist .russ-serverlistleft .russ-serverlistleftimg img{width: 90%;}

.russ-serverlist .russ-number{font-size: 40px;color: #e70012;text-align: center;padding-top: 9px;}

.russ-serverlist .russ-srlisttitle{font-size: 24px;color: #000;text-align: left;font-weight: 800 }

.russ-serverlist .russ-srlisttitle span{font-size: 24px;color: #e70012;text-align: left; }

.russ-serverlist .russ-srlistdesc{font-size: 16px;color: #585858;text-align: left; }

.russ-serverlist .russ-serverlistleft .russ-serverlistleftimg{padding: 80px 0;position: relative;height: 660px;}

.russ-serverlist .russ-srlistone{background: #f6f6f6;border:1px dashed #b5b5b5;width: 370px;height: 82px;border-radius: 30px;padding: 19px 0; }

.russ-serverlist .russ-srlistone{position: absolute;top: 60px;left: 308px;transition: 1s}

.russ-serverlist .russ-srlisttwo{background: #f6f6f6;border:1px dashed #b5b5b5;width: 370px;height: 82px;border-radius: 30px;padding: 19px 0; }

.russ-serverlist .russ-srlisttwo{position: absolute;top: 172px;left: 395px;transition: 1s}

.russ-serverlist .russ-srlistthree{background: #f6f6f6;border:1px dashed #b5b5b5;width: 370px;height: 82px;border-radius: 30px;padding: 19px 0; }

.russ-serverlist .russ-srlistthree{position: absolute;top: 285px;left: 437px;transition: 1s}

.russ-serverlist .russ-srlistfour{background: #f6f6f6;border:1px dashed #b5b5b5;width: 370px;height: 82px;border-radius: 30px;padding: 19px 0; }

.russ-serverlist .russ-srlistfour{position: absolute;top: 402px;left: 400px;transition: 1s}

.russ-serverlist .russ-srlistfive{background: #f6f6f6;border:1px dashed #b5b5b5;width: 370px;height: 82px;border-radius: 30px;padding: 19px 0; }

.russ-serverlist .russ-srlistfive{position: absolute;top: 515px;left: 320px;transition: 1s}

.russ-serverlist .russ-srlistone:hover{left: 318px;transition: 1s}

.russ-serverlist .russ-srlisttwo:hover{left: 405px;transition: 1s}

.russ-serverlist .russ-srlistthree:hover{left: 447px;transition: 1s}

.russ-serverlist .russ-srlistfour:hover{left: 410px;transition: 1s}

.russ-serverlist .russ-srlistfive:hover{left: 330px;transition: 1s}

.russ-serverlist .russ-srlistone1:hover{left: 812px;transition: 1s}

.russ-serverlist .russ-srlisttwo1:hover{left: 865px;transition: 1s}

.russ-serverlist .russ-srlistthree1:hover{left: 898px;transition: 1s}

.russ-serverlist .russ-srlistfour1:hover{left: 898px;transition: 1s}

.russ-serverlist .russ-srlistfive1:hover{left: 872px;transition: 1s}

.russ-serverlist .russ-srlistsix1:hover{left: 818px;transition: 1s}



.russ-serverlist .russ-srlistone1{background: #f6f6f6;border:1px dashed #b5b5b5;width: 370px;height: 82px;border-radius: 30px;padding: 19px 0; }

.russ-serverlist .russ-srlistone1{position: absolute;top: 14px;left: 802px;transition: 1s}

.russ-serverlist .russ-srlisttwo1{background: #f6f6f6;border:1px dashed #b5b5b5;width: 370px;height: 82px;border-radius: 30px;padding: 19px 0; }

.russ-serverlist .russ-srlisttwo1{position: absolute;top: 120px;left: 855px;transition: 1s}

.russ-serverlist .russ-srlistthree1{background: #f6f6f6;border:1px dashed #b5b5b5;width: 370px;height: 82px;border-radius: 30px;padding: 19px 0; }

.russ-serverlist .russ-srlistthree1{position: absolute;top: 232px;left: 888px;transition: 1s}

.russ-serverlist .russ-srlistfour1{background: #f6f6f6;border:1px dashed #b5b5b5;width: 370px;height: 82px;border-radius: 30px;padding: 19px 0; }

.russ-serverlist .russ-srlistfour1{position: absolute;top: 345px;left: 888px;transition: 1s}

.russ-serverlist .russ-srlistfive1{background: #f6f6f6;border:1px dashed #b5b5b5;width: 370px;height: 82px;border-radius: 30px;padding: 19px 0; }

.russ-serverlist .russ-srlistfive1{position: absolute;top: 460px;left: 862px;transition: 1s}

.russ-serverlist .russ-srlistsix1{background: #f6f6f6;border:1px dashed #b5b5b5;width: 370px;height: 82px;border-radius: 30px;padding: 19px 0; }

.russ-serverlist .russ-srlistsix1{position: absolute;top: 573px;left: 808px;transition: 1s}

.russ-twomenu ul li a{display: block;padding-left: 20px;}

.russ-twomenu ul li a:hover{color: #e70012}

.mask{width: 560px;height: 439px;position: absolute;top: 100px;left:72px;}

.masktxt{position: absolute;top:56px;left:38px;font-size: 26px;color: #6f6f6f}

/*#container canvas{width: 700px!important;height: 700px!important;position: absolute;top: -20px!important;left: -57px!important}*/

.russ-seller{margin-top: 57px;}

.russ-sellerbg{background: #fafafa}

.russ-seller ul li{padding-bottom: 20px;}

.russ-seller ul li .russ-sellertitle{background: #e70012;color: #fff;padding: 0 20px;line-height: 45px;font-size: 18px;}

.russ-seller ul li .russ-sellerdesc{color: #000;line-height: 30px;font-size: 15px;color: #1f1f1f;padding: 15px 0;}

.russ-seller ul li .russ-sellerdesc img{width: 100%;}

.russ-seller ul li .russ-sellermore{line-height: 10px;font-size: 15px;padding: 15px 0;background: #0354a5;width: 50%;text-align: center;}

.russ-seller ul li .russ-sellermore a{color: #fff;}

.jointitle{text-align: center;font-size: 26px;color: #e70012;font-weight: 800;padding-top: 30px}

.joinsubtitle{text-align: center;font-size: 15px;color: #656565;font-weight: 800;padding-top: 15px;padding-bottom: 40px}

.hidden{ display: none;}

.join{height: auto;margin:0 auto;overflow: hidden;text-align: left;background:#fff;padding:5px;}

.join ul.list{overflow: hidden;}

.join ul.list li {width: 23%; margin:10px;float: left;overflow: hidden;}

.join ul.list li .joinname{line-height: 40px;}

.join ul.list li img{width: 100%;height: 100%;transition: 1s;}

.join ul.list li:hover img{-webkit-transform: scale3d(1.1, 1.1, 1.1);

  transform: scale3d(1.1, 1.1, 1.1);}

.join ul.list p{text-align: center;padding: 10px;}

.join .more{overflow: hidden;padding:10px;text-align: center;}

.join .more a{display: block;width: 153px;padding:15px 0;color:#000;margin:0 auto;background:url(../images/joinmore.png)no-repeat center center;text-align:center;border-radius:3px;}

.join .more a:hover{

  animation: ripple 0.65s linear;}    

  @keyframes ripple {

      /*scale the element to 250% to safely cover the entire link and fade it out*/

  100% {opacity: 0; transform: scale(1.5);}

}



.down{height: auto;margin:0 auto;overflow: hidden;text-align: left;background:#fff;padding:5px;}

.down ul.list{overflow: hidden;}

.down ul .downmorelistone{background: #ffff;border: 1px solid #ddd}

/*.down ul .downmorelistone:nth-child(1n+1){background: #f7f7f7}*/

.down ul .downmorelistone:hover a{color: #e70012}

.down ul .downmorelisttwo{background: #fff;border: 1px solid #ddd}

.down ul .downmorelisttwo:hover a{color: #e70012}

.down ul.list li {width: 48%; margin:10px;float: left;overflow: hidden;}/*

.down ul.list li:nth-child(3+n){margin:10px;float: right;overflow: hidden;}*/

.down ul.list li .downname{line-height: 40px;}

.down ul.list li img{width: 100%;height: 100%;}

.down ul.list p{text-align: center;padding: 10px;}

.down .more{overflow: hidden;padding:10px;text-align: center;}

.down .more a{display: block;width: 153px;padding:15px 0;color:#000;margin:0 auto;background:url(../images/joinmore.png)no-repeat center center;text-align:center;border-radius:3px;}

.donwbutton{line-height: 40px;display: block;}

.down .more a:hover{animation: ripple 0.65s linear;}    

  @keyframes ripple {

      /*scale the element to 250% to safely cover the entire link and fade it out*/

  100% {opacity: 0; transform: scale(1.5);}

}



.dux-page{text-align: center;margin-top: 20px;}

.dux-page a:hover{color: #000;}

.first-page,.prev-page,.num-page,.next-page,.last-page{background: #F7F7F7;border: 1px solid #ddd;padding: 5px;color: #000;margin: 0 4px;border-radius:2px  }

.active-page{background: #ff0000;color: #fff;}

.num-page{padding:  5px 16px; }

.russ-wopu{-webkit-animation: circle 20s infinite linear;

  -moz-animation: circle 20s infinite linear;

  -ms-animation: circle 20s infinite linear;

  -o-animation: circle 20s infinite linear;

  animation: circle 20s infinite linear;

}

.russ-wopu img{ transition: all 3s ease-in-out;

            -webkit-transition: all 3s ease-in-out;

            -moz-transition: all 3s ease-in-out;

            -o-transition: all 3s ease-in-out;}

.russ-wopu:hover img{transform: rotate(360deg);

            -webkit-transform: rotate(360deg);

            -moz-transform: rotate(360deg);

            -o-transform: rotate(360deg);

            -ms-transform: rotate(360deg);}



.m_map{ width:700px; height:517px; margin:125px auto 0 auto; position:relative;  background:url(../images/diru.png) no-repeat 0 0 ;padding: 127px;}

.tait{ font-size:36px; font-weight:bold; color:#666666; text-align:center;  left:100px;}

.tait span{ color:#ff6d3b;}

.tait2{font-size:36px; font-weight:bold; color:#666666; text-align:center; padding:50px 0px;}

.mp{ position:absolute; cursor:pointer; background:url(../images/fi1.png) no-repeat 4px 20px; width:24px; height:63px; -webkit-transition:all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;}

.mp:hover{ background:url(../images/fi2.png) no-repeat 4px 20px; -webkit-transition:all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;}

.hover_tu{background:url(../images/fi2.png) no-repeat 4px 20px;}

.mp .mito{ position:absolute; left:0px; bottom:0px; font-size:12px; color:#666666;}

.mp .find_mi1{ left:-12px; width:55px;}

.mp .find_mi2{ left:-5px; width:55px;}

.feng{ position:absolute; display:none; width:347px; height:85px; left:-230px; top:-78px; background:url(../images/vf1.png) no-repeat 0 top; z-index:10;}

.feng .sang{ position:absolute; left:235px; bottom:0px; background:url(../images/vf2.png) no-repeat 0 0; width:14px; height:8px;}

.feng .tree{ height:62px; width:330px; margin:9px; }

.feng .tree .boou{ width:86px; height:62px; float:left;}

.feng .tree .du_size{ float:right; height:62px; width:230px;} 

.feng .tree .du_size p{ font-size:12px; color:#FFF; line-height:20px;margin: 0;}

.russ-youshi ul li span{border: 1px solid #ff0000;height: 46px;line-height: 46px;border-radius:8px;padding: 10px 0;font-size: 16px;color: #5f5f5f;position: relative;padding-left: 60px;transition: 0.2s}

.russ-youshi ul li span b{height: 42px;line-height: 42px;border-radius:8px;background: #ff0000;color: #fff;position: absolute;padding: 0 15px ;left: 0;top: 0;}

.russ-youshi ul li{margin-bottom: 15px;}

.russ-youshi ul li:hover{text-indent:20px;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s;color: #12792f;}

.russ-youshi ul li:hover span{padding-left: 80px;}

.russ-youshi:hover img{opacity: 1;animation:myfirst 1s infinite;box-shadow: 2px 3px 61px #b2b2b2; -webkit-animation:myfirst 1s infinite;}

@keyframes myfirst

{

0%{transform:translateY(0px)}

25%{transform:translateY(-2px)}

50%{ transform:translateY(-4px)}

75%{transform:translateY(-2px)}

100%{transform:translateY(0px)}

}

@-moz-keyframes myfirst

{

0%{-moz-transform:translateY(0px)}

25%{-moz-transform:translateY(-2px)}

50%{-moz-transform:translateY(-4px)}

75%{-moz-transform:translateY(-2px)}

100%{-moz-transform:translateY(0px)}

}

@-webkit-keyframes myfirst

{

0%{-webkit-transform:translateY(0px)}

25%{-webkit-transform:translateY(-2px)}

50%{-webkit-transform:translateY(-4px)}

75%{-webkit-transform:translateY(-2px)}

100%{-webkit-transform:translateY(0px)}}

}

.mp1{left:243px; top:272px; }

.mp2{left:203px; top:203px;}

.mp3{left:523px; top:60px;}

.mp4{left:500px; top:104px;}

.mp5{left:473px; top:133px;}

.mp6{left:433px; top:96px;}

.mp7{left:406px; top:147px;}