@charset "utf-8";
/*产品列表*/
.cplist li{ position: relative; margin: 10px 0;  float: left; width: 33.33%; padding:0 10px; overflow: hidden; height: 120%;z-index: 1;}
.cplist li a{  position: relative;display: block;width: 100%;height: 0;overflow: hidden;padding-bottom: 84%;}
.cplist .cpimg{display: block;width: 100%;height: 270px;}
.cphover{ position: absolute; width: 100%; height:44px;  background: rgba(0, 0, 0, 0.4); top:85%; transition: 0.3s all ease;}
.cplist li:hover .cphover{ top:0; height: 100%;}
.cphover h3{  color: #fff; line-height: 44px; padding: 0 10px; margin-bottom: 20px; text-align:center; }
.cphover p{color: #fff; line-height: 22px; padding: 0 10px; }
.cplist li:hover .cphover h3{margin-top: 12%; }
/*公司简介*/
.combg{ display: inline-block; width: 100%; background: url(/uploads/image/phimages/combg.jpg) top center no-repeat; height: 383px;}
.combg p{ float: left; width: 600px; font-size: 14px; line-height:29px; margin:52px 0 0 50px;}
.combg p a{ float: right; color: #ea062c; margin-top:20px; margin-right: 10px;}

/*新闻资讯*/
.xwbg{ float: left; width: 100%; background: url(/uploads/image/phimages/pic2.jpg) top center no-repeat; background-size:cover; padding: 10px 0;}
/*.xwbg .tjnew{ background-color: #fff; padding:10px;}*/
 
.xwtop{  width: 370px; padding: 10px; background-color: #fff; height: 335px;}
.xwtop img{ width: 100%; height: 230px;}
.xwtop h3{ height: 35px; line-height: 35px; color:#203c5f; overflow: hidden;}
.xwtop p{ line-height: 24px;}

.innew{ width: 810px;background-color: #fff; height: 335px;}
.innew li{ height:84px; padding:14px 10px; border-bottom: 1px solid #ddd;  }
.time{ width: 90px; text-align: center; border-right: 1px solid #ddd; color: #999;}
.time span{ display: inline-block; width: 100%;}
.bt{ width: 600px; padding: 0 10px;}
.bt b{ height: 32px; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.bt p{ height: 24px; line-height: 24px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.innew .more{ color:#203c5f; line-height: 55px; margin-right: 20px;}
.innew li:hover{ background-color: #203c5f; }
.innew li:hover a,.innew li:hover .more,.innew li:hover .time{color: #fff;}
.innew li:hover .time{border-right: 1px solid #fff;}


/**********成功案例滚动****************/
.allist{ float:left; width:1200px; position:relative; background: url(/uploads/image/phimages/zhuozi.png) center bottom  no-repeat; padding-bottom: 35px;  height:360px;}

.allist .prev,.allist .next{width:11px;height:44px;position:absolute;top:120px;z-index:100; cursor:pointer; }
.allist .prev{background:url(/uploads/image/phimages/left.png) no-repeat;left:-22px;}
.allist .next{ background:url(/uploads/image/phimages/right.png) no-repeat;right:-22px;}
.allist .scrollwrap{width:1200px;  overflow:hidden; position: absolute; left: 0;}
 
.cgal li{	width: 285px; position: relative; background-color: #fff; margin: 0 0 0 15px; height: 305px;  }
.cgal img{	width: 285px; height: 196px; display: block;}
.cgal li h4{ text-align: center; line-height: 30px; height: 30px; padding: 0 5px;  width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cgal li p{	font-size: 13px;   line-height: 22px; text-indent: 2em;  color: #666; padding: 0 5px; }
.cgal li:hover{ background-color: #06c; }
.cgal li:hover h4,.cgal li:hover p{color: #fff;}

.fwpz{ float: left; width: 100%; text-align: center; background-color: #ccc;}

.dhfl{    background-color: #f5f5f3;  border: 1px solid #dddee8;    padding-bottom: 0px;    box-shadow:#c4c7d0 4px 4px 6px -1px; display: inline-block; width: 100%;}
.dh_l{text-align: center;padding: 0 15px 15px 25px;   width:1170px;}
.dh_l1{   width:775px; box-shadow:#c4c7d0 6px 0px 5px -3px; border-right: 1px solid #c4c7d0;}
.dh_l h3{display: inline-block;min-width: 45px; margin-top: 10px; background: #ffffff; vertical-align: middle;line-height: 38px;font-size: 14px;border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;margin-left: -1px;float: left; font-size: 16px; font-weight: 100; margin-bottom:5px; }
.dh_l h3 a{ padding: 0 15px;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; float: left;}
.dh_l h3 i{ padding: 0 15px; font-size: 20px; color: #8a6d3b;float: left;border-bottom: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
.dh_l .sel_on{ background-color: #ad262b; color: #fff; border-radius: 5px;}
.dh_l h5{ float:left; width:100%;}
.dh_l h5 a{ float: left; padding:0 15px;  margin: 5px 5px 5px 0; background-color: #fff; border: 1px solid #dedede; border-radius: 5px; height: 42px; line-height: 42px; text-align: center; font-size: 15px;}

.dh_r{ width: 390px; padding: 15px;}
.dh_r a{ float: left; width:100px; margin: 5px 10px; background-color: #fff; border: 1px solid #dedede; border-radius: 5px; height:38px; line-height: 38px; text-align: center; font-size: 15px;}

.dh_r .sel_on{ background-color: #ad262b; color: #fff; border-radius: 5px;}

.cplist{  float: left; width: 100%;}
.cplist li{ float: left; width: 33.33%; padding: 0 10px;margin-top: 15px;height: 345px;}
.cpcon{border: 1px solid #dedede;overflow: hidden;height: 345px;box-shadow: 0 0 5px #f5f5f5; margin-top:5px; position: relative; width: 100%;-webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;}
.cplist li .cpimg{ position: relative; padding-bottom:75%; top: 0;display: block; height: 0; overflow: hidden;}

.cplist li img{ width: 100%; height: auto; display: block;}
.cplist li h3{ height: 42px; line-height: 42px; padding: 0 15px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cplist li p{ line-height: 24px; padding: 0 15px; color: #666; height:48px; overflow:hidden;}
.cplist li span{ margin: 8px 0 0 15px; background-color:#d9534f; color: #fff;  padding: 3px 8px; float: left;}
.cpcon:hover { z-index: 9;	margin-top: -5px;	box-shadow: 0 0 10px #d5d5d5;}

.flbq{box-shadow: rgba(18, 17, 3, 0.760784) 0px 0px 5px -2px;border-radius: 3px;margin-left: 10px;color: rgb(97, 97, 97);background-color: rgb(247, 247, 247);font-size: 12px;line-height: 1.5;
padding: 3px 8px; margin-top:14px; display:inline-block;}

.cplist li:hover h3{ color: #06c;}

.cpms{ background-color:#1a5fb2; color: #fff; padding: 15px; line-height: 24px; text-indent: 2em;}
.cpms span{ color: #ffdc7a;}
.cpms h3{ line-height: 45px; text-align: center;}

.cpbg{ background-color: #fff; padding: 0 15px 20px; display: inline-block; }
.cpbimg{ text-align: center; margin:30px auto; display: inline-block; width: 100%;}

.cpxxtitle{display: inline-block; width: 100%;text-align: center;}
.cpxxtitle h3{  color:#318fff; height:35px; line-height: 35px; }
.cpxxtitle p{width: 100%;color: #848484;margin: 0 auto;    margin-bottom: 0px;position: relative;text-align: center;margin-bottom: 15px;}
.cpxxtitle p:before{ content: "";border-top: 1px solid #d8dada;display: block;position: absolute;width: 40%;top: 10px;left: 0;}
.cpxxtitle p:after{ content: "";border-top: 1px solid #d8dada;display: block;position: absolute;width: 40%;top: 10px;right: 0;}

.actice{ line-height: 170%; font-size: 16px; display: inline-block; width: 100%;}

.actice table{  border-top:1px solid #333; border-right:1px solid #333; width:100%; }
.actice table tr td{ font-size:16px; padding:5px 7px; border-left:1px solid #333; border-bottom:1px solid #333; }
.cpzsimg{ padding:15px 0; float:left; width:100%;}
.cpzsimg img{ max-width:100%; height:auto;}
.cpzsimg li{ float:left; width:50%; padding:20px 15px 0; cursor:pointer;  }
  
/*******图片弹出效果********/
.piro_html {position:absolute;  top:0; left:0; padding:0;  margin:0; display:block;  z-index:150001;   }
.resize{border:8px solid #fff; border-radius:5px;}
.piro_overlay{position:fixed; top:0; left:0; width:100%; height:100%;  z-index:150000;background:#000;display:none; cursor:pointer;}
.piro_loader{position:absolute;top:50%;left:50%;margin:-59px 0 0 -59px;width:118px;height:118px;display:block;z-index:150005;  cursor:pointer; }
.piro_loader span{position:absolute;top:50%;left:50%;margin-top:-36px;margin-left:-36px;width:72px;height:72px;display:block;z-index:150009; background:  center top no-repeat; }
.piro_title{position:fixed; background:  bottom repeat-x;top:0;left:0;width:100%; text-align:center;display:block; padding:6px 0 10px 0; color:white; z-index:150000; font-size:18px; display:none;}
.btn_info{position:absolute;bottom:-7px;right:-7px;width:25px; height:25px;margin:0;display:block; padding:0px; color:black; cursor:pointer; background:  no-repeat; z-index:1500440}
.caption{position:absolute;bottom:-10px;left:10px;margin:0;display:block; float: left; padding:0px; color:black; cursor:text; background: ; z-index:150018}
.caption p{ display:block; margin:0;padding:7px 5px;   font-weight:normal; font-size:14px; color:#dedede; z-index:150019;  }

.nav_container{position:absolute; top:50%; right:0; height:65px; width:100%;  z-index:1500190000000;}
.piro_close{position:absolute;right:20px;height:20px;width:20px;background: transparent url(/uploads/image/phimages/close.png) no-repeat center center;cursor:pointer;margin:0 0 0 0;z-index:150022;display:none;}
a.piro_next{position:absolute;  right:15px;text-indent:-999em;outline:none; display:block; margin:0;background:url(/uploads/image/phimages/imgs-grid-icons.png) -62px -22px no-repeat; border:none; cursor:pointer;z-index:150023}
a:hover.piro_next{background:url(/uploads/image/phimages/imgs-grid-icons.png)  -62px -22px no-repeat;}
.piro_next_fake{position:absolute;right:15px; outline:none; text-indent:-999em; display:none; margin:0;background: url(/uploads/image/phimages/imgs-grid-icons.png) -62px -22px no-repeat; border:none; cursor:auto;z-index:150020}
.piro_prev_fake{position:absolute;left:15px; outline:none; text-indent:-999em; display:none; margin:0;background: url(/uploads/image/phimages/imgs-grid-icons.png) 0px -22px no-repeat; border:none; cursor:auto;z-index:150020}

a.piro_prev{position:absolute; left:15px;  text-indent:-999em; outline:none;display:block;margin:0;background: url(/uploads/image/phimages/imgs-grid-icons.png) 0px -22px no-repeat;border:none; cursor:pointer; z-index:150024}
a:hover.piro_prev{background:url(/uploads/image/phimages/imgs-grid-icons.png) 0 -22px no-repeat;}
a.close_pirobox{color:#bb0f05;}

/*******图片弹出效果end********/

.xgcp{ background-color: #f5f5f3;  border: 1px solid #dddee8;    padding:15px 0px;    box-shadow:#c4c7d0 4px 4px 6px -1px; display: inline-block; width: 100%;}
.xgcp a{ float: left; padding: 0 15px; margin: 5px 10px; background-color: #fff; border: 1px solid #dedede; border-radius: 5px; height: 42px; line-height: 42px; text-align: center; font-size: 15px;}

.tjcx h3{ height: 45px; line-height: 45px; background: url(/uploads/image/phimages/bline.png) bottom left repeat-x; display: inline-block; width: 100%; margin-top: 30px; padding: 0 10px;}
.tjcx li{ float:left; width:260px; margin:15px 16px;  }
.tjcx li img{  width:255px; height:170px;}
.tjcx li h5{width:255px;  word-break:keep-all;line-height:25px;height:25px; font-size: 14px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tjcx li a{ font-size:14px;}


.stitle{ height: 42px; background: url(/uploads/image/phimages/bline.png) bottom left repeat-x; line-height:42px;  font-size: 14px; font-weight: 100; color: #666;   float: left; width: 100%;} 

.tjnew{ float:left; width:100%;padding:0 10px;}
.tjnew li{ float:left; width:100%; padding-bottom:15px; position: relative; margin-top:15px; border-bottom:1px dashed #ccc; }
.tjnew li img{ float:left; width:250px; height:167px; margin-right:25px;padding:3px; border:0px solid #ccc;-moz-box-shadow:0px 0px 6px #c4c4c4; -webkit-box-shadow:0px 0px 6px #c4c4c4; box-shadow:0px 0px 6px #c4c4c4;}
.tjnew li h3{ height:50px; line-height:50px;  font-size:18px;  font-weight:700;}
.tjnew li h2{ text-align: right; font-weight: 100; position: absolute; bottom: 20px; left: 275px; float: left; width: 76%;}
.tjnew li h2 span{ line-height:25px; color:#318fff; float: left;  }
.tjnew li p{line-height:24px; color:#777; font-size:14px; }  
.tjnew li h2 a{ background-color:#c9302c; color: #fff; font-size: 13px; padding: 5px 10px;}

/********************新闻详细**************************/
.actice{ padding:15px 15px;}
.arc_title{ height:45px; line-height:45px; font-size:24px; font-weight:100; text-align: center;  color:#d9000b;}
.arc_name{ line-height:25px; margin-top: 5px;  font-weight:100;color:#666; text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 10px;}


.article_con{ line-height:200%; font-size:16px; padding: 10px 0 0;}
.article_con p{ text-indent:2em; color:#666;}
.news_page{ background: #f5f5f5; padding:15px; float: left; width: 100%; margin-top: 20px; font-size: 14px;}

.news_pageaa dt {  float: left;  width: 80%; line-height: 25px; color: #666;}
.news_pageaa dt a{color: #666;}

.news_pageaa dd{ width:20%; float:right;}
.news_pageaa .return{ border-left:1px solid #ddd; color:#666; width:100%; height:55px; display:block; text-align:center; line-height:55px; font-size:16px;}

.wmap{ padding:0 20px 20px; border:1px solid #d9d9d9; float:left; width:100%; margin-top: 15px;}
.wmap h1{ padding:15px 10px; font-size:16px; margin:0;}
.wmap div{ border:1px solid #dfdfdf; padding:10px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; line-height:26px;}
.wmap div a{ display:inline-block; width:33%; font-size:14px;}

.left{ float:left; width:260px; margin-right:15px;}
.right{ float:right; width:925px; background-color:#fff;}

.cpnav{ background-color:#203c5f; color:#fff; height:88px; line-height:88px; text-align:center; font-size:24px;}
.cpnav span{ font-size:16px; color:#203c5f;}
.cpnav1{ background: 93% center #e5e5e5 no-repeat; clear: both; border-bottom:1px solid #ccc; height:36px; line-height:36px;}
.cpnav1 a{ color:#203c5f; font-size:16px; background:url(/uploads/image/phimages/icon2.png) 5px center no-repeat; padding-left:42px;height:36px; line-height:36px; float:left;}

.sidemenu ul{ display:none;}
.cpfl li{ height:32px; line-height:32px; font-size:16px;   background-color:#f7f7f7; border-bottom:1px solid #d8d8d8; padding-left:42px;}

.yslj h3{ background-color:#203c5f; height:48px; line-height:48px; padding:0 15px; color:#fff; font-size:16px;}
.yslj li{ margin-top:2px;line-height:80px; background-color:#f7f7f7;}
.yslj li img{ float:left; margin-right:5px;}
.yslj li span{ font-size:16px; }