﻿*{
  margin: 0;
  padding: 0;
}
/* 变灰的属性 */
/* html {-webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=0.5);} */
a{
  text-decoration: none;
}

ul,ol{
  list-style: none;
}

body{
  width: 100%;
  overflow-x: hidden;
}

.banner{
  width: 100%;
  height: 520px;
  background: url(../images/tupian/banner.jpg) no-repeat center;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.banner .top{
  position: absolute;
  width: 100%;
  height: 180px;
  left:0;
  top:0;
  background: url(../images/tupian/top.png) no-repeat center;

}

.banner .top .text{
  width: 1200px;
  margin: 0 auto;
}

.banner .top .text p{
  line-height: 24px;
  font-size: 14px;
  color: white;
  margin-top: 10px;

}

.banner .top .text p.left{
  float: left;
}

.banner .top .text p.left i{
  background: url(../images/tupian/top_home.png);
  width:24px;
  height: 24px;
  display: inline-block;
  vertical-align:middle;

}

.banner .top .text p.right{
  float: right;
}

.banner .top .text p.right i{
  background: url(../images/tupian/top_time.png);
  width:24px;
  height: 24px;
  display: inline-block;
  vertical-align:middle;

}



.banner h1{
  margin-top: 220px;
  font-size: 50px;
}

.banner p{
  font-size: 17px;
  text-transform:uppercase;
}


/* 
.content{
  position: absolute;
  width: 1200px;
  z-index: 1;
  top: 330px;
  left: 50%;
  margin-left: -600px;
} */

.content .navigation{
  position: relative;
  /* width: 1200px; */
  height: 70px;
  background: #008dc5;
  z-index: 10;
}

.content .navigation .nav .menu {
  width: 140px;
  height: 70px;
  line-height: 70px;
  float: left;
  z-index: 100; 
}

.content .navigation .nav .menu:hover{
  background: #ff9704;
  z-index: 100; 
}

.content .navigation .nav .menu a{
  font-size: 18px;
  color: white;
  z-index: 100; 
}

.content .navigation .nav .menu b{
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-left:20px;
  margin-right: 4px;
  z-index: 100; 
}

.content .navigation .nav .menu .nav_list_child{display: none; background-color:#ff9704; z-index: 100; }
.content .navigation .nav .menu:hover .nav_list_child{display:block;z-index: 100; }
.content .navigation .nav .menu .nav_list_child .u .submenu{background:#ff9704;margin: 0; height:40px; line-height: 40px; text-align: center;z-index: 100; }
.content .navigation .nav .menu .nav_list_child .u .submenu:hover{background:#c50001;z-index: 100; }

.content .navigation .search{
  margin-top: 15px;
  float: right;
  margin-right: 20px;
  position: relative;
}

.content .navigation input{
  width: 230px;
  height: 40px;
  outline: none;
  border: none;
  background: none;
  background: white;
  border-radius: 40px;;
  color: #666;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 40px;

}

.content .navigation .search i{
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/tupian/nav_search.png) center;
  right: 10px;
  top:8px;

}




.content .toutiao{
  width: 1200px;
  height: 140px;
  overflow: hidden;
  box-shadow: 0 2px 4px  #e4e4e4;
  position: relative;
 
}

.content .toutiao b{
  float: left;
  display: inline-block;
  width: 100px;
  height: 100px;
  background: url(../images/tupian/toutiao.png);
  margin: 20px 30px;

}


.content .toutiao .text{
  float: left;
  width: 960px;
  margin: 20px 30px;
 
}

.content .toutiao .text h3{
  font-size: 24px;
  font-weight: 400;
  line-height: 1.6em;
  
}

.content .toutiao .text p{
  font-size: 16px;
  line-height: 1.6em;
  color: #666;
  
}







.content .part1{
  width:1200px;
  height: 460px;
  overflow: hidden;
  margin-top: 20px;
}

.content .part1 .lunbo{
  float: left;
  width: 760px;
  height: 460px;
  position: relative;
}

.content .part1 .lunbo p{
  font-size: 16px;
  line-height: 2.6em;
  background: #262932;
  position: absolute;
  bottom: 0;
  left: 0;
  width:740px;
  color: white;
  padding-left: 20px;

}

.content .part1 .news{
  float: right;
  width: 420px;
  height: 460px;
}

.content .part1 .nav{
  width: 100%;
  height: 44px;
  line-height: 44px;
  border-bottom: 2px solid #008dc5;
  overflow: hidden;
  margin-bottom: 10px;
}

.content .part1 h5{
  width: 140px;
  height: 46px;
  font-size:18px;
  color: white;
  line-height: 46px;
  text-align: center;
  background: url(../images/tupian/title.png) no-repeat center;
  background-size: contain;
  float: left;
  font-weight: 500;

}




.content .part1 .news li a{
  line-height: 2.5em;
  color: #333;
  font-size: 16px;
}

.content .part1 .news li a span{
  float: right;
  color: #999;
  margin-right: 10px;
}

.content .part1 .news li a i{
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: black;
  margin: 8px;
  vertical-align: middle;
  display: inline-block;
}




.content .daohang{
    width: 1200px;
    height: 240px;
    margin: 20px auto;
    background: url(../images/tupian/beijing.jpg) no-repeat center;
    background-size: 1200px auto;
}

.content .daohang li{
  float: left;
  width: 300px;
  height: 90px;
  margin-top: 90px;
  text-align: center;
}

.content .daohang li .item {
  display: inline-block;
  
  padding: 0 30px;
 
  line-height: 50px;
  height: 50px;
  font-size: 18px;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0);
  background-color: #c50001;
  -moz-box-shadow: 2px 2px 8px rgba(148, 148, 148, 0.803);
  -webkit-box-shadow: 2px 2px 8px rgb(148 148 148 / 80%);
  box-shadow: 2px 2px 8px rgb(148 148 148 / 80%);
  transition: all 0.2s;
}

.content .daohang li .b1{
  margin-left: -30px;
}

.content .daohang li .b2{
  margin-left: -10px;
}

.content .daohang li .b3{
  margin-left: 10px;
}

.content .daohang li .b4{
  margin-left: 30px;
}
.content .daohang li .item:hover {
  border: 2px solid rgb(255, 255, 255);
  background-color: #ff9704;
}






.content .part2,.content .part{
  overflow: hidden;
  width: 1200px;
  height: 490px;
}

.content .part2 .left,.content .part2 .right,.content .part .left,.content .part .right{
  width: 590px;
  float: left;
}

.content .part2 .left,.content .part .left{
  margin-right: 20px;
}

.content .part2 .nav,.content .part .nav{
  width: 100%;
  height: 46px;
  line-height: 50px;
  border-bottom: 2px solid #008dc5;
  overflow: hidden;
  margin-bottom: 10px;
}

.content .part2 .nav li,.content .part .nav li{
  width: 140px;
  height: 50px;
  font-size:18px;
  line-height: 50px;
  text-align: center;
  float: left;
  font-weight: 500;
  color: #008dc5;
 
}

.content .part2 .nav li.active,.content .part .nav li.active{
  color: white;
  background: url(../images/tupian/title.png) no-repeat center;
  background-size: contain;
 
}


.content .part2 .shoutiao h6{
  font-size: 16px;
  line-height: 2em;
  margin-bottom: 10px;
}

.content .part2 .shoutiao p span{
  color:#c50001;
}

.content .part2 .shoutiao .box{
  overflow: hidden;
  border-bottom: 1px solid #dfdfdf;
  height: 100px;
}


.content .part2 .shoutiao .box img,.content .part2 .shoutiao .box p{
  float: left;

}

.content .part2 .shoutiao .box img{
  width: 140px;
  height: 80px;
  margin-right: 10px;
}

.content .part2 .shoutiao .box p{
  width: 440px;
  font-size: 14px;
  color: #666;
  line-height: 2em;
}




.content .part2 .list li a,.content .part  .list li a{
  line-height: 30px;
  color: #333;
  font-size: 16px;
  width: 100%;
}

.content .part2 .list li a span,.content .part  .list li a span{
  float: right;
  color: #999;
  margin-right: 10px;
}

.content .part2  .list li a i,.content .part  .list li a i{
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: black;
  margin-right: 8px;
  vertical-align: middle;
  display: inline-block;
}




.content .part2 .right .tu{
  margin: 10px auto;
  border-bottom: 1px solid #dfdfdf;
}

.content .part2 .right .tu img{
  margin-right: 20px;
  margin-bottom: 15px;
}

.content .part2 .right .btn{
  overflow: hidden;
}

.content .part2 .right .btn .left{
  float:left;

}

.content .part2 .right .btn  a{
  width: 280px;
  height: 50px;
  background: #008dc5;
  border-radius: 6px;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 18px;
  color: white;
  line-height: 50px;
  overflow: hidden;

}

.content .part2 .right .btn  a i{
  width: 70px;
  height: 50px;
  display: inline-block;
  background: #ff9704;
  text-align: center;
  line-height: 50px;
  border-top-left-radius:6px;
  border-bottom-left-radius:6px;
  margin-right: 20px;
}

.content .part2 .right .btn .zuo,.content .part2 .right .btn .you{
  float: left;
}

.content .part2 .right .btn  a img{
    vertical-align: middle;
}



.zhuanti{
  position: relative;
  width: 1200px;
  height: 130px;
}

.zhuanti .bg{
  width: 100%;
  position: absolute;
  left: 0px;
  height: 130px;
  background: #f3f3f3;
  z-index: -1;

}

.zhuanti .biaoti{
  width: 90px;
  height: 90px;
  float: left;
  background: url(../images/tupian/zhuanti.png) center;
  margin-top: 20px;
}

.zhuanti  a {
  width: 260px;
  height: 90px;
  display: inline-block;
  margin-left: 13px;
  margin-top: 20px;
}

.content .part{
  margin: 30px auto;
  height: 360px;
}

.part .title{
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;

}

.part .title h4,.part .title .tiao{
  float: left;
}

.part .title h4{
  font-size: 22px;
  color: #008dc5;
  font-weight: 400;
}

.part .title .tiao{
  width: 1100px;
  height: 20px;
  background: #eaeaea;
  margin-top: 6px;
  margin-left: 10px;
}

.part .nav{
  overflow: hidden;
}

.part .nav li{
  float: left;
  list-style: none;
}

.part  .title .box1,.part  .title .box2{
  width: 590px;
  float: left;
}

.part  .title .box1 .tiao,.part  .title .box2 .tiao{
  width: 480px;
}







.content .net{
  position: relative;
  height: 150px;
}

.content .net .bg{
    position: absolute;
    width: 100%;
    height: 150px;
    background: #f3f3f3;
    z-index: -1
}

.content .net .tupian{
  position: absolute;
  width: 110px;
  height: 110px;
  background: url(../images/tupian/wangzhan.png);
  top:20px;
}


.content .net .out{
  width: 1050px;
  height: 110px;
  position: absolute;
  top:20px;
  left:50%;
  margin-left:-525px;
}

.content .net .out a{
  margin-right: 10px;
}

.content .net .out .liebiao{
  margin-top: 14px;
}



.bottom1,.bottom2{
  height: 70px;
  position: relative;
}

.bottom2{
  height: 125px;
}

.bottom1 .bg,.bottom2 .bg{
  width: 100%;
  position: absolute;
  background: #443e3e;
  height: 70px;
  border: 1px solid #666;
  z-index: -1;
}

.bottom2 .bg{
  height: 125px;
}


.bottom1 .nav{
  width: 1000px;
  margin-left: 100px;
  height: 70px;
}



.bottom1 .nav li a{

  float: left;
  line-height: 70px;

}

.bottom1 .nav li a{
  color:#c4c1c1;
  font-size:  14px;
  display: inline-block;
  padding:  0px 54px;
  border-right: 1px solid #c4c1c1;
  line-height: 1em;
  margin-top: 28px;
}

.bottom1 .nav li a:hover{
  color: white;
}

.bottom2{
  position: relative;
  width:1200px;
}




.bottom2 a{
  display: inline-block;
}

.bottom2 .jiguan{
  float: left;
  width: 50px;
  height: 64px;
  margin-top: 30px;
  margin-left: 120px;
}


.bottom2 .text{
  height: 64px;
  width: 700px;
  float: left;
  margin-top: 30px;
  margin-left: 100px;
  text-align: center;
  color:#c4c1c1;
  line-height: 2em;
}

.bottom2 .zhaocuo{

  height: 64px;
  width: 110px;
  float: right;
  margin-top: 30px;
  margin-right: 80px;

}
 .tabCon div { display:none}
 .tabCon .on { display:block}
.corner-button-prev,
.corner-button-next{height: 40px; width: 22px; position: absolute; z-index: 999; padding: 10px 5px; margin-top: -20px; top: 50%; cursor: pointer;}
.corner-button-prev{background: url(../images/bannerL.png) no-repeat center; left: 0px; background-color: rgba(0, 0, 0, .3);}
.corner-button-next{background: url(../images/bannerR.png) no-repeat center; right: 0px; background-color: rgba(0, 0, 0, .3);}

.corner-line{height:20px;clear:both;}
.corner-content-box{padding:5px 20px 10px 20px;background: #fff;border: 1px solid #eee;}
.corner-img-list {min-height: 465px;overflow:hidden}
.corner-img-list ul li{width: 25%; float: left; overflow: hidden; margin: 10px 0;}
.corner-img-list ul li a{overflow: hidden; display: block; margin: 0 7px; border: #f1f1f1 1px solid;}
.corner-img-list ul li p{color: #333; padding: 5px 10px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.corner-img-list ul li a i{height: 150px; display: block; overflow: hidden;}
.corner-img-list ul li a img{width: 100%; height: 150px; display: inline-block; vertical-align: middle; transition: .5s;}
.corner-img-list ul li a:hover img{transform: scale(1.1);}
.corner-title{border-bottom: #e4e3e3 1px solid;margin-bottom: 10px}
.corner-title h2{font-size: 14px;line-height: 40px;font-weight: normal;border-bottom: 3px solid #c50001;display: inline-block;padding-right:2px;color: #c50001}
.corner-title-right {float: right;}
.corner-title-right a {line-height: 40px}

/*频道内容页*/
.corner-main-left{float: left; width: 760px; margin: 20px 0;}
.corner-box-left{width: 800px;}
.corner-main-right{float: right; width: 350px; margin: 20px 0;}
.corner-tag-list{padding-bottom: 10px; overflow: hidden;}
.corner-tag-list a{font-size: 14px; line-height: 24px; height: 24px; display: block; background: #f1f1f1; float: left; padding: 3px 10px; margin: 10px 5px 0 0; border-radius: 3px; transition: all .2s; color: #525252;}
.corner-tag-list a:hover{background: #2196f3; color: #fff;}
.corner-flag{font-style: normal;font-size: 12px;background:#f60;color:#fff;padding: 1px 3px;font-weight:normal;margin-right:3px;}
.corner-news{margin: 20px 0; height: 170px; border-bottom: 1px dashed #d3d3d3; overflow: hidden;}
.corner-news .corner-news-img{width: 230px; height: 150px; float: left; margin-right: 10px; overflow: hidden;}
.corner-news .corner-news-img img{width: 100%; height: 150px; transition: .5s;}
.corner-news .corner-news-img img:hover{transform: scale(1.1);}
.corner-news-right{padding-right: 10px; padding-top: 10px;}
.corner-news-right em{font-style: normal; font-size: 12px; background: #f60; color: #fff; padding: 1px 3px; font-weight: normal; margin-right: 5px;}
.corner-news-right a{font-size: 16px;}
.corner-news-right p{font-size: 12px; color: #666; margin-top: 5px; margin-bottom: 10px}
.corner-news-tags a{color: #666; padding: 4px 8px; border-radius: 3px; margin-right: 10px; font-size: 12px; margin-top: 5px; background: #e5e5e5}
.corner-news-tags a:hover{background: #2196f3; color: #fff;}
.corner-like-list li{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.corner-like-list li .title_color{display: inline;}
.corner-like-list li{padding: 6px 0; height: 20px; line-height: 20px;}
.corner-like-list .date{float: right;}
.corner-comment-list li{margin-bottom: 10px; border-bottom: 1px dashed #ddd; padding-bottom: 5px}
.corner-comment-list a{font-size: 14px;}
.corner-comment-list p em{color: #3366cc; font-style: normal;}
.corner-list-advertise{background: #206fff; color: #fff; font-size: 20px; text-align: center; padding: 20px 0; transition: .3s; background: linear-gradient(45deg, rgba(39, 102, 255, 0.6), rgba(39, 102, 255, 0.9));}
.corner-list-advertise a{color: #fff;}
.corner-list-advertise .corner-ad{font-size: 14px; line-height: 50px}
.corner-list-advertise:hover{opacity: 0.9; color: #fff;}
.corner-content-container{margin: 20px 0;}
.corner-content-container h1{font-size: 22px; margin-bottom: 20px;}
.corner-content-info{margin-bottom: 20px}
.corner-content-info span{margin-right: 20px; color: #888;}
.corner-content h2{font-size: 16px; margin: 20px 0; padding-left: 10px; border-left: 3px solid #2196f3;}
.corner-content img{max-width: 100%;}
.corner-content p{margin-bottom: 10px}
.corner-content a{color: #4394ff;}
.corner-content pre{color: #444;font-family: Monaco,Menlo,Consolas,"Courier New",monospace;display: block;margin:10px 0; padding: 9px;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15); border-radius: 3px;background-color: #f5f5f5;white-space: pre-wrap;word-wrap: break-word;font-size: 11px;line-height: 20px;word-break: break-all;}
.corner-content-tag a{color: #666; padding: 4px 8px; border-radius: 3px; margin-right: 10px; font-size: 12px; margin-top: 5px; background: #e5e5e5;}
.corner-content-tag a:hover{background: #2196f3; color: #fff;}
.corner-operate{margin: 10px 0;}
.corner-operate a{margin-right: 10px; background: #2196f3; height:25px;width:70px;display: inline-block;text-align: center; color: #fff; font-size: 12px padding-top: 5px;}
.corner-operate a:hover{opacity: 0.8;color:#fff;}
/*频道内容页*/


/*单页面*/
.corner-page{margin: 20px 0; overflow: hidden;}
.corner-page-left{width: 250px; float: left; padding: 20px 20px;}
.corner-page-right{width: 820px; float: right}
.corner-page-left ul li{margin: 10px 0;}
.corner-page-left ul li a{display: block; border: 1px solid #ddd; text-align: center; padding: 8px 0; border-radius: 3px; font-size: 16px}
.corner-page-left ul li a:hover,
.corner-page-current{background: #1487f4; color: #fff; border: #1487f4 1px solid;}
.corner-page-content{padding: 20px 0;}
.corner-page-content h1{font-size: 18px; margin-bottom: 20px}
/*单页面*/


/*评论区*/
.corner-comment-more h1{font-size: 22px;text-align:center;margin-top:50px;}
.corner-comment-more-box{width:80%;margin:20px auto;padding:30px 0;}
.corner-comment-explain{font-size:12px;color:red;margin-left:10px}
.corner-comment-box{position: relative; margin: 20px 0}
.corner-comment-box h3{height: 28px; line-height: 28px}
.corner-comment-form{width: 100%; position: relative}
.textarea{width: 98%; height: 78px; border: 1px solid #ccc; padding: 5px 5px; outline: none; color: #333; line-height: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px;}
.textarea2{width: 98%}
.corner-comment-form p{height: 28px; line-height: 28px; position: relative}
.corner-comment-form .emotion{width: 42px; height: 20px; background: url(../images/icon.gif) no-repeat 2px 2px; padding-left: 20px; cursor: pointer; color: #999}
.corner-comment-form .emotion:hover{background-position: 2px -28px; color: #666}
.qqFace{margin-top: 4px; background: #fff; padding: 2px; border: 1px #dfe6f6 solid;}
.qqFace table td{padding: 0px;}
.qqFace table td img{cursor: pointer; border: 1px #fff solid;}
.qqFace table td img:hover{border: 1px #0066cc solid;}
.corner-comment-submit{background-color: #e6e6e6; background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6); background-repeat: no-repeat; border-bottom-right-radius: 3px; border-color: #ddd #ddd #aaa; border-style: solid; border-width: 1px; box-shadow: 0 0 1px #fff inset; color: #555; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; position: absolute; right: 0; text-align: center; text-shadow: 0 1px 0 #fff; top: 0; transition: all 0.15s linear 0s; width: 100px; cursor: pointer; border-radius: 2px; margin-top: 5px; outline: none;}
.corner-comment-submit:hover{background-position: 0 -15px; color: #121212}
.static{position: static; float: right;}
.corner-comment-list-box{border: 1px solid #ddd; margin: 25px 0 15px; overflow: hidden;}
.corner-comment-list-top{background: #fbfbfb; color: #555; font-size: 14px; padding: 0 12px; height: 30px; line-height: 30px; border-bottom: 1px dotted #ddd;}
.corner-comment-list-top a{color:#de1513;}
.corner-comment-list-body ul{padding: 0 12px;}
.corner-comment-list-body ul li{padding: 10px 0; border-bottom: 1px dotted #ddd; overflow: hidden;}
.corner-comment-list-body ul li:last-child{border-bottom: none;}
.corner-comm-right{margin-left: 50px;}
.corner-comm-right strong{font-weight:normal;}
.corner-comm-right .user_name{color: #017cb9}
.corner-comm-right .user_name:hover{color: #2a6496; text-decoration: underline; transition: all 0.15s linear 0s;}
.corner-comment-list-body .user_pic{float: left;}
.corner-comment-list-body p{font-size: 14px; line-height: 1.5em; color: #666; margin: 5px 0;}
.corner-comment-list-body .original_comment{display: block; margin: 5px 0;}
.corner-comment-list-body .comm_time{font-size: 12px; color: #999;}
.corner-comment-list-body .comm_a{font-size: 12px; color: #999; margin: 0 5px; transition: all 0.15s linear 0s;}
.corner-comment-list-body .comm_a:hover{color: #555}
.none{display: none;}
.original_comment{display: block; margin: 5px 0;}
/*评论区*/


/* 留言板 */
.corner-book{margin-bottom: 20px}
.corner-book-list{padding: 10px; background: #fafafa; border: 1px solid #dadada; line-height: 25px; margin-bottom: 10px; color: #666}
.corner-book-head{font-size: 12px; border-bottom: 1px dashed #8e8e8e; padding: 5px 0;}
.corner-book-head span{color: #9a9a9a; margin-left: 5px; font-size: 12px}
.corner-book-content{margin: 10px 0;}
.corner-book-content .admin_repay strong{color: #DE4C1C;}
/* 留言板 */


/* 下载模型 */
.corner-down-list{padding: 20px 0; height: 110px; border-bottom: 1px dashed #bbbbbb}
.corner-down-list-left{height: 100px; width: 150px; float: left; margin-right: 15px; overflow: hidden;}
.corner-down-list-left img{height: 110px; width: 150px; transition: .5s;}
.corner-down-list-left img:hover{transform: scale(1.1);}
.corner-down-title{margin-top: 5px}
.corner-down-title a{font-size: 16px; color: #232323;}
.corner-down-date{float: right; font-size: 12px; color: #999}
.corner-down-info{color: #666}
.corner-down-info em{color: #c00; font-style: normal}
.corner-down-desc{line-height: 20px; color: #888}
.corner-down-msg{margin: 20px 0; overflow: hidden;}
.corner-down-msg .corner-desc{background: #f9f8f8; padding: 10px; width: 417px; float: right; margin-bottom: 10px}
.corner-down-msg .corner-desc span{color: #2196f3;}
.corner-down-msg img{width: 300px; height: 200px; float: left; margin-right: 20px}
.corner-down-msg ul{float: left;}
.corner-down-msg ul strong{margin-right: 10px;}
.corner-down-url ul{margin: 20px 0 10px 0;}
.corner-down-url ul li{background: #fafafa; line-height: 35px}
.corner-down-url ul li a{padding-left: 20px; font-size: 14px; background: url(../images/icon.png) no-repeat 0px -121px; margin: 0 5px;}
/* 下载模型 */


/*产品模型*/
.corner-product{margin: 20px 0;}
.corner-product-list-box{width: 50%; float: left; color: #333; font-size: 14px; box-sizing: border-box; margin: 10px 0;}
.corner-product-list{border: 1px #e8e8e8 solid; margin: 5px; padding: 20px; overflow: hidden; height: 160px;}
.corner-product-list:hover{border: 1px #2196f3 solid;}
.corner-product-img{width: 216px; height: 150px; float: left; overflow: hidden;}
.corner-product-list img{width: 216px; height: 150px; float: left; transition: .5s;}
.corner-product-list img:hover{transform: scale(1.1);}
.corner-product-right{float: right; width: 270px;}
.corner-product-title{font-size: 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 35px}
.corner-product-price{color: #ff5522; line-height: 35px}
.corner-product-stock{line-height: 35px}
.corner-product-details{background: #ff5522; border-radius: 3px; display: block; width: 130px; height: 35px; line-height: 35px; text-align: center; color: #fff; transition: 0.3s; font-size: 16px;}
.corner-product-details:hover{color: #fff; opacity: 0.8}
.corner-image{width: 100%; height: 450px; line-height: 450px; text-align: center; border: 1px solid #ddd; background: #f9f8f8}
.corner-image img{width: 600px; height: 450px; overflow: hidden;}
.corner-switch{width: 100%; height: 87px; border: 1px solid #ddd; margin: 5px auto;}
.corner-icon1{display: inline; width: 30px; float: left; padding-top: 28px; text-indent: -9999px; margin-left: 10px;}
.corner-icon1 a{display: block; width: 32px; height: 32px; background: url(../images/left.png) no-repeat;}
.corner-icon2{float: right; width: 38px; padding-top: 28px; text-indent: -9999px;}
.corner-icon2 a{display: block; width: 32px; height: 32px; background: url(../images/right.png) no-repeat;}
.corner-switch-center{float: left; width: 665px; height: 83px; margin-left: 10px; overflow: hidden; padding-top: 3px;}
.corner-switch-center li{display: inline; float: left; width: 100px; height: 66px; margin: 0 5px; padding-top: 10px;}
.corner-switch-center li a{display: block; width: 88px; height: 60px; border: 1px solid #ddd;}
.corner-switch-center li a img{width: 88px; height: 60px;}
.corner-switch-center li a.on{border: 1px solid #ff9900;}
.corner-switch-center li a:hover{border: 1px solid #ff9900;}
/*产品模型*/

/* 前端分页 */
#page{margin:30px 0;font-size:14px;height:30px;line-height:30px;text-align:center}
#page .pageinfo{display: none;}
#page  a{border:1px solid #ddd;background:#fff;color:#808080;padding:5px 11px;margin-left:5px;border-radius:2px;transition:all 0.2s}
#page  a:hover,#page .curpage{background:#c50001;color:#fff;text-decoration:none;border:1px solid #c50001;}
#page .nopage{cursor:not-allowed;}
#page .nopage:hover{background:#fff;color:#808080;border:1px solid #ddd;}

.corner-ranking{margin-top: 10px; margin-bottom: 5px}
.corner-ranking li{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.corner-ranking li .title_color{display: inline;}
.corner-ranking li{padding: 6px 0; height: 20px; line-height: 20px;}
.corner-ranking li em{display: inline-block; width: 18px; line-height: 18px; height: 18px; background: #626262; color: #fff; text-align: center; float: left; margin-right: 5px; font-style: normal;}
.corner-ranking li .date{float: right;}
.corner-ranking li:nth-child(-n+3)>em{background: #E12726;}
.corner-ranking li:nth-child(-n+3)>.date{color: #E12726;}
.corner-title-right{float: right;}
.corner-title-right a{line-height: 40px}
.texiao{color:#c50001;}
.active .texiao{color: whitesmoke; }
.texiao:hover{font-size:19px ;text-decoration:underline;}

