@charset "utf-8";
/* CSS Document */

.a{ text-decoration:none;}

/* 头部 */
.header{ width:1200px;height:130px; margin:0 auto; }
.header-text{font-size:18px;color:#2b2b2b;font-family:微软雅黑; float:right; margin-top:56px;}
.header-text p a{text-decoration:none;color:#2b2b2b;}
.header-text p a:hover{color:#ffce37;}

/* 导航 */
.dh{ width:100%; height:70px; background:#0a55a4;}
.dh_yj{ width:1200px; height:70px; margin:auto;}
.dh_yj_li{ float:left; width:150px; height:70px; transition:0.3s;}
.dh_yj_li:hover div{ display:block; }
.dh_yj_li div{ position:absolute; width:150px; z-index:6; display:none;}
.dh_yj_li div a{ width:150px; height:50px; line-height:40px; display:block; margin-top:1px; background:#0a55a4; color:#text-decoration:none;}
.dh_yj_li div a:hover{ background:#ffce37;color:#FFF;}
.dh_yj_li i{ width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #fff; overflow:hidden; position:absolute; margin-top:33px; margin-left:5px;}
.dh_yj_li:hover{ }
.dh_yj_li:hover i{ width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #ffce37; overflow:hidden; margin-top:31px;}

.dh_yj_li a{ width:150px; height:70px; display:block; color:#FFF; font-size:16px; line-height:70px; text-align:center;text-decoration:none;}
.dh_yj_li a:hover{ color:#ffce37;}

/* 关于我们 */
.us{ width:100%; height:810px; background-image:url(../images/us-bg.jpg); margin: 0 auto;}
.usbox{ width:1200px; margin:0 auto;}
.usbox div{ width:560px; height:418px; float:left; margin-top:204px;}
.usbox div h1 b{ font-size:36px;color:#ffce37;}
.usbox div p{ width:560px; height:280px; overflow:hidden; margin-top:46px; font-size:16px; color:#5c5c5c; line-height:32px; text-indent:32px;}
.usbox div span a{ font-size:16px; color:#ffce37; float:right; text-decoration:none; margin-top:50px;}
.usbox div span a:hover{ color:#0a55a4; }

/* 新闻资讯 */
.news{ width:1200px; height:595px; margin:0 auto;}
.news-title{ width:431px; margin:0 auto; text-align:center; padding-top:89px; padding-bottom:43px;}
.news-title h1{width:431px; height:30px; background-image:url(../images/news%20title%20bg.png); color:#113961; font-size:30px; background-position:center; background-repeat:no-repeat;}
.news-title h1 a{ text-decoration:none;}
.news-title p{ font-size:16px; color:#113961; padding-top:17px;}
/* 公司动态 */
.news01{ width:436px; height:307px; float:left; margin-left:136px;}
.news01 h1{text-align:center;margin-bottom:33px;}
.news01 h1 a{ text-decoration:none; color:#ffce37; font-size:18px; }
/* 行业动态 */
.news02{width:436px; height:307px; float:right; margin-right:136px;}
.news02 h1{text-align:center; margin-bottom:33px;}
.news02 h1 a{ text-decoration:none; color:#ffce37; font-size:18px; }

.news-cottent{ width:436px; height:79px; margin:0 auto; margin-bottom:17px;}
.news-date{ float:left; width:95px; height:79px;}
.news-detail{ float:right; width:341px; height:79px;}
.news-date-p1{ font-size:18px; color:#757575; margin-left:20px;}
.news-date-p2{font-size:12px; color:#808080; margin-left:20px;}
.news-detail-p1 a{ text-decoration:none; font-size:14px; color:#454545;}
.news-detail-p1 a:hover{ color:#ffce37;}

.news-detail-p2{ width:254px; height:40px; overflow:hidden;}
.news-detail-p2 a{ text-decoration:none;font-size:12px; color:#999999; line-height:21px;}
.news-detail-p2 a:hover{ color:#ffce37;}

/* 产品展示 */

/* 标题 */
.pro{ width:100%; height:1365px; background-image:url(../images/pro-bg.jpg);}
.pro-title{ width:431px; height:62px;margin:0 auto; text-align:center; padding-top:89px; padding-bottom:43px;}
.pro-title h1{width:431px; height:30px; background-image:url(../images/pro%20title%20bg.png); color:#ffffff; font-size:30px; background-position:center; background-repeat:no-repeat;}
.pro-title h1 a{ text-decoration:none;}
.pro-title p{ font-size:16px; color:#ffffff; padding-top:17px;}
/* 内容 */
.pro-cottent{ width:1200px; height:994px; margin:0 auto;}
.pro-cot1-pro{ width:1200px; height:294px; margin:0 auto;}
.pro-cot2-pro{width:1200px; height:294px; margin:0 auto; margin-top:56px;}
.pro-cot3-pro{width:1200px; height:294px; margin:0 auto; margin-top:56px;}
/*第一行*/
.pro-cot1-pro1{ width:294px; height:294px; float:left;}
.pro-cot1-pro1 a{ color:#232426; font-size:16px; text-decoration:none; line-height:55px;}
.pro-cot1-pro1 a div{ width:294px; height:55px; text-align:center; background-color:#ffce37;}
.pro-cot1-pro1 a div:hover{ background-color:#0a55a4; color:#ffffff;}

.pro-cot1-pro2{ width:294px; height:294px; margin-left:8px; float:left;}
.pro-cot1-pro2 a{ color:#232426; font-size:16px; text-decoration:none; line-height:55px;}
.pro-cot1-pro2 a div{ width:294px; height:55px; text-align:center; background-color:#ffce37;}
.pro-cot1-pro2 a div:hover{ background-color:#0a55a4; color:#ffffff;}

.pro-cot1-pro3{ width:294px; height:294px; margin-left:8px; float:left;}
.pro-cot1-pro3 a{ color:#232426; font-size:16px; text-decoration:none; line-height:55px;}
.pro-cot1-pro3 a div{ width:294px; height:55px; text-align:center; background-color:#ffce37;}
.pro-cot1-pro3 a div:hover{ background-color:#0a55a4; color:#ffffff;}

.pro-cot1-pro4{ width:294px; height:294px; float:right;}
.pro-cot1-pro4 a{ color:#232426; font-size:16px; text-decoration:none; line-height:55px;}
.pro-cot1-pro4 a div{ width:294px; height:55px; text-align:center; background-color:#ffce37;}
.pro-cot1-pro4 a div:hover{ background-color:#0a55a4; color:#ffffff;}
/*第二行*/
/*文本*/
.pro-cot2-pro1{ width:596px; height:294px; float:left;}
.pro-cot2-pro1 h1{ font-size:36px; color:#ffce37; padding-top:29px; padding-bottom:16px;}
.pro-cot2-pro1 h2{font-size:18px; color:#ffffff; padding-bottom:29px;}
.pro-cot2-pro1 p{ width:560px;font-size:14px; color:#ffffff; line-height:28px; padding-top:26px;}
/*产品*/
.pro-cot1-pro5{ width:294px; height:294px; margin-left:8px; float:left;}
.pro-cot1-pro5 a{ color:#232426; font-size:16px; text-decoration:none; line-height:55px;}
.pro-cot1-pro5 a div{ width:294px; height:55px; text-align:center; background-color:#ffce37;}
.pro-cot1-pro5 a div:hover{ background-color:#0a55a4; color:#ffffff;}

.pro-cot1-pro6{ width:294px; height:294px; float:right;}
.pro-cot1-pro6 a{ color:#232426; font-size:16px; text-decoration:none; line-height:55px;}
.pro-cot1-pro6 a div{ width:294px; height:55px; text-align:center; background-color:#ffce37;}
.pro-cot1-pro6 a div:hover{ background-color:#0a55a4; color:#ffffff;}

/*第三行*/
.pro-cot1-pro7{ width:294px; height:294px; float:left;}
.pro-cot1-pro7 a{ color:#232426; font-size:16px; text-decoration:none; line-height:55px;}
.pro-cot1-pro7 a div{ width:294px; height:55px; text-align:center; background-color:#ffce37;}
.pro-cot1-pro7 a div:hover{ background-color:#0a55a4; color:#ffffff;}

.pro-cot1-pro8{ width:294px; height:294px; margin-left:8px; float:left;}
.pro-cot1-pro8 a{ color:#232426; font-size:16px; text-decoration:none; line-height:55px;}
.pro-cot1-pro8 a div{ width:294px; height:55px; text-align:center; background-color:#ffce37;}
.pro-cot1-pro8 a div:hover{ background-color:#0a55a4; color:#ffffff;}

.pro-cot1-pro9{ width:294px; height:294px; margin-left:8px; float:left;}
.pro-cot1-pro9 a{ color:#232426; font-size:16px; text-decoration:none; line-height:55px;}
.pro-cot1-pro9 a div{ width:294px; height:55px; text-align:center; background-color:#ffce37;}
.pro-cot1-pro9 a div:hover{ background-color:#0a55a4; color:#ffffff;}

.pro-cot1-pro10{ width:294px; height:294px; float:right;}
.pro-cot1-pro10 a{ color:#232426; font-size:16px; text-decoration:none; line-height:55px;}
.pro-cot1-pro10 a div{ width:294px; height:55px; text-align:center; background-color:#ffce37;}
.pro-cot1-pro10 a div:hover{ background-color:#0a55a4; color:#ffffff;}

.pro-box{ width:294px;239px; overflow:hidden;}
.pro-box a img:hover {width:294px;height:239px;transform:scale(1.2,1.2); }
.pro-box a img {
    transition:all 0.5s ease-out;
    /* 过度 所有css属性 1秒过度 结束慢*/
    -moz-transition:all 0.5s ease-out;
    /* Firefox 4 */
    -webkit-transition:all 0.5s ease-out;
    /* Safari 和 Chrome */
    -o-transition:all 0.5s ease-out;
    /* Opera */
}

/* 工程案例 */

/* 标题 */
.case{ width:100%; height:948px; background-image:url(../images/case-bg.jpg);}
.case-title{ width:431px; height:62px;margin:0 auto; text-align:center; padding-top:89px; padding-bottom:43px;}
.case-title h1{width:431px; height:30px; background-image:url(../images/case%20title%20bg.png); color:#113961; font-size:30px; background-position:center; background-repeat:no-repeat;}
.case-title h1 a{ text-decoration:none;}
.case-title p{ font-size:16px; color:#113961; padding-top:17px;}
/* 内容 */
.case-cot{ width:1200px; margin:0 auto; height:300px;}

.case-cot1{ width:300px; height:300px; float:left;line-height:300px; position:relative;}
.cot1-img{ width:300px; height:300px;position:absolute; top:0px; left:0px;z-index:97;}

.case-cot2{ width:300px; height:300px; float:left;line-height:300px;position:relative;}
.cot2-img{ width:300px; height:300px;position:absolute; top:0px; left:0px;z-index:97;}

.case-cot3{ width:300px; height:300px; float:left; line-height:300px;position:relative;}
.cot3-img{ width:300px; height:300px;position:absolute; top:0px; left:0px;z-index:97;}

.case-cot4{ width:300px; height:300px; float:left;line-height:300px;position:relative;}
.cot4-img{ width:300px; height:300px;position:absolute; top:0px; left:0px;z-index:97;}

.case-cot5{ width:300px; height:300px; float:left;line-height:300px;position:relative;}
.cot5-img{ width:300px; height:300px;position:absolute; top:0px; left:0px;z-index:97;}

.case-cot6{ width:300px; height:300px; float:left;line-height:300px;position:relative;}
.cot6-img{ width:300px; height:300px;position:absolute; top:0px; left:0px;z-index:97;}

.case-cot7{ width:300px; height:300px; float:left;line-height:300px;position:relative;}
.cot7-img{ width:300px; height:300px;position:absolute; top:0px; left:0px;z-index:97;}

.case-cot8{ width:300px; height:300px; float:left; line-height:300px;position:relative;}
.cot8-img{ width:300px; height:300px;position:absolute; top:0px; left:0px;z-index:97;}

.cot-title{position:absolute; line-height:300px;width:300px;z-index:99;font-size:21px; background-color:rgba(0,0,0,0.36);font-weight:bold; color:#ffffff; text-align:center;}
.cot-title:hover{ opacity:0;}
.cot-title{cursor: pointer;transition: all 0.6s;/*图片放大过程的时间*/}


/* 销售分布图 */
/* 标题 */
.sale{ width:1200px; height:1064px; margin:0 auto;background-image:url(../images/sale-bg.png);}
.sale-title{ width:1012px; height:62px;margin:0 auto; text-align:center; padding-top:89px; padding-bottom:43px;}
.sale-title h1{width:1012px; height:30px; background-image:url(../images/sale%20title%20bg.png); color:#113961; font-size:30px; background-position:center; background-repeat:no-repeat;}
.sale-title h1 a{ text-decoration:none;}
.sale-title p{ font-size:16px; color:#113961; padding-top:17px;}
/* 第一行 */
.sale1{ width:1200px; height:160px; margin-top:37px;}

.sale-cot1{ width:380px; height:160px; border:1px solid #113961; border-radius:20px; float:left;margin-right:27px;}
.sale-cot1 h1{ margin-left:46px; margin-top:27px; font-size:18px; margin-bottom:16px; color:#113961; }
.sale-cot1 p{ margin-left:46px;font-size:12px; line-height:20px; color:#113961; }
.sale-cot1:hover{ border:1px solid #0a55a4; background-color:#0a55a4;}
.sale-cot1:hover h1{ color:#ffffff;}
.sale-cot1:hover p{ color:#ffffff;}

.sale-cot2{ width:380px; height:160px; border:1px solid #113961; border-radius:20px; float:left; margin-right:27px;}
.sale-cot2 h1{ margin-left:46px; margin-top:27px; font-size:18px; margin-bottom:16px; color:#113961; }
.sale-cot2 p{ margin-left:46px;font-size:12px; line-height:20px; color:#113961; }
.sale-cot2:hover{ border:1px solid #0a55a4; background-color:#0a55a4;}
.sale-cot2:hover h1{ color:#ffffff;}
.sale-cot2:hover p{ color:#ffffff;}

.sale-cot3{ width:380px; height:160px; border:1px solid #113961; border-radius:20px; float:left;}
.sale-cot3 h1{ margin-left:46px; margin-top:27px; font-size:18px; margin-bottom:16px; color:#113961; }
.sale-cot3 p{ margin-left:46px;font-size:12px; line-height:20px; color:#113961; }
.sale-cot3:hover{ border:1px solid #0a55a4; background-color:#0a55a4;}
.sale-cot3:hover h1{ color:#ffffff;}
.sale-cot3:hover p{ color:#ffffff;}
/* 第二行 */
.sale2{ width:1200px; height:160px; float:none;margin-top:60px;}

.sale-cot4{ width:380px; height:160px; border:1px solid #113961; border-radius:20px; float:left; }
.sale-cot4 h1{ margin-left:46px; margin-top:27px; font-size:18px; margin-bottom:16px; color:#113961; }
.sale-cot4 p{ margin-left:46px;font-size:12px; line-height:20px; color:#113961; }
.sale-cot4:hover{ border:1px solid #0a55a4; background-color:#0a55a4;}
.sale-cot4:hover h1{ color:#ffffff;}
.sale-cot4:hover p{ color:#ffffff;}

.sale-cot5{ width:380px; height:160px; border:1px solid #113961; border-radius:20px; float:right;}
.sale-cot5 h1{ margin-left:46px; margin-top:27px; font-size:18px; margin-bottom:16px; color:#113961; }
.sale-cot5 p{ margin-left:46px;font-size:12px; line-height:20px; color:#113961; }
.sale-cot5:hover{ border:1px solid #0a55a4; background-color:#0a55a4;}
.sale-cot5:hover h1{ color:#ffffff;}
.sale-cot5:hover p{ color:#ffffff;}
/* 第三行 */
.sale3{ width:1200px; height:160px; float:none; margin-top:60px;}

.sale-cot6{ width:380px; height:160px; border:1px solid #113961; border-radius:20px; float:left; }
.sale-cot6 h1{ margin-left:46px; margin-top:27px; font-size:18px; margin-bottom:16px; color:#113961; }
.sale-cot6 p{ margin-left:46px;font-size:12px; line-height:20px; color:#113961; }
.sale-cot6:hover{ border:1px solid #0a55a4; background-color:#0a55a4;}
.sale-cot6:hover h1{ color:#ffffff;}
.sale-cot6:hover p{ color:#ffffff;}

.sale-cot7{ width:380px; height:160px; border:1px solid #113961; border-radius:20px; float:right;}
.sale-cot7 h1{ margin-left:46px; margin-top:27px; font-size:18px; margin-bottom:16px; color:#113961; }
.sale-cot7 p{ margin-left:46px;font-size:12px; line-height:20px; color:#113961; }
.sale-cot7:hover{ border:1px solid #0a55a4; background-color:#0a55a4;}
.sale-cot7:hover h1{ color:#ffffff;}
.sale-cot7:hover p{ color:#ffffff;}


/* 底部 */
.bot{ background-color:#0a55a4; width:100%; height:306px;}
.bot-cot{ width:1200px; height:306px; margin: 0 auto;text-align:center;}
.bot-cot h1{ font-size:30px; font-weight:normal; padding-top:47px; padding-bottom:24px; }
.bot-cot h1 a{text-decoration:none;color:#ffffff; }

.bot-cot h2{font-size:18px; color:#ffffff; font-weight:normal; opacity:0.5;padding-bottom:7px; }
.bot-cot h3{ font-size:16px; font-family:arial;color:#ffffff; font-weight:normal;padding-bottom:40px; opacity:0.36;}
.bot-cot h4{font-size:16px; color:#ffffff; font-weight:normal;  padding-bottom:62px;  }
.bot-cot h4 a{text-decoration:none;color:#ffffff;opacity:0.5; }
.bot-cot h4 a:hover{ color:#ffce37; opacity:1;}

.bot-cot h5{font-size:14px; color:#ffffff; font-weight:normal; }
.bot-cot h5 a{text-decoration:none;color:#ffffff;opacity:0.36; }

/* 返回底部 */
.toTop {width: 70px;height: 70px;border-radius: 50%;background: #ffce37;text-align: center;line-height: 70px;	color:#ffffff;position: fixed;right: 35px;bottom: 35px;z-index: 999;	font-size: 14px;}
.toTop:hover {background: #0a55a4;font-size: 14px;cursor: pointer;color: #ffffff;}
/* imglist */
.ytimglist_cw{ width:1200px; margin:auto; overflow:hidden;}
.ytimglist{ width:1240px; margin-left:-20px; overflow:hidden; margin-top:20px;}
.ytimglist_list{ display:block; float:left; width:285px; height:290px; margin-left:20px; overflow:hidden;}
.ytimglist_list_img{ width:285px; height:214px; overflow:hidden; margin-top:20px; transition:0.2s;}
.ytimglist_list:hover .ytimglist_list_img{ margin-top:10px;}
.ytimglist_list_img img{ width:100%;}
.ytimglist_list_bt{ width:100%; text-align:center; color:#666; margin-top:15px; font-size:14px;}
.ytimglist a{ text-decoration:none;}

/* 翻页 */
.ytfy_pc{ width:1200px; margin:auto; text-align:center; overflow:hidden; display:none;}
.ytfy_pc{ margin-top:30px; display:block; font-size:14px;}
.ytfy_wap{ display:none;}

/* 内页导航 */
.ytnydh{ width:1200px; height:50px;margin:0 auto; border-bottom:1px solid #9ab9da;}
.ytnydh_a{display:block;width:171px; height:51px;text-decoration:none; float:left; color:#ffffff; font-size:16px; text-align:center;line-height:51px; color:#0a55a4; font-weight:bold;}
.ytnydh_a:hover{background-color:#ffce37;border-radius:26px; color:#ffffff;}
.ytnydh_as{display:block;width:171px; height:51px;background-color:#ffce37;border-radius:26px;text-decoration:none; float:left; color:#ffffff; font-size:16px; text-align:center;line-height:51px;font-weight:bold;}
.ytnydh_as:hover{background-color:#0a55a4;color:#ffffff;}

/* 新闻详情 */
.yttynr{ width:1200px; margin:auto;  margin-top:30px; color:#666;}
.yttynr_bt{ width:100%; font-size:20px; font-weight:bold; text-align:center; color:#4d4d4d;}
.yttynr_time{ width:100%; font-size:12px; color:#999; text-align:center; padding-bottom:25px; margin-top:10px;}
.yttynr img{ height:auto; display:block; max-width:100%; margin:auto;}
.yttynr p{ font-size:14px;  color:#5c5c5c; line-height:28px; text-indent:28px;}
.yttynr p img{ height:auto; display:block; max-width:100%; margin:auto;}
.yttynr p video{ height:auto; display:block; max-width:100%; margin:auto;}
/* 通用内容 */
.pagetynr{ width:1200px; font-size:16px; color:#5c5c5c; margin:0 auto; line-height:32px; text-indent:32px; margin-top: 30px;}
.pagetynr p{ font-size:14px;  color:#5c5c5c; line-height:28px; text-indent:28px;}
.pagetynr p img{ height:auto; display:block; max-width:100%; margin:auto;}

/* 新闻列表 */
.ytnewlist{ margin:auto; overflow:hidden;}
.ytnewlist{ width:1200px;}
.ytnewlist_a{ display:block; width:100%; overflow:hidden; border-bottom:1px solid #EEE; margin-top:20px;}
.ytnewlist_a:hover{ border-bottom:1px solid #9ab9da;}
.ytnewlist_a:hover .ytnewlist_time{ color:#0a55a4;}
.ytnewlist_a:hover .ytnewlist_txta{ color:#0a55a4;}
.ytnewlist_a:hover .ytnewlist_txtb{ color:#0a55a4;}
.ytnewlist_time{ float:left; width:90px; color:#666;}
.ytnewlist_timea{ width:100%; text-align:center; font-size:20px;}
.ytnewlist_timeb{ width:100%; text-align:center; font-size:12px;}
.ytnewlist_txt{ float:left; width:1110px;}
.ytnewlist_txta{ width:100%; font-size:15px; color:#333; margin-top:3px;}
.ytnewlist_txtb{ width:100%; font-size:13px; margin-top:5px; padding-bottom:30px; color:#999;}

/* bootstrap  分页样式 */
.pagination{display:inline-block;padding-left:0;border-radius:0}
.pagination  li{display:inline;background: none;}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#333;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:0;border-top-left-radius:0}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:#333;background-color:#ecf0f1;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:#0a55a4;border-color:#ddd;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:#b4bcc2;background-color:#fff;border-color:#ddd;cursor:not-allowed}