﻿

.topadcs{width:100%; margin-bottom:0px;overflow:hidden; text-align:center;}
.topadcs a{display:block;margin:0 auto;height:400px;}
.cpMain{ background:#EBEBEB; overflow:hidden;}
.cpMain .container{ margin-top:20px;padding-bottom:20px;}
.cpMain .pleft{ overflow:hidden; float:left; width:280px; }
.cpMain .pleft h3{width: 100%;
    height: 60px;
    background: url(../images/pro_h.jpg) no-repeat center;
    font-weight: normal;
    font-size: 24px;
    line-height: 60px;
    text-align: center;}
.cpMain .pleft h3 a{ color:#fff;}
.cpMain .pleft h3 span{ display:none; }
.cpMain .pleft ul{ overflow:hidden; width:280px; /*border:2px solid #e3e0e0; border-radius:0 0 10px 10px;*/ margin-bottom:15px; border-top:none; padding-top:10px; border-bottom:1px solid #e3e0e0;background: #fff;}
.cpMain .pleft li{     overflow: hidden;
  white-space: nowrap; 

    text-overflow: ellipsis; 

    width: 260px;
    margin: 0 auto;
    margin-bottom: 10px;}
.cpMain .pleft li>a{overflow: hidden;
    text-indent: 15px;
    width: 100%;
    height: 45px;
    display: block;
    font-size: 16px;

    background-color: #e8e8e8;
    line-height: 45px;}
.cpMain .pleft li:hover>a,.cpMain .pleft li>a.cur{ background-color:#f7f7f7;text-transform: none;}
.cpMain .pleft li>a.cur{color:#018ed6;}
.cpMain .pleft .pnav { overflow: hidden;
    width: 240px;
    padding-left: 10px;}
.cpMain .pleft .pnav a{ display: block;
    padding-left: 10px;
    background: url(../images/pro_list.png) no-repeat left center;
    font-size: 13px;
    color: #333;
    line-height: 36px;}
.cpMain .pleft li.cur>a,.cpMain .pleft li>a:hover{ color:#fff;background-color:#018ed6;}
.cpMain .pleft .pnav a:hover,.cpMain .pleft .pnav a.cur{ color:#018ed6}
.cpMain .phone { overflow:hidden; width:280px; padding:10px 0; background-color:#018ed6;}
.cpMain .phone p{ font-size:14px; color:#fff;}
.cpMain .phone b{ display:block; font-size:16px; color:#fff;}

.cpMain .lianxi_a{background:url(../images/pro_phone_1.png) no-repeat 20px center; display:block;width: 170px;
    padding-left: 70px; margin-bottom: 10px;  height: 50px;}
.cpMain .lianxi_b{background:url(../images/pro_phone_2.png) no-repeat 20px center; display:block;width: 170px;
    padding-left: 70px;    height: 50px;}
    .pro_c_s{ margin-top:20px;}

.rightbox {
    overflow: hidden;
    width: 885px;
    position: relative;
    /* margin-top: 25px; */
}
.cpright{  float:right;}
#ny_prBox{background-color: #fff; margin-bottom:30px; min-height:500px; margin-top: 55px;}
#rtop{padding-top: 18px; padding-bottom: 15px;margin: 12px 20px 0 20px;}
.rtop{ overflow:hidden;    background: #fff;
    padding: 10px;padding-bottom:9px; border-bottom:1px solid #dbdbdb;}
.rtop h5{ float:left; padding-left:10px; border-left:3px solid #018ed6; font-weight:normal; line-height:16px; }
.rtop h5 a{ font-size:16px; color:#018ed6;}
.rtop span{ float:right;}
.rtop span em{ color:#999;}
.rtop span a{ color:#999;}

.pro_c_s .list{ overflow:hidden; width:275px; margin-right:42px; height:300px; background-color:#fff; float:left; margin-bottom:42px;
    position: relative;
    overflow: hidden;
                }
.pro_c_s .list img{    display: block;
    transition: all 1s ease-out;
    transform: scale(1);}
.pro_c_s .list .til{ display:block; width:100%; height:56px; margin-top: 245px; text-align:center; font-size:13px; color:#333; text-decoration:none; padding-top:10px;}

.pro_c_s .list a{
    width: 278px;
    height: 227px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.pro_c_s .list:hover{box-shadow: 0px 0px 2px 3px #efefef;}
.pro_c_s .list:hover a{display: block;}
.pro_c_s .list:hover img{transform: scale(1.2);}


.pro_c_s_i{ margin-top:20px;}
.pro_c_s_i .list{ overflow:hidden; width:380px; margin-right:15px; height:340px; background-color:#fff; float:left; margin-bottom:15px;}
.pro_c_s_i .list .img{ display:block; width:380px; height:285px; overflow:hidden;    }
.pro_c_s_i .list a img{ display:block; width:380px; height:285px;  position: relative;transition:all .5s;opacity:0.95;}
.pro_c_s_i .list a img:hover{ opacity:0.7; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); opacity:1;}


.pro_c_s_i .list .til{ display:block; width:100%; height:56px; text-align:center; font-size:13px; color:#333; text-decoration:none; padding-top:10px;}


.pro_c_s .list .img{ display:block; width:380px; height:225px; overflow:hidden;    padding-bottom: 20px;}
.pro_c_s .list a img{ display:block; width:380px;  height:225px;  position: relative;transition:all .5s;opacity:0.95;}
.pro_c_s .list a img:hover{ opacity:0.7; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); opacity:1;}


.noMl{ margin-right:0!important;}
/*download*/
.newsList2{margin-top: 20px;}
.newsList2 dl{position:relative; padding:20px;
    margin-bottom: 20px; height:90px; background-color:#fff;border-bottom: 1px solid #eee;}
    
.newsList2 dt{float:left;}
.newsList2 dt img{display:block;width: 180px;height: 90px;}
.newsList2 dd{margin-left: 200px;}
.newsList2 dd h5{height:90px; line-height:90px; font-size:18px; font-weight:bold;overflow: hidden;text-overflow: ellipsis;white-space:nowrap; }
.newsList2 dd h5 a{color:#333;}
.newsList2 dd h5 span{  float: right;color: #bfbfbf;}
.newsList2 dd p{line-height:22px; height:112px; overflow:hidden; font-size:13px;}
.newsList2 dd i{position:absolute; bottom:-10px; left:0; border:5px solid transparent;}
.newsList2 dl:hover{background: #eee;}
.newsList2 dl:hover h5 a{color:#018ed6;}
/**/
/*新闻列表*/
.newsList{margin-top: 20px;}
.newsList dl{position:relative; padding:20px;
    margin-bottom: 20px; height:190px; background-color:#fff;border-bottom: 1px solid #eee;}
    
.newsList dt{float:left;}
.newsList dt img{display:block;width: 300px;height: 190px;}
.newsList dd{margin-left: 325px;}
.newsList dd h5{height:40px; line-height:40px; font-size:18px; font-weight:bold;overflow: hidden;text-overflow: ellipsis;white-space:nowrap; }
.newsList dd h5 a{color:#333;}
.newsList dd h5 span{  float: right;color: #bfbfbf;}
.newsList dd p{line-height:22px; height:112px; overflow:hidden; font-size:13px;}
.newsList dd i{position:absolute; bottom:-10px; left:0; border:5px solid transparent;}
.newsList dl:hover{background: #eee;}
.newsList dl:hover h5 a{color:#018ed6;}

.newsList ul{margin-top:16px;}
.newsList li{position:relative; height:50px; line-height:50px; overflow:hidden; font-size:14px; border-bottom:1px dotted #ccc;}
.newsList li a{padding-left:18px; background:url(../images/newsli_ico.png) no-repeat left center;}
.newsList li span{position:absolute; top:0; right:0; color:#999;}
.nlist{ float:left; width:230px; background:#fff;}
.nlist .nt{  font-weight:normal; padding:18px 0; padding-left:20px; background:#018ed6 url(../images/hhbg.png) no-repeat 190px center;}
.nlist .nt a{ font-size:20px; color:#fff; text-decoration:none;}
.nlist .nt p{ font-size:12px; color:#fff; font-family:"Arial"; margin-top:1px;}
.nlist ul{ padding:20px; }
.nlist li{}
.nlist li a{ display:block; height:40px; line-height:40px; background:url(../images/libg2.png) no-repeat 167px center; font-size:14px; color:#333; padding:0 18px; text-decoration:none;}
.nlist li a:hover,.nlist li.cur a{ background:url(../images/liabg.png) no-repeat center; color:#fff;}
.nlist .dphone{ overflow:hidden; background:#333; padding:20px 0;}
.nlist .dphone dt{ float:left; background:url(../images/phimg.png) no-repeat center; margin-left:5px; width:62px; height:50px;}
.nlist .dphone dd{ margin-left:66px; color:#fff; padding:5px 13px; border-left:1px dotted #5c5c5c;}
.nlist .dphone dd span{ font-size:13px;}
.nlist .dphone dd p{ font-size:20px; font-family:"Arial";}
/*title*/
.Ntitle { overflow:hidden; width:100%;}
.Ntitle h2{ text-align:center; font-weight:normal; font-size:30px; color:#333}
.Ntitle h2 a{ color:#333}
.Ntitle em{ display:block; text-align:center; font-size:12px; color:#999; text-transform:uppercase; margin:10px 0; font-family:Arial;}
.Ntitle i{ display:block; width:40px; height:3px; background-color:#018ed6; margin:0 auto}
.Ntitle p{ font-size:16px; color:#333; text-align:center; margin:10px 0}
/*绩效*/
.container {
    position: relative;
    padding: 15px 0;
    z-index: 8;
}
.wrap {
    position: relative;
    width: 1200px;
    min-height: 100px;
    margin: 0 auto;
}
.wrap .main {
    display: block;
    *zoom: 1;
    padding: 30px 0 0;
}
.article {
    padding: 0 0 40px;
    line-height: 2;
    font-size: 14px;
    word-wrap: break-word;
}
@media screen and (max-width: 1200px){
  .wrap {width: 100%}
  .leftTitle{padding: 0;margin-bottom: 10px}
  .menu ul{padding-bottom: 0}
  .wrap .main{padding: 10px 0 0 0;width: 98%;margin: 0 auto}
  .container{padding: 0}
  .menu ul li a{padding: 5px 15px}
  .piList .pic-item-list{width: 100%}
  .piList .pic-item-list .pic-item {width: 47%;margin:0 0 2% 2%; }
  .piList dl dd.p{margin: 1% 0;overflow: hidden;}
  .hotNews {margin-bottom: 20px;padding-bottom: 10px}
  .hotNews .pic{width: 35%;height: auto;margin:2% 0 0 2%;}
  .hotNews dl{width: 58%;float: right;padding: 0;margin-right: 2%}
  .hotNews dl dt{margin-bottom: 0}
  .hotNews dl .i{min-height: auto;height: 60px;overflow: hidden;}
  .pothoItem .item {width: 98%;margin: 0 auto;padding: 2% 0}
  .pothoItem .item .pic{width: 40%;padding: 0;border: 0;margin: 0}
  .pothoItem .item dl{width: 58%;float: right;}
  .pothoItem .item dl .i{max-height: 55px;padding: 0}
  .form-panel li.field label{width: 20%}
  .form-panel .text{width: 70%}
  .form-panel .textarea{width: 70%}
  .form-panel .text.yzm{width: 45%}
  .formArea span{display: block;width: 30%;float: left;clear: both;}
  .formArea .text{width: 97%;float: right;margin: 0;padding-left: 3%;clear: both;}
  .formArea .submit{width: 100%;margin: 0;padding: 0;margin-top: 10px}
  .article img{width: 100%}
  .proPic img{width: 100%}
  .proScroll .hd{display: none}

  .article img{max-width: 100% !important ;height: auto !important}

}

.proCala {font-size: 20px;text-align: center;letter-spacing: 1px;padding-top: 20px;color: #fff;}
.proCala input{width: 80px;height: 40px;text-align: center;color: #018ed6;margin: 0 2px;font-size: 30px;border: 1px solid #ddd}
.proCala span{color: #018ed6;font-size: 32px;font-weight: bold}
/*youdian*/
.wp{width: 1200px;margin: 0 auto;position: relative;}
.course{padding-bottom:74px;background: #f3f3f3;position: relative;}
.course .course-tit{background: #018ed6;padding: 22px 0 20px;color: #fff;}
.course .course-tit h5{font-size: 18px;line-height: 30px;}
.course .course-tit h4{font-size: 30px;line-height: 36px;font-weight: bold;}
.course .course-con{padding: 40px 0 0 80px;overflow: hidden;}
.course .course-wp{border-left: 1px solid #cecece;padding-left: 25px;}
.course .course-item{position: relative;margin-bottom: 72px;}
.course .course-item:last-child{margin-bottom: 10px;}
.course .course-item .year{position: absolute;line-height: 36px;height: 36px;left: -106px;top: 50%;margin-top: -18px;font-size: 24px;color: #515151;}
.course .course-item .dot{width: 16px;height: 16px;border-radius: 100%;background: #cdcdcd;position: absolute;left: -33.5px;top: 50%;margin-top: -8px;}
.course .course-item h4{line-height: 26px;line-height: 18px;}
.course .course-item p{line-height: 22px;font-size: 12px;color: #515151;}
.course .active .year,
.course .active h4,
.course .active p{color: #018ed6;}
.course .active .dot{background: #018ed6;}





/*css3 svg网页底部波浪滚动特效*/
.header2 {
  position:relative;
  text-align:center;
  background: linear-gradient(60deg, rgba(255,102,0,1) 0%, rgba(245,255,255,1) 100%);
  color:white;
}

.inner-header {
  height:65vh;
  width:100%;
  margin: 0;
  padding: 0;
}

.flex { /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:350px;
}

.content {
  position:relative;
  height:20vh;
  text-align:center;
  background-color: white;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
  .content {
    height:30vh;
  }
  h1 {
    font-size:24px;
  }
}

/*new*/
.left { width:230px; float:left; position: relative;}
.left2 { width:900px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(../images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top {  height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(../images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }
.rightbot{ height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }
.right { float: right; width: 755px;padding-bottom: 50px;background-color: #fff;border-top: 4px solid;}
.rights { width:760px; float:right; display:inline; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.right2top {height:3px;font-size:0; overflow:hidden;}
.right2bot {  font-size:0; overflow:hidden; margin-bottom:10px;}
.right_main { width:733px; min-height:458px; border:solid 1px #d5d5d5;  padding-bottom:15px; overflow:hidden;background:#fff;}
.right2_main { width:275px;border-top:0; padding-bottom:15px; overflow:hidden;background:#fff}
.left2_main { width:900px; padding-bottom:15px; overflow:hidden;background:#fff;}
/* -- 当前位置 -- */
.plc { background-position:-66px -1034px;  height:35px; line-height:35px; padding:0 10px; position:relative; font-size:14px; color:#666; overflow:hidden;  margin-bottom:10px;}
.plc span {}
.plc img { margin-top:2px; vertical-align:middle;}
.plc_tit { font-weight:bold; line-height:50px;}
.plc_tit:hover { text-decoration:none;}
.plc2 { background:#018ed6; line-height:43px; text-indent:10px; color:#fff; margin-bottom:10px;margin-top: 10px;text-align: left; }
.plc2 a { color:#fff;}
.plc2 a:hover { color:#fff;}
  /* -- 新闻详细页新闻列表 -- */
.info_b , .info_b2 { width:890px;   padding:5px 0; overflow:hidden; margin-bottom:10px;background:#fff;}
ul.p_list_ul, ul.p_list_ul2 { font-size:14px; }
ul.p_list_ul li, ul.p_list_ul2 li { background:url(../images/ico10.gif) no-repeat 10px 9px; line-height:23px; float:left; width:298px; overflow:hidden;  text-overflow:ellipsis; text-indent:20px; margin-left:10px; display:inline; color:#666;}
.info_b2 { width:738px;}
ul.p_list_ul2 li { width:342px; padding-right:5px;}

    /*资讯页面，发表评论*/
.info_fb { border:solid 1px #d7d7d7; overflow:hidden; padding:10px; line-height:25px;}
.info_fb table { width:100%; border:0;}
.td_b { font-size:14px; color:#000; font-weight:bold; text-align:right;} /*(我要评论),可修改文字色彩*/
.info_fb .text { width:200px; height:20px; line-height:20px; border:solid 1px #d7d7d7;}
.info_fb .textarea { vertical-align:top; border:solid 1px #d7d7d7; width:400px;}
.vat { vertical-align:top; text-align:right;}
.info_fb .b13, .info_fb .b14 { margin:10px 0; height:29px;}

    /*资讯页面，右边*/
.ad1 { width:263px; height:226px; display:block; margin:0 auto;}
.right2_main .t03 { color:#000;  }
.right2_main .t03 a { color:#000;}/*资讯页面，右边粗体标题样式,可修改文字色彩*/
.right2_main .t03 a:hover { color:#d02127;}/*资讯页面，右边粗体标题样式,可修改文字色彩*/

    /* -- 右侧新闻列表 -- */
/* -- 右侧新闻列表 -- */
ul.n_rt_ul { background: url(../images/news_list_bg.png) no-repeat 0 5px; width:235px; margin:8px auto; overflow:hidden; padding-left:5px;text-align: left;}
ul.n_rt_ul li { line-height:24px; overflow:hidden;  text-overflow:ellipsis; padding-left:20px; height:24px;overflow:hidden}
ul.n_rt_ul2 {width:240px; margin:8px auto; overflow:hidden;}
ul.n_rt_ul2 li { line-height:24px; height:24px;  overflow:hidden;  text-overflow:ellipsis; padding-left:5px; }
/*标准系统新增样式 0303*/
.news_ad{ width:275px; height:275px; margin-bottom:10px;}
.news_ad img{ width:271px; height:271px; padding:1px; border:1px solid #d7d7d7;}
.gduo{ height:30px; line-height:30px; background:#f7f7f7; overflow:hidden; margin:15px 0px; padding:0 10px;}
.gduo span{ float:right; width:320px; overflow:hidden; height:30px; display:block;}
.gduo a{  font-weight:bold;}
.ks5{ border:1px solid #d7d7d7; width:450px; height:80px; margin-top:10px;}
.newscont {padding-top: 15px;padding-bottom: 10px;}
      /*资讯详细页面内容*/
.n_info_con { width:861px; padding:25px 20px 0 20px; overflow:hidden;font-size:14px;}
.n_info_con h1{text-align:center;font-size:20px;color:#000;margin-bottom:6px;}
.n_info_con2 { width:890px; margin:0 auto;}
.n_info_con h3 { text-align:center; color:#000; font-family: "Microsoft YaHei";margin-bottom:10px; font-size:24px;} /*资讯详细页面，内容标题*/
.info_con_tit {font-family: "Microsoft YaHei"; line-height:24px; margin-bottom:15px;border-bottom:1px solid #E5E5E5;padding-bottom:20px;}
.info_con_tit span { margin-right:20px;}
.info_con_tit .n_tit {  text-align:center; color:#7E7E7E;}
.info_con_tit .n_tit a{ color:#BCBBBB;}
.info_con_tit .n_tit2 { height:24px;}
.n_info_con .tit2_span { float:right; margin:0; _margin-top:5px;}
.n_info_con p { font-size:14px; line-height:25px; padding:0 5px;}
.n_info_con p img{max-width: 100%;}
.n_info_con p a { color:#d02127;}
.n_info_con .apage { text-align:center; margin-bottom:10px;} /*资讯详细页面，翻页区块*/
.info_input { text-align:center; color:#000; margin-bottom:15px;}  /*详细页面，评论，推荐，打印，订阅，按钮样式块*/
.info_input input { } /*详细页面，评论，推荐，打印，订阅，按钮,可修改文字色彩*/
.info_key { border-bottom:solid 1px #d7d7d7; display:none; height:30px; line-height:30px; padding-left:10px; margin:10px 0;}
.info_key span { font-size:14px; font-weight:bold;}
.info_key a { margin-right:10px;}
.ad2 { margin-bottom:10px;}
.n_info_con2 .t04 { color:#fff;}/*可修改文字色彩(关于网络推广)*/
.n_info_con2 .t04 a { color:#d02127;}/*可修改文字色彩(关于网络推广)*/
.n_info_con2 .t04 a:hover { color:#d02127;}

/**/
.wmh_why {
    margin: 0 auto;
    width: 1210px;
    height: 450px;
    color: #575757;
    clear: both;
    overflow: hidden;
    padding-top: 47px;
}
.wmh_why_left {
    text-align: left;
    line-height: 40px;
    width: 650px;
    padding-right: 55px;
    float: left;
    height: 450px;
    color: #575757;
    font-size: 14px;
    overflow: hidden;
}
.columnSpace {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.wmh_why_right {
    text-align: left;
    line-height: 30px;
    width: 500px;
    float: left;
    height: 450px;
    color: #575757;
    font-size: 14px;
    overflow: hidden;
}
.columnSpace {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.FrontSpecifies_show01-d1_c1 {
    margin: 0 auto;
    width: 100%;
}