@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td{ margin: 0px;padding: 0px; font-size:14px; }
table {border-collapse: collapse;border-spacing: 0px; }
*{margin: 0px;padding: 0px;list-style-type: none;  }

body,html{width:100%;height:100%;-webkit-tap-highlight-color:rgba(0,0,0,0); /*background-color:#e6b10d;*/background-color: #e6b10c;}
a{text-decoration: none;color:#464646;outline: medium none;font-size:14px; line-height:180%;}
a:hover{ color:#F30;font-size:14px;line-height:180%;}
img{border: none;vertical-align: top;  max-width: 100%; display: block;} 
.clear{ clear:both}

.header{ width:100%; margin:auto; background: url(../images/headerdi.jpg) top  center no-repeat;height:157px; }
.logo{width:1142px; margin:auto; background: url(../images/logo.jpg) no-repeat center; height:110px;}
.nav{ width:1142px; margin:auto;  height:47px;}


.dhmenu {font-family: "microsoft YaHei","微软雅黑"，“宋体”; width:1020px; position:relative; margin:0;padding-left:90px; padding-top:5px; z-index:1000;}
.dhmenu ul li a,.dhmenu ul li a:visited{display:block; text-decoration:none; width:105px; height:42px; text-align:center; color:#512525;line-height:42px; font-size:14px; overflow:hidden; font-weight:bold; }
.dhmenu ul li a:hover{text-decoration: underline;}
.dhmenu ul {padding:0; margin:0;list-style-type: none; }
.dhmenu ul li {float:left; /*margin-right:1px;*/ position:relative; background:url(../images/nav_line.jpg) right no-repeat;}
.dhmenu ul li ul {display: none;}

.dhmenu ul li:hover a {color:#512525; height:42px; line-height:42px;}
.dhmenu ul li:hover ul li a.le {background: #000 ; color:#fff;opacity:0.8;filter:alpha(opacity=80); height:28px;line-height:28px; border-bottom:#e2e2e2 1px solid;border-right:#e2e2e2 1px solid;border-left:#e2e2e2 1px solid; font-size:12px; font-family:"宋体"；}
.dhmenu ul li:hover ul li:hover a.le {background: #fff; opacity:0.8;filter:alpha(opacity=80); color:#000; height:28px;line-height:28px; border-bottom:#e2e2e2 1px solid;border-right:#e2e2e2 1px solid;border-left:#e2e2e2 1px solid;}
.dhmenu ul li:hover ul {display:block; position:absolute; top:41px; left:0; width:105px;}
.dhmenu ul li:hover ul li ul {display: none;}
.dhmenu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.dhmenu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.dhmenu ul li:hover ul li:hover ul {display:block; position:absolute; left:170px; top:0;}
.dhmenu ul li:hover ul li:hover ul.left {left:-105px;}


.banner{ width:100%; height:487px;  }
/* flexslider */
.flexslider{position:relative;height:487px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:487px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

.contact{width:1142px; margin:auto;background-color:#e6b10d; }
.Subject{width:1142px; background-color:#FFF; margin:auto;height:1430px;}
.proclass{width:242px; float:left; margin-left:9px; margin-top:10px;/* border:1px solid #e1e1e1;*/}
.proclass_logo{width:243px; background:url(../images/cpfl.jpg);}
.hotpro{width:865px; float: right; margin-right:9px;margin-top:10px;}
.hotpro_logo{ width:865px; margin:auto; background: url(../images/rxcp.jpg) no-repeat; height:44px; text-align:right;}
.hotpro_logo a{ font-size:14px; color:#333; padding-right:15px; line-height:44px;}
.hotpro_logo a:hover{ color:#F30;}
.hotpro_list{width:865px; margin:auto;}
.hotpro_list ul{ width:840px; padding-left:8px; padding-top:10px;}
.hotpro_list ul li{width:258px; padding-left:11px; padding-right:11px; float:left; list-style:none; text-align:center;line-height:200%;}
A.cpname{  text-align:center; font-size:14px; color:#333;}
A.cpname:hover{  color:#F30; text-decoration:underline;}
.ad{width:1129px; margin:auto; padding-left:13px; margin-top:5px; float:left;}
.company{ width:394px; float:left; border:1px #e1e1e1 solid; padding:5px; margin-top:10px; margin-left:13px;}
.company_top{ background:url(../images/gsjj.jpg); overflow:hidden; text-align:right; padding-right:15px; height:31px; line-height:31px;}
.company p{ margin:10px;}
.new{width:335px; float:left;border:1px #e1e1e1 solid;padding:5px;margin-top:10px;margin-left:10px;}
.new_top{ background:url(../images/new.jpg); overflow:hidden; text-align:right; padding-right:15px; height:31px; line-height:31px;}
.new_nr{width:335px; margin:auto; margin-top:10px; margin-bottom:10px;}
.new_nr ul{width:335px;}
.new_nr ul li{width:331px; float:left; background:url(../images/newline.jpg) no-repeat; height:33px;}
.new_nr ul li a{ display:block;}
.new_nr ul li a h3{ margin-left:20px; float:left; font-weight:normal; line-height:31px;}
.new_nr ul li a span{ display:block; float:right;}
.technology{width:333px; float:left;border:1px #e1e1e1 solid;padding:5px;margin-top:10px;margin-left:10px;}
.technology_top{ background:url(../images/tech.jpg); overflow:hidden; text-align:right; padding-right:15px; height:31px; line-height:31px;}
.cp{width:1129px; margin:auto; float:left; margin-top:10px;padding-left:13px; }
.cp_top{ background:url(../images/cp.jpg) no-repeat;  text-align:right; padding-right:15px; height:33px;line-height:33px;}
#demo {overflow:hidden;width:1100px; margin:10px auto 0 10px;}
#indemo { float: left; width: 800%;}
#demo1 { float: left; }
.scroll-1{ display:block; float:left;  margin-left:15px;}
.scroll-1 img{  display:block; height:220px; width:220px; border:1px solid #999999;}
.scroll-1 span{ display:block; text-align:center; width:222px;  line-height:30px;  font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#demo2 { float: left;}
.footer{width:1102px; border-top:1px #e1e1e1 solid; margin:auto; background-color:#FFF; text-align:center; line-height:150%; padding:20px; font-size:14px;}


.promenu { text-align:left; width:233px; margin-top:10px; margin-left:5px;}
.promenu a { font-family:"宋体";}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 233px;
  float:left;
  border-right:#e1e1e1 solid 1px;
  border-left:#e1e1e1 solid 1px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
	border-bottom:1px  solid #ffffff;
}

ul#menu li a {
  background: #e1a00e;
  /*background:url(../images/cpfl_01.jpg) no-repeat;*/
  color: #312f2f;	
 padding: 0.5em;
  font-weight:bold; padding-left:15px;
}

ul#menu li a:hover {
  background: #e1a00e;
  text-decoration:underline;
}

ul#menu li ul li a {
  background:url(../images/cpfl_02.jpg) no-repeat;
  color: #000;
  padding-left: 50px;
  font-weight:normal;
  font-size:13px;
  
  
}

ul#menu li ul li a:hover {
  background:url(../images/cpfl_02.jpg) no-repeat;

  padding-left: 50px;
   font-weight:normal;
  font-size:13px;
  text-decoration:none;
  color:#F30;
}

/*=================内页样式=====================*/
.imain{width:1142px; background-color:#FFFFFF; margin:0 auto;}
.left{width:242px; float:left;  margin-top:10px; margin-bottom:30px;}
.lxfs{width:242px; margin-top:5px;margin-left:9px;}
.lxfstop{width:242px;}
.lxfsnr{width:220px; border:1px solid #e1e1e1; padding:10px; line-height:180%; font-size:14px;}
.right{width:850px; float:right; margin-top:10px; margin-right:12px; margin-bottom:30px;}
.ntitle{width:850px; background:url(../images/n_02.jpg) repeat-x; height:43px;}

.ntitleL{ float: left; margin-left:15px; font-size:14px;color:#312f2f; font-weight:bold; line-height:43px;}
.ntitleR{ float: right; margin-right:15px; font-size:12px; color:#000; line-height:43px;}
.ntitleR a{ font-size:12px; color:#000;}
.ntitleR a:hover{color:#f87805;}
.about{width:820px; margin:auto; margin:15px; font-size:14px;line-height:150%; color:#333;}
.nyproclass{width:242px; float:left; margin-left:9px; /* border:1px solid #e1e1e1;*/}

/*=================product，honor,case公共样式=====================*/
.honor{ display:block; width:100%;}
.honor li{ display: block; width:185px; float: left; margin:20px 11px 0;}
.honor li a{ display:block;}
.honor li img{ display:block; max-width:180px; border:1px solid #CCCCCC;}
.honor li p{ width:100%; height:30px; line-height:30px; text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-o-text-overflow:ellipsis;}
.honor li a:hover p{color: #F30；}
.product{width:840px; margin:auto;}
.product ul{ width:840px; padding-left:4px; padding-top:15px;}
.product ul li{width:258px; padding-left:11px; padding-right:11px; padding-bottom:7px;float:left; list-style:none; text-align:center;line-height:200%;}
.detail{ width:100%; height:40px; line-height:40px; border-bottom:1px dashed #ccc; text-align:center; font-size:14px; font-weight:bold; margin-top:15px;color:#f87805;}
.related{width:800px; background: url(../images/arrow.png) no-repeat 0 60px;}
#cpdemo {overflow:hidden;width:800px; margin:10px auto 0 10px;}
#cpindemo { float: left; width: 800%;}
#cpdemo1 { float: left; }
.scroll-2{ display:block; float:left;  margin-left:15px;}
.scroll-2 img{  display:block; height:220px; width:220px; border:1px solid #999999;}
.scroll-2 span{ display:block; text-align:center; width:222px;  line-height:30px;  font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#cpdemo2 { float: left;}

/*=================翻页公共部分=====================*/
div.sabrosus{padding:10px;text-align:center; margin-top:35px; background:#eeeeee;}
div.sabrosus a{border:#000 1px solid;padding:2px 5px;text-decoration:none;}
div.sabrosus a:hover{border:#ffa200 1px solid;color:#000;background-color:#ffa200;}
div.pagination a:active{border:#000 1px solid;color:#000;background-color:fff;}
div.sabrosus span.current{border:navy 1px solid;padding:2px 10px;font-weight:bold;color:#fff;margin:0 8px 0 0;background-color:#ffa200;}
div.sabrosus span.disabled{border:#929292 1px solid;padding:2px 10px;margin:0 8px 0 0;}

/*=================资质荣誉内页=====================*/
.bigpics{ display: block; max-width:600px; border:1px solid #CCCCCC; margin:0 auto;}
.pages{ margin:40px 0 40px 100px;}
.pages p{ font-size:14px; font-weight:bold;}
.pages p span{ font-size:14px; font-weight:normal; color:#666666;}
.pages p a{ font-size:14px; font-weight:normal; }
.pages p a:hover{color:#f87805;}
.abont h2{ line-height:60px; font-size:14px; text-align: center;}
.abont h3{ line-height:40px; font-size:12px; text-align: center;}
.content{ width:96%; margin-top:15px;font-size:14px;line-height:150%; color:#333; margin:auto;}

/*=================新闻页面公共样式=====================*/
.news{width:96%; margin:auto;}
.news ul{ display:block;}
.news ul li{ display:block; width:100%; border-bottom:1px dashed #CCCCCC; margin-top:15px; padding-bottom:10px;}
.news ul li a{ display:block;}
.news ul li a:hover{ color:#333; text-decoration:underline;}
.biaoti{ width:100%; height:30px; line-height:30px;}
.biaoti h2{ float: left; font-size:14px; font-weight:bold;}
.news p{ font-size:13px; line-height:150%;}
.news ul li a:hover h2{color:#f87805;}
.biaoti span{ display:block; float: right;}




.pagination {
    display:inline-block;
    padding-left:0;
    border-radius:3px;
}
.pagination > li {
    display:inline;
}
.pagination > li > a,.pagination > li > span {
    position:relative;
    float:left;
    padding:6px 12px;
    line-height:1.42857143;
    text-decoration:none;
    color:#2c3e50;
    background-color:#fff;
    border:1px solid #ddd;
    margin-left:-1px;
}
.pagination > li:first-child > a,.pagination > li:first-child > span {
    margin-left:0;
    border-bottom-left-radius:3px;
    border-top-left-radius:3px;
}
.pagination > li:last-child > a,.pagination > li:last-child > span {
    border-bottom-right-radius:3px;
    border-top-right-radius:3px;
}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {
    z-index:2;
    color:#11181f;
    background-color:#eeeeee;
    border-color:#ddd;
}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {
    z-index:3;
    color:#fff;
    background-color:#2c3e50;
    border-color:#2c3e50;
    cursor:default;
}
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus {
    color:#777777;
    background-color:#fff;
    border-color:#ddd;
    cursor:not-allowed;
}
.pagination-lg > li > a,.pagination-lg > li > span {
    padding:10px 16px;
    font-size:15px;
    line-height:1.3333333;
}
.pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span {
    border-bottom-left-radius:5px;
    border-top-left-radius:5px;
}
.pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span {
    border-bottom-right-radius:5px;
    border-top-right-radius:5px;
}
.pagination-sm > li > a,.pagination-sm > li > span {
    padding:5px 10px;
    font-size:11px;
    line-height:1.5;
}
.pagination-sm > li:first-child > a,.pagination-sm > li:first-child > span {
    border-bottom-left-radius:2px;
    border-top-left-radius:2px;
}
.pagination-sm > li:last-child > a,.pagination-sm > li:last-child > span {
    border-bottom-right-radius:2px;
    border-top-right-radius:2px;
}