charset "utf-8";
.contai1{
    width: 100%;
    background: url(../images/banner2.png) no-repeat left top;
}


.content2,
.footerContent1,
.footerContent2,
.footerContent3,
.footerContent4{
    width: 1440px;
    margin: 0 auto;
}

.content1{
     height: 700px;
     position: relative;
}
.focus{margin-top:96px; position:relative;}


.content1 .banner{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.content1 a{text-align: center;}
.content1 a.btn{
    display: block;
    width: 11%;
    height: 700px;
    position: absolute;
    top: 0;
}
.content1 a.btnLeft{
    left: 0;
    background: url(../images/leftBig.png) no-repeat center;
}
.content1 a.btnRight{
    right: 0;
    background: url(../images/rightBig.png) no-repeat center;
}
.content1 ul.btnGroup{
    position: absolute;
    bottom: 40px;
    left: 50%;
}

.content1 ul.btnGroup li{
    width: 20px;
    height: 20px;
    border: 1px solid #d3262c;
    border-radius: 20px;
    float: left;
    margin-right: 12px;
    cursor: pointer;
}
.content1 ul.btnGroup li.hover{
    background:#d3262c;
}
.footerContai1{
    width: 100%;
    background: #333;
}

.footerContent1 .footLeft1{
    max-width: 50%;
    height: 130px;
    line-height: 130px;
    font-size: 24px;
    color: #fff;
    float: left;
    overflow: hidden;
}
.footerContent1 .footRight1{
    float: right;
    margin-top: 50px;
}
.footerContent1 .footRight1 a {
  display: block;
  height: 45px;
  line-height: 45px;
  color: #fff;
  padding: 0 30px;
  font-size: 20px;
  border: 1px solid #fff;
  float: left;
  margin-left: 20px;
  text-decoration:none;
}
.footerContent1 .footRight1 a.hover{
    background:#d3262c;
    border: 1px solid #d3262c;
}


.contai2{
    width: 100%;
    background: #fff;
}


.contai2 .content2 h1{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 36px;
    font-weight: normal;
    margin-top:60px;
    overflow: hidden;
	color:#333;
}
.contai2 .content2 p.text{
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 20px;
    /* color: #d3262c; */
    overflow: hidden;

}
.cservice .top4 h1{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 36px;
    font-weight: normal;
    margin-top:60px;
    overflow: hidden;
	color:#fff;
}
.cservice .top4 p.text{
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    overflow: hidden;

}
.contai2 .content2 .down2{
    margin-top: 40px;
}

.contai2 .content2 .down2 .phone{
    width: 33.1%;
    float: left;
}
.contai2 .content2 .down2 .phone:hover{
	text-decoration:none;
}
.contai2 .content2 .down2 .phone .img{
    width: 160px;
    height:160px;
    border: 3px solid #d3262c;
    border-radius: 160px;
    margin: 0 auto;
    cursor: pointer;
}

.contai2 .content2 .down2 .phone .img1{
    background: url(../images/phone1.png) no-repeat center;
}

.contai2 .content2 .down2 .phone .img1:hover{
    background:#d3262c url(../images/phoneBac1.png) no-repeat center;
    transition:background 0.5s ease;
    -webkit-transition:background 0.5s ease;
    -moz-transition:background 0.5s ease;
    -ms-transition:background 0.5s ease;
    -o-transition:background 0.5s ease;
}



.contai2 .content2 .down2 .phone .img:hover~h2,
.contai2 .content2 .down2 .phone .img:hover~p{
    color: #d3262c;
}
.contai2 .content2 .down2 .phone .img2{
    background: url(../images/phone2.png) no-repeat center;
}
.contai2 .content2 .down2 .phone .img2:hover{
    background: #d3262c url(../images/phoneBac2.png) no-repeat center;
    transition:background 0.5s ease;
}

.contai2 .content2 .down2 .phone .img3{
    background: url(../images/phone3.png) no-repeat center;
}
.contai2 .content2 .down2 .phone .img3:hover{
    background: #d3262c url(../images/phoneBac3.png) no-repeat center ;
    transition:background 0.5s ease;
}

.contai2 .content2 .down2 .phone  h2{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    overflow: hidden;
    color: #666;
	font-weight:normal;
}

.contai2 .content2 .down2 .phone p{
    height: 112px;
    line-height: 22px;
    font-size: 16px;
    color: #999;
    text-align: center;
    overflow: hidden;
}

.footerContai2{
    background: #f0f1f3;
}


.footerContent2{
    border: 1px solid #f0f1f3;
    background: url(../images/down.png) no-repeat center top;
}
.footerContent2 p.title{
    width: 150px;
    height:48px;
    font-size: 36px;
    color: #333;
    border-bottom: 2px solid #333;
    margin: 70px auto 0;
}
.footerContent2 p.text{
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 20px;
	margin-bottom:30px;
}
.footerContent2 .btnGroup{
    width: 600px;
    margin: 40px auto;
}
.footerContent2 .btnGroup a{
    display: block;
    width: 120px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    float: left;
    font-size:14px;
    color: #fff;
    background: #313131;
    margin: 0 15px;
}
.footerContent2 .btnGroup a:hover{
    background:#d3262c;
}

.contai3 .content3{
    width: 100%;
}

.contai3 .content3 .img{
    width: 24.96%;
    height: auto;
    float: left;
    position: relative;
    overflow: hidden;
    cursor: pointer;
	display:block;
}






.contai3 .content3 .img .shadow{
	width: 100%;
	height: 100%;
	background:#171616;
}

.contai3 .content3 .img  .imgCon{
    text-align: center;
    color: #fff;
	width:100%;
	height:40%;
}
.contai3 .content3 .img .shadow,
.contai3 .content3 .img  .imgCon{
    position: absolute;
    left: 0;
    top: 0;
	bottom:0;
	right:0;
    text-align: center;
    color: #fff;
    opacity: 0;
    filter:alpha(opacity=0);
	margin:auto;
    /*transition:all 0.5s ease-in-out 0.4s;*/
    /*-webkit-transition:all 0.2s ease-in-out 0.4s;*/
    /*-moz-transition:all 0.2s ease-in-out 0.4s;*/
    /*-ms-transition:all 0.2s ease-in-out 0.4s;*/
    /*-o-transition:all 0.2s ease-in-out 0.4s;*/
}

.contai3 .content3 .img  .imgCon p.title{
    font-size: 2em;
    /*margin-top: 60px;*/
    overflow: hidden;
}
.contai3 .content3 .img  .imgCon p.text{
    font-size: 1.5em;
    margin:2% 0 10%;
    overflow: hidden;
}
.contai3 .content3 .img  .imgCon a{
    display: block;
    width: 30%;
    height: 40px;
    line-height:40px;
    font-size:1.3em;
    color: #fff;
    background: #ff9d16;
    margin: 0 auto;
}
.contai3 .content3 .img  .imgCon a:hover{
	text-decoration:none;
}
.contai3 .content3 .img img{
    transition: all 0.5s ease-in-out;
}
.contai3 .content3 .img:hover .shadow,
.contai3 .content3 .img:hover .imgCon{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    filter:alpha(opacity=90);
    opacity: 0.9;
}
.contai3 .content3 .img:hover img{
    transform: scale(1.5);
    opacity: 0.7;
}

.footerContai3{
    background:#f0f1f3;
}

.footerContai3 .footerContent3 .count{
    width: 200px;
    height: 160px;
    float: left;
    margin-left: 293px;
    text-align: center;
}
.footerContai3 .footerContent3 .count:first-child{
    margin-left: 0;
}
.footerContai3 .footerContent3 .count p.title{
    height: 50px;
    line-height: 50px;
    font-size: 40px;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 20px;
    overflow: hidden;
    color: #333;
}
.footerContai3 .footerContent3 .count  p.text{
    height: 22px;
    line-height: 20px;
    overflow: hidden;
    font-size: 14px;
}

.article{ width:1440px; margin:0 auto; zoom:1; overflow:hidden; clear:both; margin-top:80px;}
.article .box{ float:left; width:50%;}
.article .box .tit{ height:70px; line-height:70px; font-size:24px; color:#525252;}
.article .box .tit i{ display:block; width:66px; height:66px; float:left; background-position:50% 50%; background-repeat:no-repeat;}
.article .box .con{ padding-top:36px;}
.article .box .con ul li{ clear:both; overflow:hidden; margin-bottom:36px;}

.article .cy .tit i{ background-image:url(../images/cytit.png);}
.article .cy .con img{ width:115px; height:89px; float:left; margin-right:30px; margin-top:10px; border:1px solid #eee}
.article .cy .con a{ font-size:16px; color:#666; line-height:40px;}
.article .cy .con span{ font-size:12px; color:#999}
.article .cy .con span i{ font-size:9px; color:#999; padding:0 3px; font-style:normal; font-family:Arial, Helvetica, sans-serif}


.article .nj .tit i{ background-image:url(../images/njtit.png);}
.article .nj .con ul{ background:url(../images/njbg.png) no-repeat 0 10px; padding-left:30px;}
.article .nj .con ul li{margin-bottom:44px;}
.article .nj .con a{ font-size:16px; color:#666; line-height:40px;}
.article .nj .con span{ font-size:12px; color:#999}


.footerContent4 .top{
    height: 190px;
    border: 1px solid #fff;
    background: url(../images/kuang.png) no-repeat center 40px;
    text-align: center;
}
.footerContent4 .top h3{
    height:50px;
    line-height: 50px;
    font-size: 36px;
    font-weight: normal;
    color: #333;
    margin-top: 67px;
}





.footerContent4 .top p{
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    overflow: hidden;
}

.footerContent4  .down{
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;

}
.footerContent4  .down .selectList{
    width:19%;
    background:#f0f1f3;
    float: left;
    text-align: center;
    position: relative;
}
.footerContent4  .down .selectList1{
    background:#f0f1f3 url(../images/selectImg1.png) no-repeat center 52px;
}
.footerContent4  .down .selectList2{
    background:#f0f1f3 url(../images/selectImg2.png) no-repeat center 52px;
}
.footerContent4  .down .selectList3{
    background:#f0f1f3 url(../images/selectImg3.png) no-repeat center 52px;
}
.footerContent4  .down .selectList4{
    background:#f0f1f3 url(../images/selectImg4.png) no-repeat center 52px;
}
.footerContent4  .down .selectList5{
    background:#f0f1f3 url(../images/selectImg5.png) no-repeat center 52px;
}


.footerContent4  .down .selectList h3{
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #333;
    margin-top: 160px;
    overflow: hidden;
}
.footerContent4  .down .selectList label{
    display: block;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    overflow: hidden;
    margin-top: 12px;
}
.footerContent4  .down .selectList p.text{
    min-height: 150px;
    line-height: 22px;
    text-align: justify;
    padding: 0 12px 20px 12px;
}


.footerContent4  .down .selectList:hover{
    color: #fff;
    cursor: pointer;
    transition:background 0.5s ease;
}
.footerContent4  .down .selectList:hover h3{
    color: #fff;
}

.footerContent4  .down .selectList:hover p.text{
    display: block;
    opacity:1;
    filter:alpha(opacity=100);
    transition:opacity 0.5s ease;
}

.footerContent4  .down .selectList1:hover{
    background:#d3262c url(../images/selectImg1a.png) no-repeat center 52px;
}

.footerContent4  .down .selectList2:hover{
    background:#d3262c url(../images/selectImg2a.png) no-repeat center 52px;
}

.footerContent4  .down .selectList3:hover{
    background:#d3262c url(../images/selectImg3a.png) no-repeat center 52px;
}




.footerContent4  .down .selectList4:hover{
    background:#d3262c url(../images/selectImg4a.png) no-repeat center 52px;
}




.footerContent4  .down .selectList5:hover{
    background:#d3262c url(../images/selectImg5a.png) no-repeat center 52px;
}
/*index缁撴潫*/












/*case寮?*/
.case-footer1Contai{
    height: 80px;
}


.case-footer1Contai .footer1-content{
    width: 1440px;
    padding: 20px 0;
    margin: 0 auto;
	overflow:hidden;
}
.case-footer1Contai .footer1-content a{
    display: block;
    height: 40px;
    line-height: 40px;
    float: left;
    padding: 0 25px;
    color: #333;
    font-size:18px;
}
.case-footer1Contai .footer1-content a.active{
    color: #fff;
    background: #d3262c;
}

.case-contai2{
    background: #f0f1f3;
    overflow: auto;
}

.case-content2{
    width: 1440px;
    margin: 30px auto 45px;
}


.imgList{display: flex;justify-content: space-between;flex-wrap: wrap;}

.case-content2 .imgList .imgCon{
    width: 23.5%;
    height: 290px;
    background: #fff;
    margin-bottom: 40px;
    transform: translateY(0px);
    box-shadow: 0 5px 20px rgba(7, 92, 228, 0.05), 0 15px 30px -10px rgba(7, 102, 194, 0.1);
    transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
      
}
/* .case-content2 .imgList::after{
    content: '';
    width: 49%;
    height: 290px;
} */

.case-content2 .imgList .imgCon a{ 
    display:block; 
}
.case-content2 .imgList .imgCon img{
	width:100%;
    height: 220px;
	overflow:hidden;
}

.case-content2 .imgList .imgCon h3{
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #333;
    text-align: center;
	font-weight:normal
}


.case-content2 .imgList .imgCon .count{
    height: 40px;
	color:#999;
    background: url(../images/yulan.png) no-repeat 20% center;
}


.case-content2 .imgList .imgCon .count label{
    float: left;
    width: 60px;
    height: 20px;
    line-height: 20px;
    margin-left: 93px;
    margin-top: 10px;
    overflow: hidden;
}


.case-content2 .imgList .imgCon .count span{
    display: block;
    float: left;
    margin-top: 11px;
}
.case-content2 .imgList .imgCon .count span.time{
    display: block;
    width: 100px;
    height: 20px;
    line-height: 20px;
    margin-left: 9px;
    margin-top: 9px;
    overflow: hidden;
}
.case-content2 .imgList .imgCon a:hover{
    cursor: pointer;
	text-decoration:none;
}
.case-content2 .imgList .imgCon:hover{
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1), 0 15px 30px -10px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px);
    transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.case-content2 .imgList .imgCon a:hover h3,.case-content2 .imgList .imgCon a:hover .count{
	color:#d3262c;
}


.pageCon{ clear:both; text-align:right;}

.pageCon a,.pageCon span{
	display:inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #fff;
    margin-left: 9px;
    overflow: hidden;
	font-size:14px;
    color: #999;
}

.pageCon a:hover,.pageCon span.current{
    background: #d3262c;
    color: #fff;
}
.pageCon a.prev,.pageCon a.next{ font-family:'宋体'; font-size:13px; font-weight:bold}
/*case缁撴潫*/


























































/*read寮?*/
.content-contai{
    width: 100%;
	padding-top:96px;
}
.read-contai1{
    width: 100%;
    overflow: auto;
}
.read-content1{
    width: 1440px;
    margin: 20px auto 40px;
}

.read-content1 h1{
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    color: #d3262c;
    font-size: 40px;
    text-align: center;
}
.read-content1 label{
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    color: #666;
    overflow: hidden;
}

.read-content1 p{
    line-height:32px;
    font-size: 14px;
}


.read-content1 .introList{
    margin-top: 25px;
}

.read-content1 .introList .intro{
    width: 360px;
    height: 160px;
    background: #333;
    float: left;
    margin-left: 59px;
}
.read-content1 .introList .intro:first-child{
    margin-left: 0;
}

.read-content1 .introList .intro .title span{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    border-radius: 40px;
    color: #dd474b;
    text-align: center;
    font-size: 26px;
    float: left;
    margin: 20px 0 0 20px;
}
.read-content1 .introList .intro .title label{
    width:285px;
    height:70px;
    line-height: 22px;
    float: right;
    font-size: 18px;
    margin-top: 29px;
    overflow: hidden;
    text-align: left;
    color: #fff;
}
.read-content1 .introList .intro  .text{
    clear: both;
    max-height: 60px;
    text-align: right;
}
.read-content1 .introList .intro  .text p{
    line-height: 20px;
}





.read-contai2{
    background: #f0f1f3;
    overflow: hidden;
}
.read-contai3{
    overflow: hidden;
}

.read-content2,
.read-content3{
    width: 1440px;
    margin: 20px auto;
}
.read-content2 b{
    font-size: 18px;
    font-weight: normal;
}
.read-content2 h3,
.read-content3 h3{
    margin-top: 9px;
    margin-bottom: 20px;
    line-height: 20px;
    color: #d3262c;
}

.read-content2  p,
.read-content3 p{
    line-height: 34px;
}

.read-content2  .imgList,
.read-content3  .imgList{
    margin-top: 40px;
}


.read-content2  .imgList .img,
.read-content3  .imgList .img{
    width: 33.3%;
    height: 714px;
    float: left;
}


.read-content2 a,
.read-content3 a{
    display: block;
    width: 125px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    margin:35px auto;
    overflow: hidden;
    color: #666;
    border: 1px solid #666;
}
.read-content2 a:hover,
.read-content3 a:hover{
    color: #f13b3a;
    border: 1px solid #f13b3a;
}
/*read缁撴潫*/








/*APP寮?*/
.appbanner-contai{
    height: 606px;
    background: url(../images/banner5.jpg) no-repeat center top;
}



.ui-content1{
    width: 1440px;
    margin: 0 auto;
}

.ui-content1 h1{
	padding:75px 0 20px;
    text-align: center;
    color: #d3262c;
    font-size: 36px;
    width: 800px;
    margin: auto;
}
.ui-content1 p{
	width:50%;
	margin:0 auto;
    line-height: 30px;
    text-align: center;
    color: #333;
    font-size: 20px;
}
.ui-content1 ul{width:25%; float:left;overflow:hidden; margin-top:94px;padding:0 2% 130px; border-bottom:1px solid #ddd;}
.ui-content1 h2{ text-align:center; font-size:20px; width:100%; margin:30px auto 0;color:#333;  height:35px; padding-top:175px;}
.ui-content1 h2.uiicon01{background:url(../images/ui01.svg) top center no-repeat;}
.ui-content1 h2.uiicon02{background:url(../images/ui02.svg) top center no-repeat;}
.ui-content1 h2.uiicon03{background:url(../images/ui03.svg) top center no-repeat;}
.ui-content1 h2.uiicon04{background:url(../images/ui04.svg) top center no-repeat;}
.ui-content1 ul li{ margin:60px auto 20px; color:#666; font-size:16px; line-height:30px;}

.ui-content1 h7{ text-align:center; font-size:12px; width:100%; margin:0px auto 0;color:#333; clear:both; display:block; padding-top:130px;}
.ui-content1 h8{ text-align:center; font-size:36px; width:100%; margin:10px auto 130px;color:#333;clear:both; display:block;}
.ui-content1 h8 span{color:#d3262c;}
.ui-content1 #p1 div{float:left; overflow:hidden;margin-right: 172px;}
.ui-content1 #p0{width: 1440px;}
.ui-content1 #p1{width: 1440px;}
.ui-content1 div img{width: 100%;height: auto;}
.ui-content1 #p1 div:nth-child(5){margin-right:0;}
.ui-content1 div p{ padding-top:20px;}
.app-content1{
    width: 1440px;
    margin: 0 auto 40px;
	color:#333;
}

.app-content1 h1{
    line-height: 70px;
    text-align: center;
    color: #d3262c;
    font-size: 36px;
	padding:60px 0 20px;
}

.app-content1 p{
    text-align: center;
    font-size: 20px;
    line-height: 29px;
}
.app-content1 .imgList{
    margin-top: 60px;
    padding: 0 60px;
}

.app-content1 .imgList .img{
    width: 145px;
    height: 145px;
    border: 1px solid #666;
    border-radius: 145px;
    float: left;
    margin-left: 83px;
}
.app-content1 .imgList .img:first-child{
    margin-left: 0;
}
.app-content1 .imgList .img span{
    display: block;
    width: 95px;
    height: 22px;
    line-height: 22px;
    margin:100px auto;
    text-align: center;
    overflow: hidden;
}

.app-contai2{
    height:600px;
    background:url(../images/bacBig1.png) no-repeat center top;
}


.app-content2{
    width: 1440px;
    height: 530px;
    +height: 490px;
    border: 1px solid transparent;
    margin: 80px auto 40px;
    color: #fff;
}
.app-content2 .left{
    width: 50%;
}
.app-content2 .left h1{
    height: 85px;
    line-height: 85px;
    overflow: hidden;
    font-size: 54px;
    margin-top: 70px;
}
.app-content2 .left label,
.app-contai3 .app-content3 .right label{
    display: block;
    line-height: 35px;
    font-size: 24px;
    overflow: hidden;
}


.app-contai3 .app-content3 .right label{
    max-height: 70px;
    color: #d3262c;
}
.app-content2 .left p,
.app-contai3 .app-content3 .right p{
    line-height: 22px;
    overflow: hidden;
}

.app-contai3 .app-content3 .right p{
    height: 66px;
}
.app-content2 .left  h2{
    line-height: 32px;
    max-height: 64px;
    font-size: 30px;
    overflow: hidden;
    font-weight: normal;
}

.app-contai3{
    background: url(../images/bacBig2.png) no-repeat center top;
}
.app-contai3 .app-content3{
    width: 1440px;
    height:534px;
    margin: 0 auto;
}


.app-contai3 .app-content3 .right{
    width: 45%;
    float: right;
    margin-top: 125px;
}

.app-contai3 .app-content3 .right h1{
    height: 85px;
    line-height: 85px;
    overflow: hidden;
    font-size: 54px;
    color: #333;
}

.app-contai3 .app-content3 .right label{

}



.app-contai4{
    background: #f0f1f3;
}
.app-content4{
    width: 1440px;
    height: 485px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #f0f1f3;
    background: url(../images/bacApp.png) no-repeat -3px 75%;
	color:#666
 }
.app-content4 h1{
    height: 40px;
    line-height: 40px;
    max-height: 120px;
    margin-top: 85px;
    overflow: hidden;
	font-size:36px;
	font-weight:normal;
	color:#333;
}
.app-content4 label{
    display: block;
    max-height: 40px;
    line-height: 20px;
    overflow: hidden;
	padding-top:20px;
}
/*APP缁撴潫*/







/*newsDetail寮?*/
.newDetail-content{
    width: 1440px;
    margin: 0 auto 150px;
}
.newDetail-content .title{
	margin:60px auto;
	padding:40px 200px;
	line-height:48px;
    text-align: center;
    font-size: 36px;
    color: #333;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.newDetail-content .time,
.news-contain2 .news-content .newsList .news .text .time{
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background: url(../images/time.png) no-repeat left center;
}

.newDetail-content .time  span,
.news-contain2 .news-content .newsList .news .text .time span{
    margin-left: 25px;
}

.newDetail-content .text{
    margin-top: 40px;
    padding-bottom: 60px;
    border-bottom: 1px solid #e5e5e5;

}

.newDetail-content .text p{
    line-height: 27px;
    font-size: 14px;
    color: #333;

}

.newDetail-content .time,.changNews{
    margin-top: 25px;
}

.newDetail-content .time a,.changNews a{
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #333;
}
.newDetail-content .time a.back,.changNews a.back{float:left; width: 55px;text-align: right;background: url(../images/shuangLeft.png) no-repeat left center;}

.newDetail-content .time a.pageLeft,.newDetail-content .time a.pageRight,
.changNews a.pageLeft,
.changNews a.pageRight{
    width: 45px;
    border: 1px solid #e5e5e5;
    float: right;
}


.newDetail-content .time a.pageLeft,.changNews a.pageLeft{
    background: url(../images/pageLeft.png) no-repeat center;
    margin-right: 15px;
}
.newDetail-content .time a.pageLeft:hover,.changNews a.pageLeft:hover{
    border: 1px solid #da252a;
    background: url(../images/pageLeft1.png) no-repeat center;

}
.newDetail-content .time a.pageRight,.changNews a.pageRight{
    background: url(../images/pageRight.png) no-repeat center;
}
.newDetail-content .time a.pageRight:hover,.changNews a.pageRight:hover{
    border: 1px solid #da252a;
    background: url(../images/pageRight1.png) no-repeat center;
}

/*newsDetail缁撴潫*/







/*newS寮?*/
.news-contain1{
    width: 100%;
    height: 605px;
    background: url(../images/banner4.png) no-repeat center top;
}

.news-contain2 .news-content{
    width: 1440px;
    margin: 40px auto;
}


.news-contain2 .news-content .newsList .news{
    border-bottom: 1px solid #ececec;
    padding-bottom: 40px;
    margin-bottom: 50px;
}
.news-contain2 .news-content .newsList .news .img{
    width: 400px;
    height: 290px;
    float: left;
    overflow: hidden;
}


.news-contain2 .news-content .newsList .news .text{
    width: 60%;
    float: right;
}

.news-contain2 .news-content .newsList .news .text h2{
    color: #333;
    font-weight: normal;
    font-size: 24px;
}

.news-contain2 .news-content .newsList .news .text p{
    line-height: 22px;
    font-size: 14px;
    color: #666;
    margin: 24px 0;
}

.news-contain2 .news-content .newsList .news .text a{
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    padding: 0 25px;
    border: 1px solid #333;
    border-radius: 20px;
}
.news-contain2 .news-content .newsList .news .text a:hover{
    background: #d8262c;
    border: 1px solid #d8262c;
    color: #fff;
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
}

.newsPageCon ul li.bac{
    width: 50px;
}
.newsPageCon ul li.bac a{

    background: #333;
}
.newsPageCon ul li a{
    background: #666;
    color: #fff;
}
.newsPageCon ul li a:hover{
    background: #d3262c;
}
/*newS缁撴潫*/




/*website寮?*/
.website-contain1{
    width: 100%;
    height: 605px;
    background: url(../images/banner7.jpg) no-repeat center top;
}
.website-content{
    width: 1440px;
    margin: 0 auto 150px;
}
.website-content .title{
    text-align: center;
    margin-top: 60px;
}
.website-content h1{
    color: #d3262c;
    font-size: 38px;
    margin-bottom: 25px;
}

.website-content label{
    font-size: 20px;
}

.website-content .webList{
    width: 100%;
    float: left;
    margin-top: 100px;
    background: url(../images/line.png) no-repeat  center;
}

.website-content .webList .web{
    width: 41%;
    height: 260px;
}

.website-content .webList .left{
    float: left;
    text-align: right;
}
.website-content .webList .right{
    float: right;
    text-align: left;
}


.website-content .webList .web .imgCon span{
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #333;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-top: 60px;
}
.website-content .webList .web .imgCon .img{
    width: 105px;
    height: 106px;
}
.website-content .webList .left .imgCon span,
.website-content .webList .left .imgCon .img{
     float: right;
     margin-left: 40px;
}
.website-content .webList .web p{
    max-height: 98px;
    line-height: 16px;
    margin-top: 15px;
    overflow: hidden;
}

.website-content .webList .right .imgCon span,
.website-content .webList .right .imgCon .img{
    float: left;
    margin-right: 40px;
}

.website-content .down{
    width: 100%;
    float: left;
    height: 350px;
    text-align: center;
    background: url(../images/webBacList.jpg) no-repeat center 90%;
}

.website-content .down label{
    width: 100%;
    height: 60px;
	line-height:60px;
    color: #d3262c;
    font-size: 30px;
    overflow: hidden;
}


.website-content .down h1{
    height: 85px;
    font-size: 42px;
    font-weight: normal;
    color: #333;
    overflow: hidden;
}

.website-content .down h1 span{

    font-weight: bold;
}

/*website缁撴潫*/











/*caseDetail2寮?*/
.caseD2-content{
    width: 1440px;
    margin: 0 auto;
}

.caseD2-content h2{
    height: 100px;
    line-height: 100px;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    color: #333;
    font-size: 24px;
    font-weight: normal;
    overflow: hidden;
}

.caseD2-content p{
    line-height: 32px;
    padding: 12px;
    margin-top: 45px;
    background: #f0f1f3;
}


.caseD2-content .findCon{
    margin-top: 20px;
}

.caseD2-content .findCon .find{
    width: 70%;
    float: left;
}

.caseD2-content .findCon .find label{
    width: 100%;
    line-height: 22px;
    float: left;
    text-indent: 2em;
}

.caseD2-content .findCon a{
    display: block;
    height: 40px;
    line-height: 40px;
    float: right;
    font-size: 14px;
    color: #666;
    padding: 0 28px;
    border: 1px solid #707070;
    border-radius: 20px;
}

.caseD2-content  .bigImg{
    margin-top: 60px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

/*caseDetail2缁撴潫*/








/*caseDetail1寮?*/
.caseD2-content .findCon .find  .imgCon{
    width: 120px;
    float: left;
    margin-top: 40px;
    margin-right: 25px;
}

.caseD2-content .findCon .find  .imgCon .img{
    height: 105px;
    background: url(../images/erweimaBac.png) no-repeat center;
}
.caseD2-content .findCon .find  .imgCon label{
    width: 100%;
    line-height: 22px;
    float: left;
    text-indent: 2.5em;
    margin-top: 6px;
}

.caseD2-content .findCon .part{
    width: 150px;
    float: right;
}



.caseD2-content .findCon .part .img{
    height: 106px;
    background: url(../images/part.png) no-repeat center;
}
.caseD2-content .findCon .part span{
    display: block;
    text-align: center;
}
/*caseDetail1缁撴潫*/











/*aboutUs寮?*/
/*.aboutUs-contain1{
    width: 100%;
    height: 605px;
    background: url(../images/banner_aboutus.jpg) no-repeat center top;
}
*/
.aboutUs-content{
    width: 1440px;
    margin: 0 auto;
}

.aboutUs-content .title{
    text-align: center;
    margin-top: 25px;
}
.aboutUs-content .title h1{
    height: 65px;
    line-height: 65px;
    font-size: 34px;
    font-weight: normal;
    color: #333;
    overflow: hidden;
    background: url(../images/red.png) no-repeat center 60px;
}


.aboutUs-content .title label{
    line-height: 29px;
    font-size: 14px;
    color: #333;
}

.aboutUs-content p{

    font-size: 16px;
    line-height: 36px;
    margin-top: 40px;
    text-align: justify;
}

.aboutUs-content  .imgList{
    margin: 40px 0;
}


.aboutUs-content  .imgList .img{
    width: 360px;
    height: 163px;
    float: left;
    margin-left: 60px;
}


.aboutUs-content  .imgList .img:first-child{
    margin-left: 0;
}


.aboutUs-content .intoTitle{
    margin-top:40px;
    margin-bottom: 60px;
}
.aboutUs-content .intoTitle h1{
    height: 92px;
    line-height: 92px;
    font-size: 34px;
    font-weight: normal;
    color: #333;
    background: url(../images/red2.png) no-repeat left 0;
    border-bottom:2px solid #f3f4f6;
    /*overflow: hidden;*/
}
.aboutUs-content .intoTitle h1 label{
    border-bottom: 2px solid #da252a;
    padding-bottom: 24px;
	display:inline;
	font-size:36px;
}
.aboutUs-content .intoTitle h1 span{
    font-size: 14px;
    color: #999;
}


.aboutUs-contai3{
    background:#f0f1f3 url(../images/team.png) no-repeat center bottom;
}
.aboutUs-content .introText{
    margin-bottom: 55px;
  }
.aboutUs-content .introText .left,
.aboutUs-content .introText .right{
    width: 48%;
    height: 250px;
    padding: 40px;
    color: #fff;
    overflow: hidden;
}
.aboutUs-content .introText .left{
    float: left;
    background:#da252a;
}
.aboutUs-content .introText .right{
    float: right;
    background: #333;
}
.aboutUs-content .introText .left h3,
.aboutUs-content .introText .right h3{
    font-size: 20px;
    font-weight: normal;
}

.aboutUs-content .introText .left p,
.aboutUs-content .introText .right p{
    margin-top: 20px;
}
.aboutUs-content .introText .right p{
    line-height: 22px;
}



.aboutUs-content .personnelIntro{
    margin-top: 50px;
    position: relative;
}

.aboutUs-content .personnelIntro .left,
.aboutUs-content .personnelIntro .right{
    width:40%;
    background:#f0f1f3;
    padding: 40px;
    border-radius:5px;
}


.aboutUs-content .personnelIntro .left{
    position: absolute;
    left: 0;
}
.aboutUs-content .personnelIntro .right{
    position: absolute;
    right: 0;
}
.aboutUs-content .personnelIntro .left h4,
.aboutUs-content .personnelIntro .right h4{
    color: #da252a;
    font-size: 14px;
}
.aboutUs-content .personnelIntro .selectBtns{
    width: 150px;
    margin: 0 auto;
}

.aboutUs-content .personnelIntro .selectBtns a{
    display: block;
    width: 150px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    font-size: 18px;
    color: #333;
    border: 7px solid #f0f1f3;
    border-radius: 160px;
    margin-bottom: 106px;
}

.aboutUs-content .personnelIntro .selectBtns a.active{
    background: #da252a;
    color: #fff;
}


.personnelIntro  .sanjiao{
    width: 0;
    height: 0;
    border: 20px solid #f0f1f3;
    position: absolute;
    top: 55px;
}
.personnelIntro .left .sanjiao{
    left: 100%;
    border-color: transparent transparent transparent #f0f1f3;
}

.personnelIntro .right .sanjiao{
    right: 100%;
    border-color: transparent #f0f1f3 transparent transparent;
}
/*aboutUs缁撴潫*/
















/*caseDetail3寮?*/
.bannerCase {
    position: relative;
}
.bannerCase .bannerContent{
    width: 1440px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
}

.contentCase-contai2 { padding-top:96px;}
.contentCase-contai2  .bannerCase  .title{
    margin: 12% 0 0;
}

.contentCase-contai2  .bannerCase  .title h1{
    font-size: 60px;
    font-weight: normal;
    color: #fff;
}
.contentCase-contai2  .bannerCase  .title p{
    font-size: 30px;
    color: #fff;
	margin-top:20px;
}


.caseContent{
    width: 1440px;
    margin: 0 auto;
    position: relative;
    top: -150px;
    background: #fff;
}


.caseContent .textCon{
    padding: 25px 20px;
    color: #333;
}
.caseContent .textCon .left{
    width: 45%;
    float: left;
}
.caseContent .textCon  .right{
    width: 45%;
    float: right;
}
.caseContent .textCon h3{
    height: 36px;
    line-height: 36px;
    font-size: 22px;
    overflow: hidden;
    margin-bottom: 20px;
}
.caseContent .textCon p,
.caseContent .textFoot p{
    font-size: 16px;
    line-height: 29px;
}
.caseContent .textCon h4{
    height: 36px;
    line-height: 36px;
    text-align: right;
    font-size: 16px;
}
.caseContent .textCon .right img{
    float: right;
    margin-top: 33px;
}


.caseContent .imgList .imgCon .img,
.caseContent .imgList .imgCon .introCon{
	width:50%;
    height: 579px;
    float: left;
    overflow: hidden;
    position: relative;
}
.caseContent .imgList .imgCon .introCon .intro{
    width: 79%;
    position: absolute;
    left: 10%;
    top: 50%;
    color: #333;
}


.caseContent .imgList .imgCon .introCon .intro h3{
    line-height: 36px;
    font-size: 22px;
}


.caseContent .imgList .imgCon .introCon .intro p{
    font-size: 16px;
    line-height: 29px;
    margin-top: 20px;
}


.caseContent .imgList .imgCon img{
    display: block;
}

.caseContent .textFoot{
    width:79%;
    margin: 120px auto 42px;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    padding: 0 70px 150px;
}


.caseContent .bannerFoot h3{
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 30px;
    font-weight: normal;
    color: #333;
}


.caseContent .bannerFoot .imgListCon{
    height: 310px;
    margin-top: 50px;
    overflow: hidden;
    position: relative;
    background: #ddd;
}


.caseContent .bannerFoot .imgListCon .imgList{
    width: 1000%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.caseContent .bannerFoot .imgListCon .imgList img{
    display: block;
    float: left;
}


.caseContent .bannerFoot .imgListCon a.btn{
    display: block;
    width: 6%;
    height: 100%;
    position: absolute;
    top: 0;
}


.caseContent .bannerFoot .imgListCon a.left{
    left: 0;
    background: url(../images/footLeft.png) no-repeat center;
}
.caseContent .bannerFoot .imgListCon a.right{
    right: 0;
    background: url(../images/footRight.png) no-repeat center;

}
.caseContent .imgList{ clear:both; overflow:hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
.caseContent .imgList .imgCon{ float:left; width:100%}
.caseContent .imgList .imgCon .introCon .intro{ top:40%}
.caseContent .imgList .imgbanner .img{ width:100%}
.caseContent .imgList .imgbanner .introCon{ width:100%; text-align:center; height:auto}
.caseContent .imgList .imgbanner .introCon .intro{ height:auto; position:relative; padding-top:20px;}









/*caseDetail3缁撴潫*/


/*研究学院*/
.school_box{ width:100%; overflow:hidden; background-color:#f0f1f3}
.school_list{ width:1440px; margin:15px auto 45px; background-color:#fff; padding:30px;}
.school_list ul{ padding-top:82px; background:url(../images/school_list_head.png) no-repeat 50px 16px;}
.school_list ul li{ background:url(../images/school_list_dot.png) no-repeat 71px 0; padding:10px 30px; height:84px; overflow:hidden; font-size:14px;}
.school_list ul li label{ display:block; float:left; width:30px; height:84px; margin-right:60px; font-weight:bold; color:#d3262c; }
.school_list ul li h3{ width:1230px; float:left; height:40px; line-height:40px; font-weight:normal}
.school_list ul li h3 a{font-size:18px; color:#666;}
.school_list ul li h3 span{float:right; font-size:12px; color:#999;}

.school_list ul li p{ width:990px; float:left; color:#999;}

/*创意工厂*/
.idea_content{ color:#333; font-size:14px;}
.idea_content .imgbox{ text-align:center;}
.idea_content .imgbox img{ display:block; margin:0 auto; max-width:80%;}
.idea_content .imgbox a{ border:1px solid #d3262c; display:block; height:30px; width:120px; text-align:center; color:#d3262c; line-height:30px; margin:20px auto; border-radius:3px;}
.idea_content h3{ font-size:14px; line-height:40px; margin:20px auto 0;}



/*侧边*/
.side{ height:100%; position:fixed; right:0px; top:110px;z-index:999;background-color: rgba(46,48,69,1);box-shadow: -3px 0 3px rgba(0,0,0,.1);}
.side ul li{ 
    background: url(../images/side_icons.png) no-repeat;
    width: 55px;
    cursor: pointer;
    position: relative;
    text-align: center;
    padding-top: 40px;
    line-height: 40px;
}

.side ul li:hover{ background-color: rgba(88,90,120,1);}
.side ul li.selectedbg{ background-color:rgba(211,38,44,0.9);}
.side ul li.online{ background-position:50% 0; height:80px; padding-top:0;}
.side ul li.tel{ background-position:50% -80px;}
.side ul li.submit{ background-position:50% -160px;}
.side ul li.job{ background-position:50% -240px;
animation:job 1s linear 0s infinite alternate;
}
@keyframes job
{
from {background-color:rgba(211,38,44,0);}
to {background-color:rgba(211,38,44,1);}
}
.side ul li.message{ background-position:50% -320px;}
.side ul li.erweima{ background-position:50% -400px; color:#fff;}
.side ul li.totop{height:80px; padding-top:0; border-bottom:0;background-position:50% -485px;
animation:totop .2s linear .5s infinite alternate;
}
@keyframes totop
{
from {background-position:50% -485px;opacity: 1;}
to {background-position:50% -495px;opacity: 0;}
}


.side ul li.totop a{ display:block; width:100%; height:100%;}

.side ul li.tel div{ background-color:rgba(46,48,69,1); font-size: 18px; position:absolute; left:-230px; bottom:0; width:230px; line-height:30px; text-align: center; padding:10px; border-radius:3px; display:none;}
.side ul li.online a,.side ul li.totop a{ display:block; width:100%; height:40px; padding-top:35px; color:#fff;}
.side ul li.erweima div{ background-color:rgba(46,48,69,1); position:absolute; left:-200px; bottom:0; width:150px; height:180px; padding:0 25px 25px; border-radius:3px; display:none;}
.side ul li.erweima:hover div,.side ul li.tel:hover div{ display:block;
animation:myfirst .1s ease 0s 1;
/* 
animation: name(名字) 
duration(关键帧播放时间) 
timing-function(缓动) linear;ease;ease-in;ease-out;ease-in-out;cubic-bezier(n,n,n,n);
delay(延时播放) 
iteration-count(重复次数) n;infinite(无限次数)
direction;(是否倒放) normal;alternate(来回倒放)
*/
}
@keyframes myfirst
{
from {left:0; opacity: 0;}
to {left:-225px;opacity: 1;}
}
.side ul li.erweima img{ width:150px;}
#myModal{top:130px; z-index:9999; border-radius:3px; width:760px; margin-left:-380px; display:none;}
#myModal h4{ font-weight:normal; font-size:16px; text-align:center; color:#666}
#myModal .modal-footer{ text-align:center;}
#myModal .do{ width:220px; font-size: 18px; font-family: "微软雅黑"; height:48px; background-color:#d8262c; color:#fff; text-align:center; line-height:48px; border-radius:48px; border:none; outline:none;}
#myModal .modal-body{ text-align:center; max-height:500px;}

#myModal1{top:180px; z-index:9999; border-radius:3px; width:760px; margin-left:-380px; display:none;}
#myModal1 h4{ font-weight:normal; font-size:16px; text-align:center; color:#666}
#myModal1 .modal-footer{ text-align:center;}
#myModal1 .do{ width:220px;font-size: 18px; font-family: "微软雅黑"; height:48px; background-color:#d8262c; color:#fff; text-align:center; line-height:48px; border-radius:48px; border:none; outline:none;}
#myModal1 .modal-body{ text-align:center; max-height:500px;}


#myModa2{top:130px; z-index:9999; border-radius:3px; width:760px; margin-left:-380px; display:none;}
#myModa2 h4{ font-weight:normal; font-size:16px; text-align:center; color:#666}
#myModa2 .modal-footer{ text-align:center;}
#myModa2 .do{ width:220px;font-size: 18px; font-family: "微软雅黑"; height:48px; background-color:#d8262c; color:#fff; text-align:center; line-height:48px; border-radius:48px; border:none; outline:none;}
#myModa2 .modal-body{ text-align:center; max-height:500px;}

#myModal2{top:130px; z-index:9999; border-radius:3px; width:760px; margin-left:-380px; display:none;}
#myModal2 h4{ font-weight:normal; font-size:20px; text-align:center; color:#d8262c;}
#myModal2 p{font-size:16px; text-align:center; color:#999; margin-top: 10px;}

#myModal2 .modal-footer{ text-align:center;}
#myModal2 .do{ width:220px;font-size: 18px; font-family: "微软雅黑","Lantinghei SC"; height:48px; background-color:#d8262c; color:#fff; text-align:center; line-height:48px; border-radius:48px; border:none; outline:none;}
#myModal2 .modal-body{ text-align:center; max-height:350px;}


.form_control{ color: #666; display: inline-block; margin:5px; position: relative; width: 48% }
.form_control label{ position: absolute; top: 14px; left: 15px;}
.form_control input{ height: 48px; border: 1px solid #dadada; border-radius:0; margin-bottom:0;}
.form_control span.require{ position: absolute; right: 15px; top: 15px; font-size: 18px; color:#f00;}
.form_control input,.form_control_full textarea{ width: 100%; padding-left: 90px; box-sizing: border-box; padding-right:24px;}
.form_control_full{ width:98%;}
.form_control_full textarea { height: 104px; padding-top: 9px; padding-right:18px; border: 1px solid #DADADA; line-height: 30px; border-radius:0;}

.job_form{width:80%;padding:10px 10%;}

.form_job{width:100%; height: 36px; position: relative; clear: both; margin-top: 10px;}
.form_job label{ color: #666; font-size: 14px; float: left;width: 15%; text-align: left;}
.form_job span.require{font-size: 18px; color:#f00;}
.form_job input{float: left; width: 85%; height: 36px;line-height: 36px;padding-left: 10px; box-sizing: border-box; padding-right:10px;}
.form_job .radio{ width:16px; height: 16px; }
.form_job select.jobtype{ width: 140px; float: left; }
.form_job label.radiotext{width: 60px; padding-left: 10px;}
.form_job img{float: left; }
.form_job .hrcode{ margin-top:30px;}
.form_job input[type="radio"], input[type="checkbox"]{ margin-top: 0 }
.form_job input.err{ border-color: #f00 }
.form_job input[type="text"].err:focus{ border-color: #f00;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(236,0,0,0.6)}


.down_list {    text-align: left;}
.down_list .placeholder {
    height: 48px;
    padding-left: 15px;
    line-height: 48px;
    cursor: pointer;
}
.down_list .placeholder, .down_list ul {
    width: 100%;
    border: 1px solid #DADADA;
    box-sizing: border-box;
	border-radius:0;
	box-shadow:none;
	margin:0;
	font-size:14px;
}
.down_list ul {
    height: 161px;
    position: absolute;
    z-index: 99;
    overflow-y: scroll;
    background-color: #fff;
    border-top:0;
    display: none;
	padding:0;
}

.down_list ul li {
    height: 40px;
    background-color: #fff;
    line-height: 40px;
    padding-left: 15px;
    cursor: pointer;
}
.casetype_down_list ul li, .city_down_list ul li {
    width: 33.3333333%;
    float: left;
    padding-left: 0;
    text-align: center;
}
.down_list ul li:hover {
    color: #fff;
    background-color: #d8262c;
}


/*新闻详情*/
.detail_article{ width:1440px; margin:0 auto; padding-top:112px;}
.detail_article .pos{ clear:both; overflow:hidden; padding:35px 0;}
.detail_article .pos a{ color:#999}
.detail_article .main{ clear:both; overflow:hidden;}
.main .article{ width:990px; padding:0 50px; border:1px solid #e5e5e5; float:left; overflow:hidden; margin-top:0;}
.main .article .changNews{ margin:20px 0;}
.main .article h1.title{ font-size:30px; color:#000; font-weight:normal; line-height:46px; padding:40px 0; text-align:center;}
.main .article .info{ width:250px; margin:0 auto; border:1px solid #ddd; height:56px; line-height:56px; border-width:1px 0; text-align:center}
.main .article .info .update{background:url(../images/time.png) no-repeat left center; padding:10px 22px;}
.main .article .info .view{background:url(../images/yulan.png) no-repeat left center; padding:10px 22px;}

.main .article .con{ font-size:16px; color:#333; line-height:36px;}
.main .article .con h2{ font-size:18px; color:#333; line-height:36px;}
.main .article .con p{ text-indent:2em; margin:10px 0; text-align:left;}
.main .article .con img{ text-indent:2em; margin:10px 0; max-width:560px; *width:560px; display:block; margin:0 auto;}

.main .rightlist{ width:340px; float:right; overflow:hidden;}
.main .rightlist .tit{ font-size:24px; color:#000;}
.main .rightlist .con ul li{ margin:30px 0; line-height:28px;}
.main .rightlist .con ul li a{ font-size:16px; color:#333;}
.main .rightlist .con ul li span{ font-size:12px; color:#999;}


.scope-hot{
    margin-top:70px;
}
.scope-hot p{
    font-size:30px;
    color:#000000;
    margin-bottom:15px;
}
.scope-hot span{
    color:#666666;
    font-size:14px;
}
.sys-top{
    margin-top:60px;
}
.system-on{
    text-align:center;
}
.system-on i{
    display: block;
    margin:0 auto;
    width:160px;
    height:160px;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    border:3px solid #d8262c;
    border-radius: 200px;
}
.system-on i.pot1{
    background-image: url(../images/xt1.svg)
}
.system-on i.pot2{
    background-image: url(../images/xt2.svg)
}
.system-on i.pot3{
    background-image: url(../images/xt3.svg)
}
.system-on i.pot4{
    background-image: url(../images/xt4.svg)
}
.system-on i.pot5{
    background-image: url(../images/xt5.svg)
}
.system-on i.pot6{
    background-image: url(../images/xt6.svg)
}
.system-on i.pot7{
    background-image: url(../images/xt7.svg)
}
.system-on i.pot8{
    background-image: url(../images/xt8.svg)
}
.system-on i.pot9{
    background-image: url(../images/xt9.svg)
}
.system-on i.pot10{
    background-image: url(../images/xt10.svg)
}
.system-on i.pot11{
    background-image: url(../images/xt11.svg)
}
.system-on i.pot12{
    background-image: url(../images/xt12.svg)
}
.system-on i.pot13{
    background-image: url(../images/xt13.svg)
}
.system-on i.pot14{
    background-image: url(../images/xt14.svg)
}
.system-on p{
    font-size:18px;
    color:#666;
    margin-top:25px;
}