@charset "utf-8";
/* CSS Document */
ul{ list-style:none; margin:0; padding:0;}

a{ color:#000000;}
a:hover{text-decoration:none; color:#000000;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

body{ font-family:"微软雅黑", "宋体", Helvetica, Arial, sans-serif; line-height:1.5em; min-width:1170px;}

.Fright {float: right;}
.Fleft{float:left; }

.mleft10{ margin-left:10px;}
.mleft15{ margin-left:15px;}
.mleft20{ margin-left:20px;}
.mleft25{ margin-left:25px;}

.mtop10{ margin-top:10px;}
.mtop15{ margin-top:15px;}
.mtop20{ margin-top:20px;}
.mtop25{ margin-top:25px;}

.mtop10{ margin-top:10px; }
.mtop20{ margin-top:20px; }
.mtop30{ margin-top:30px; }
.mtop40{ margin-top:40px; }

.container{ padding:0}
.top{ width:100%; height:100px; background:#fff;}
.top__logo{ float:left; }
.top__slg{ float:right;}

.topnav{width:100%; height:50px; background:#1d429a;}
.topnav p a{ color:#FFFFFF;}
.topnav p a:hover{text-decoration:underline}


.daohan{ float:left}
.daohan li{ float:left; width:130px;}
.daohan li a{height:50px;width:130px; line-height:50px; color:#fff; display:block; overflow:hidden; text-align:center;}
    .daohan li a:hover {
        background: #2ca5e0;
    }
.daohanhover {
    background: #2ca5e0;
}
.topnav p{height:50px; line-height:50px; color:#fff; float:right; margin:0;}
.topnav span{ margin:0 10px;}

.indexBanner{ width:100%; min-width:1200px;z-index:100; position:relative;}
.indexBanner .carousel-control{ background:none; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.indexBanner .carousel-inner .item > div{ margin:0; padding:0; border:0;}
.indexBanner .carousel-inner .item > div p{ margin:0; padding:0;}
.indexBanner .carousel-inner .item > div img{ opacity:0;}

.indexabout{ position:relative}
.indexaboutleft{ position:absolute; top:0px; left:0px;}
.indexaboutright{ width:640px; height:470px; float:right; background:#1d429a; padding-left:248px; padding-top:100px;}
.indexaboutright h4{ font-size:36px; color:#fff; margin:0px; padding:0;}
.indexaboutright p{ font-size:16px; color:#fff; line-height:28px;margin:0px; padding:0;}
.indexaboutright a{ display:block; overflow:hidden; width:180px; height:40px; line-height:38px; text-align:center; border:1px solid rgba(255,255,255,0.45) ; color:rgba(255,255,255,0.45); margin-top:35px; }
.indexaboutright a:hover{ color:#fff; background:rgba(255,255,255,0.45);}

.pingpai{ margin-top:20px;}
.pingpaititle{ background:#e01a8b; width:270px; height:60px; margin-left:-70px; }
.pingpaititle h4 { font-size:22px; color:#fff; line-height:60px; padding-left:70px; margin:0;}
.pingpailogo{ height:330px;}
.pingpailogo li{ width:33.33%;height:330px; float:left; text-align:center; line-height:330px;}

.pingpailogo li:nth-child(1){ text-align:left; background: url(../images/ppbeijing.jpg) center right no-repeat;}
.pingpailogo li:nth-child(3){ text-align:right;background: url(../images/ppbeijing.jpg) center left no-repeat;}

.changping{ width:100%;  background:url(../images/beijing.jpg) top center no-repeat;}
.cptitle{ text-align:center; padding-top:70px;}
.cptitle h5{ font-size:24px;margin:0;}
.cptitle h4{ font-size:36px; margin:0; font-family:Arial, sans-serif; color:rgba(0,172,172,0.45)}
.cptitle p{ font-size:24px; margin-bottom:20px; color:rgba(0,172,172,1.00)}

.cpliebiao{ margin-top:45px;}

.cpliebiao li{ width:280px; height:320px; overflow:hiddend; display:block; padding:10px 10px 0px 10px; background:#FFFFFF; float:left; margin-right:16px; box-shadow: 0px 0px 10px rgba(0,0,0,0.25);transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.cpliebiao li:last-child{ margin:0px; float:right;}
.cpliebiao li:hover{ margin-top:-10px;}
.cpliebiao li p{ font-size:18px; line-height:50px; text-align:center; color:#666666; height: 40px;overflow: hidden;}

.cpanniu{display:block; overflow:hidden; width:180px; height:40px; line-height:38px; text-align:center; border:1px solid rgba(0,0,0,0.345) ; color:rgba(0,0,0,0.45);  margin:auto;margin-top:65px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; }
.cpanniu:hover{ background:#ccc; color:#fff;}

.cphuodong{ width:100%; height:450px; margin-top:100px;}

.jrhongdon{ width:100%;margin-top:100px;}
.jrhongdong__left { float:left; width:565px; height:480px; margin-top:50px;}
.jrhongdong__left h5{ padding:18px; padding-top:25px; margin:0px; font-size:18px; color:#666; }
.jrhongdong__left p{padding:0 18px; color:#666;}
.jrhongdong__left div{border:1px solid rgba(0,0,0,0.20) ; border-top:none;}

.jrhongdong__right{ float:right; width:570px; height:480px; margin-top:50px;}


.indexNews{ text-align:center;}
.indexNewsContent{ width:100%; overflow:hidden; text-align:left;}
.indexNewsContent ul{ margin:0; padding:0;}
.indexNewsContent li{ width:490px; overflow:hidden; display:block; float:left; background:#FFF;}
.indexNewsContent li:nth-of-type(even){ margin-left:20px;}
.indexNewsContent a{ width:100%; overflow:hidden; display:block;}
.indexNewsContent dl{ width:470px; height:110px; overflow:hidden; margin:10px 10px 0; border-bottom:1px dotted #CCC;}
.indexNewsContent dt{ float:left; width:60px; text-align:center;}
.indexNewsContent dt p{ color:#000; font-family:"Times New Roman", Times, serif; width:60px; font-size:16px; line-height:24px; margin:10px 0 15px;}
.indexNewsContent dd{ width:400px; float:left;}
.indexNewsContent dd h3{ font-size:16px; color:#000; height:30px; line-height:24px; margin:10px 0 5px; padding:0;}
.indexNewsContent dd p{ font-size:12px; line-height:18px; height:36px; overflow:hidden; color:#666; margin:0; padding:0;}

.indexNewsContent a:hover{ background:#dcfcfb;}
.indexNewsContent a:hover dt p{ color:#000;}
.indexNewsContent a:hover dd h3{ color:#000;}
.indexNewsContent a:hover dd p{ color:#000;}


.bottom{ width:100%; height:100px; margin-top:110px; background:#1d429a;}
.bottom p{ color:#fff; line-height:100px; font-size:14px; margin:0px;}
.bottomp1{ float:left; }
.bottomp2{ float:right; }
.bottomp2 a{ color:#fff; }

.aboutbanner{width:100%; min-width:1200px; overflow:hidden; height:400px;display:margin:auto; }
.aboutword{}
.aboutword > p{ margin:0px;} 


.productliebiao{ margin-top:45px;}
.productliebiao li{ width:280px; height:320px; overflow:hiddend; display:block; padding:10px 10px 0px 10px; background:#FFFFFF; float:left; margin-bottom:30px; margin-right:16px; box-shadow: 0px 0px 10px rgba(0,0,0,0.25);transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.productliebiao li:nth-child(4n){ margin:0px; float:right;}
.productliebiao li:hover{ margin-top:-10px;}
.productliebiao li p{ font-size:18px; line-height:50px; text-align:center; color:#666666；}



.pageBox{ text-align:center; margin:0 auto;}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background:#1d429a; color:#FFF; border:1px solid #1d429a;}
.pagination>li>a, .pagination>li>span{ color:#333;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{ color:#1d429a;}

.proView{ background:#f2fbfb; height:600px; width:100%}
.proViewimg{ width:500px; height:500px; margin:50px 0; float:left;}
.proViewword{  width:600px; margin:100px 0; margin-top:200px; float:left;}
.proViewword h4{ font-size:35px; margin-bottom:25px;}
.proViewword .p1{font-size:16px; color:#999999; /*margin-bottom:40px;*/}
.proViewword .p1{font-size:16px;}
.fenxianganniu{width:600px; margin-top:60px;}
.bdsharebuttonbox{ width:200px; float:left;}
.fenxianganniu .ananiu{display:block; overflow:hidden; width:120px;; height:36px; line-height:36px; text-align:center; border:1px solid #1d429a ; color:#1d429a; float:right; }

.newananiu{display:block; overflow:hidden; width:120px;; height:36px; line-height:36px; text-align:center; border:1px solid #1d429a ; color:#1d429a; margin:auto }


slideTxtBox{ width:1170px; border:1px solid #ddd; text-align:left; float:left;  }
.slideTxtBox .hd{ height:47px; line-height:30px;  padding:0 10px 0 20px;    position:relative; margin-bottom:70px;  }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:15px; top:10px; height:45px;   }
.slideTxtBox .hd ul li{ border:1px solid #1d429a; float:left; padding:0 35px; cursor:pointer; color:#1d429a; height:45px; line-height:45px; width:160px; margin-right:10px; text-align:center;}
.slideTxtBox .hd ul li.on{ height:45px;  background:#1d429a;  color:#fff;}
.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.slideTxtBox .bd li{ height:30px; line-height:30px; font-size:18px;}
.slideTxtBox .bd li .date{ float:right; color:#999;  }


/*news*/
.indexNewsContent1{ width:100%; overflow:hidden; text-align:left;}
.indexNewsContent1 ul{ margin:0; padding:0;}
.indexNewsContent1 li{ overflow:hidden; display:block;  background:#FFF;}

.indexNewsContent1 a{ width:100%; overflow:hidden; display:block;}
.indexNewsContent1 dl{ height:140px; overflow:hidden; margin:10px 10px 0; border-bottom:1px dotted #CCC; width:1170px; margin:auto; padding:25px 0;}
.indexNewsContent1 dt{ float:left; width:60px; text-align:center;}
.indexNewsContent1 dt p{ color:#1d429a; font-family:"Times New Roman", Times, serif; width:60px; font-size:16px; line-height:24px; margin:10px 0 15px;}
/*.indexNewsContent1 dd{ width:360px; float:left;}*/
.indexNewsContent1 dd h3{ font-size:18px; color:#000; height:30px; line-height:24px; margin:10px 0 5px; padding:0; font-weight:500}
.indexNewsContent1 dd p{ font-size:12px; line-height:18px; height:36px; overflow:hidden; color:#666; margin:0; padding:0;}

.indexNewsContent1 a:hover{ background:#f2f1f1;}
.indexNewsContent1 a:hover dt p{ color:#000;}
.indexNewsContent1 a:hover dd h3{ color:#000;}
.indexNewsContent1 a:hover dd p{ color:#000;}

.pageBox { 
    margin: 0 auto;
    text-align: center;
	margin-top:50px;
	margin-bottom:50px;
}

.pagination > li > a, .pagination > li > span {
    color: #333;
} 

.newstite{ width:100%; border-bottom:1px #CCCCCC solid;  margin-bottom:30px;margin-top:50px;}
.newstite h3{ margin:0; padding:0; font-size:30px; margin-bottom:30px; text-align:center }
.newstite p{ margin:0px; padding:0px; font:14px; color:#333333; text-align:center; margin-bottom:30px;}
.news__bottom{ border-top:1px #CCCCCC solid; padding:25px 20px;}


.newsList{ height:auto; margin:inherit;}
.newsList{ width:1060px; position:relative; margin:20px auto;}
.newsList ul{ list-style:none; margin:0; padding:0;}
.newsList li{ width:100%; height:345px; margin-bottom:20px; background:#FFF; box-shadow: 0 0 5px #999; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; z-index:888;}
.newsList li.active{ opacity:1; z-index:999;}
.newsList li a{ display:block; width: 100%; height: 100%;}
.newsImgBox{ width:520px; height:345px; overflow:hidden; display:block; float:left; position:relative; background:#000;}
.newsImgBox img{ width:520px; height:345px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.newsImgBox img:hover{ opacity:0.5;}
.newsImgBox p{ width:108px; height:80px; overflow:hidden; background:rgba(0,0,0,0.25); position:absolute; z-index:999; left:0; bottom:0; margin:0; padding:0;}
.newsImgBox p span{ font-size:26px; margin:10px 0px 6px; height:35px; text-align:center; color:#FFF; display:block;}
.newsImgBox p b{ font-size:14px; color:#FFF; height:20px; text-align:center; display:block;}
.newsInfo{ width:540px; padding:0 45px; text-align:left; float:right; position:relative;}
.newsInfo h5{ height:25px; line-height:25px; font-size:18px; margin:50px 0px 24px; color:#000;}
.newsInfo i{width:200px;height:1px;background:#c6c6c6;margin:0 0 20px;display:block;}
.newsInfo p{font-size:14px;line-height:32px; height: 96px; overflow: hidden; color:#555;}
.newsInfo span{ width:145px; height:45px; overflow:hidden; text-align:center; line-height:45px; font-size:18px; border:1px solid #555; color:#555; display:block; position:absolute; top:240px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.newsList li a:hover .newsInfo span{ background:#1d429a; border:1px solid #1d429a; color:#FFF;}


.new_view{ padding:0; margin:0;}
.new_title{ text-align:center; border-bottom:1px dotted #CCC;}
.new_title h3{ color:#000; line-height: 36px;}
.new_title p{ font-size:12px; line-height: 20px; color:#999;}

.new_info{ line-height:2em; min-height:520px; height:auto; _height:520px; overflow:auto; margin:30px 0 0;}

.content--login .container {
  width: 1024px;
  background-position: -100px 50px;
  background-repeat: no-repeat;
  border: solid 1px #f2f2f2;
  padding: 55px 90px;
}
.loginBox__title {
  line-height: 50px;
  margin: 0 0 10px;
}
.loginBox__item {
  height: 50px;
  margin: 0;
}
.loginBox__tips {
  width: 40px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  display: block;
  float: left;
  background: #DDD;
  text-align: center;
  
}
.loginBox__bj1{ background:url(../images/xz-1.png) #DDD;}
.loginBox__bj2{ background:url(../images/xz-2.png) #DDD;}


.loginBox__tips .fa {
  font-size: 32px;
  color: #FFF;
  line-height: 40px;
}
.loginBox__input {
  width: 260px;
  height: 40px;
  border: solid 1px #DDD;
  background: none;
  color: #333;
  font-size: 14px;
  line-height: 38px;
  text-indent: 15px;
  float: left;
}
.loginBox__submit {
  width: 300px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background:#D90306;
  font-size: 18px;
  color: #FFF;
  border: 0;
}
.loginBox__link--more {
  line-height: 40px;
  font-size: 14px;
  color: #999;
  display: block;
}

.content--register .container {
  width: 1024px;
  border: solid 1px #f2f2f2;
  padding: 55px 90px;
}
.registerBox__item {
  height: 50px;
  margin: 0;
}
.registerBox__tips {
  width: 160px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  display: block;
  float: left;
  text-align: right;
  margin-right: 10px;
}
.registerBox__input {
  width: 270px;
  height: 30px;
  border: solid 1px #DDD;
  background: none;
  color: #333;
  font-size: 14px;
  line-height: 38px;
  text-indent: 15px;
  float: left;
}
.registerBtn {
  margin: 20px 0;
  width: 100%;
  text-align: center;
}
.registerBox__submit {
  width: 180px;
  height: 40px;
  line-height: 40px;
  border: solid 1px #000;
  color: #000;
  background: none;
  margin: 0 5px;
}
.registerBox__reset {
  width: 180px;
  height: 40px;
  line-height: 40px;
  border: solid 1px #828282;
  color: #FFF;
  margin: 0 5px;
  background: #828282;
}



.tuijian{ margin-top:45px;}
.tuijian li{ width:280px; height:320px; overflow:hiddend; display:block; padding:10px 10px 0px 10px; background:#FFFFFF; float:left; margin-bottom:30px; margin-right:16px; box-shadow: 0px 0px 10px rgba(0,0,0,0.25);transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.tuijian li:nth-child(4n){ margin:0px; float:right;}
.tuijian li p{ font-size:18px; line-height:50px; text-align:center; color:#666666；}
.tuijian hr{ margin:30px 0; }


/*about导航*/
/*.aboutnav1{ height:50px; background:#fbfbfb; border-bottom:1px solid #e9e9e9; margin-bottom:50px; }*/
.aboutnav1 {
    height: 50px;
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 50px;
}
.aboutnav{ z-index:9; width:610px; ma}
.aboutnav ul{ list-style:none; margin:0; padding:0;}
.aboutnav li{ width:200px; float:left;}
.aboutnav li a{ width:100%; height:50px; overflow:hidden; display:block; text-align:center; text-decoration:none; box-sizing:content-box; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; margin:0; padding:0; position:relative;}
.aboutnav li a p{ width:100%; height:50px; line-height:50px; overflow:hidden; color:#333; font-size:14px; display:block; text-align:center;}
.aboutnav li a i{ width:100%; width:60px; height:2px; line-height:2px; overflow:hidden; background:#1d429a; font-size:12px; display:block; text-align:center; text-transform:uppercase; font-style:normal; position:absolute; top:30px; left:50%; margin-left:-30px; opacity:0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.aboutnav li a.active i{ top:48px; opacity:1;}

.aboutnav li a:hover{}

.aboutnav li .flowsub{ width:200px; height:0; overflow:hidden; background:#158952; padding:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.aboutnav li .flowsub li{ width:100%; overflow:hidden; float:none;}
.aboutnav li .flowsub a{ width:100%; height:36px; overflow:hidden; line-height:36px; display:block; text-align:left; text-indent:20px; margin:0; padding:0; border:0; color:#FFF; font-size:14px;}
.aboutnav li .flowsub a:hover{ border:0;}

.aboutnav li:hover > a{}
.aboutnav li:hover .flowsub{ height:auto; padding:10px 0;}
.aboutnav li:hover a i{ opacity:0;}
.aboutnav li:last-child  .flowsub{ position:relative; margin-left:-40px;}

.aboutnav li:hover a.active i{ top:48px; opacity:0;}
.aboutnav li:hover a:hover i{ top:48px; opacity:1;}


/*拍拍网风格*/
.paginator { font-size: 12px;padding:10px 20px 10px 0; margin: 0px; font-family: "微软雅黑","宋体", Arial, sans-serif; margin-top:70px;}
.paginator a {padding: 10px 12px; border: solid 1px #ddd; background: #fff; text-decoration: none; color:#333;}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}
.paginator a:hover {color: #2a6496;padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 9px;
    padding-left: 12px;background: #ddd;border: 1px solid #ddd;text-decoration: none;}
.paginator font{padding: 10px 12px; border: solid 1px #ddd; background: #EEEEEE; text-decoration: none; color:#333 !important; font-weight:normal !important; }
#PageShow table tr td:first-child {
    width: 1% !important;
}

.proPrice{
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    color: #dd2727;
}
.proPrice i{
    font-style: normal;
}

.productliebiao li p {
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    color: #666666；;
    height: 50px;
    overflow: hidden;
}
.productliebiao li:hover{ margin-top:-10px; margin-bottom:40px;}


.hhh {
    float: left;
    width: 160px;
    height: 45px;
    position: absolute;
    left: 720px;
    top: 9px;
}