@charset "utf-8";
/* CSS Document */

/* 首页*/
/* 通用样式*/
	a{ text-decoration:none;}
	ul li a{ display:block;}
	img{ display:block;}
	h1 h2{ margin:0; padding:0;}

/* 头部 */
	.header{ width:1200px;height:140px; margin:0 auto;}
	.nav-box{ width:100%; height:66px; background-color:#137dd5;}
	.top-nav{ width:1200px; margin:auto; height:66px;}
	
	.top-nav li{ float:left; width:130px; height:66px; transition:0.3s;}
	.top-nav li:hover div{ display:block; }
	.top-nav li div{ position:absolute; width:130px; z-index:6; display:none;}
	.top-nav li div a{ width:130px; height:56px; line-height:56px; display:block; margin-top:1px; color:#ffffff;background:#137dd5; text-decoration:none;}
	.top-nav li div a:hover{ background:#137dd5;color:#FFF;}
	.top-nav 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;}
	.top-nav li:hover a{ background-color:#fff; color:#137dd5;}
	.top-nav li:hover i{ width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid ;color:#137dd5; overflow:hidden; margin-top:31px;}
	
	.top-nav li a{ width:130px; height:66px; display:block; color:#fff; font-size:16px; line-height:66px; text-align:center;text-decoration:none;}
	.top-nav li a:hover{ color:#137dd5;}



/* 产品中心*/
.cp-title-box{ width:1200px; margin:auto; padding-top:60px; padding-bottom:60px;}
.cp-z-title{ margin:auto; width:320px;height:42px; clear:both; overflow:hidden;}
.cp-z-title div{ width:80px; height:1px; background-color:#137dd5; float:left; margin-top:20px;}
.cp-z-title p{ display:block; float:left; font-size:20px; color:#4c4c4c; margin-left:30px; margin-right:30px; line-height:42px;}
.cp-title-box h1{ text-align:center; font-size:40px; color:#4c4c4c;display:block; margin:auto;}
.cp-title-box h1 span{ font-weight:bold; color:#137dd5;}

.cp-nav-title{ width:1120px; height:auto; margin:auto; clear:both; overflow:hidden; margin-bottom:44px;}
.cp-nav-title li{ float:left; width:130px; height:36px;text-align:center; border: 1px solid #137dd5; border-radius:18px; margin-left:14px; margin-right:14px;}
.cp-nav-title li a{ font-size:16px; color:#137dd5; line-height:36px;}
.cp-nav-title li:hover{ background-color:#137dd5;}
.cp-nav-title li:hover a{ color:#fff;}

.cp-min-box{ width:1200px; margin:auto; height:auto; clear:both; overflow:hidden;}
.cp-min-box li{ float:left; width:300px;}
.cp-min-box li:hover{ position:relative; top:-6px;}
.cp-min-box li:hover a p{ color:#137dd5;}
.cp-min-box li a img{ width:291px; height:189px; margin:auto;}
.cp-min-box li a p{ font-size:16px; color:#666666; text-align:center; margin-top:20px; margin-bottom:46px;}


/* 产品优势 */
.cpys-title-box{ width:100%; height:209px; background-image:url(../images/cpys-bg.jpg); background-repeat:no-repeat; background-position:center; margin:auto; }
.cpys-z-title{ margin:auto; width:460px;height:42px; clear:both; overflow:hidden; padding-top:56px;}
.cpys-z-title div{ width:80px; height:1px; background-color:#fff; float:left; margin-top:20px;}
.cpys-z-title p{ display:block; float:left; font-size:20px; color:#fff; margin-left:30px; margin-right:30px; line-height:42px;}
.cpys-title-box h1{ text-align:center; font-size:40px; color:#fff;display:block; margin:auto;}
.cpys-title-box h1 span{ font-weight:bold; color:#fff;}


/* 联系我们 */
.tel-me-box{ width:100%; height:360px;background-image:url(../images/tel-me-bg.jpg); background-repeat:no-repeat; background-position:center;}
.tel-me-minbox{ width:1200px; margin:auto;}
.tel-me-minbox h1{ font-size:30px; font-weight:normal; color:#4c4c4c; padding-top:80px;}
.tel-me-minbox h1 span{font-size:40px;color:#4c4c4c; }
.tel-me-minbox h1 span span{ font-size:40px; font-weight:bold; color:#137dd5;}
.tel-me-minbox div{ width:360px; height:1px; background-color:#137dd5; margin-top:28px;}
.tel-me-minbox h2{ font-size:18px; font-weight:normal; color:#4c4c4c; padding-top:20px; }
.tel-me-minbox div{ width:360px; height:1px; background-color:#137dd5; margin-top:28px;}
.tel-me-minbox p{ width:550px; height:60px; border-radius:30px; margin-top:36px; font-weight:bold; font-size:28px; color:#fff; background-color:#fbc013; text-align:center; line-height:60px;}
.tel-me-minbox p:hover{ background-color:#137dd5;}


/* 他们都选择了 */
.tm-title-box{ width:1200px; margin:auto; padding-top:60px; padding-bottom:60px;}
.tm-z-title{ margin:auto; width:340px;height:42px; clear:both; overflow:hidden;}
.tm-z-title div{ width:80px; height:1px; background-color:#137dd5; float:left; margin-top:20px;}
.tm-z-title p{ display:block; float:left; font-size:20px; color:#4c4c4c; margin-left:30px; margin-right:30px; line-height:42px;}
.tm-title-box h1{ text-align:center; font-size:40px; color:#4c4c4c;display:block; margin:auto;}
.tm-title-box h1 span{ font-weight:bold; color:#137dd5;}

.tm-min-box{ width:1200px; margin:auto; height:auto; clear:both; overflow:hidden;}
.tm-min-box li{ float:left; width:300px;}
.tm-min-box li:hover{ position:relative; top:-6px;}
.tm-min-box li:hover a p{ color:#137dd5;}
.tm-min-box li a img{ width:286px; height:315px; margin:auto;}
.tm-min-box li a div{ width:286px; height:85px; background-color:#137dd5; margin:auto; font-size:18px; border-bottom-left-radius:12px; border-bottom-right-radius:12px;color:#fff; text-align:center; padding-top:26px;  margin-bottom:46px;}
.tm-min-box li a div:hover{ background-color:#fbc013;}
.tm-min-box li a div hr{ width:100px; margin:auto; margin-top:18px;height:1px;border:none;border-top:1px dashed #68ace4;}

/* 新闻中心和关于我们 */
.news-us-box{ width:100%; height:584px; background-image:url(../images/news-us-bg.jpg); }
.news-us-minbox{ width:1200px; margin:auto; padding-top:80px;}

.news-box{ float:left; width:540px;}
.news-box-title{ height:36px;}
.news-box-title div{ float:left; width:4px; height:36px; background-color:#137dd5;}
.news-box-title h1{ float:left; font-size:28px; margin-left:14px; line-height:36px; color:#137dd5;}
.news-box-title h2{ float:left; font-size:24px; margin-left:14px;line-height:36px; color:#fbc013;}
.news-box-title a{ float:right; text-decoration:none; font-size:16px; line-height:36px; color:#b2b2b2;}
.news-box-title a:hover{color:#137dd5;}

.news-box ul{ margin-top:26px;}
.news-box ul li a{ width:100%; height:54px; border-bottom: solid 1px #f0f0f0;}
.news-box ul li a h1{ float:left;font-weight:normal; text-decoration:none; font-size:16px; color:#808080; line-height:54px;}
.news-box ul li a p{ font-size:14px; color:#b2b2b2; float:right; line-height:54px;}
.news-box ul li a:hover h1{ color:#137dd5;}
.news-box ul li a:hover p{  color:#137dd5;}

.us-box{ float:right; width:600px;}
.us-box img{ width:600px; height:225px; margin:auto; margin-top:30px;}
.us-box p{ font-size:16px; line-height:28px; color:#808080; height:110px; overflow:hidden; margin-top:29px; text-indent:2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}

/* 您的位置 */
	.wz{ width:1200px; height:64px; margin:auto; border-bottom:solid 1px #dcdcdc;}
	.wz-box{ padding-top:22px; }
	.wz-box div{ float:left;}
	.wz-text{ font-size:14px; text-align:center; margin-left:10px;}
	.wz-text a{ text-decoration:none;color:#666666; }
	

	
/* 通用单页内容 */
.tynr-box{ width:1200px; height:auto; margin:auto; margin-top:50px; margin-bottom:50px; }
.tynr-title{ width:1200px; font-weight:bold;text-align:center; color:#333333; font-size:30px; margin-bottom:16px;}
.tynr-time{ width:1200px; text-align:center; color:#666666; font-size:14px; margin-bottom:40px;}
.tynr-min img{  margin:auto; margin-top:20px; margin-bottom:20px;}
.tynr-min p{ font-size:16px; color:#666666; line-height:32px; text-indent:2em;}
.tynr-min span{ font-size:16px; color:#666666; line-height:32px; text-indent:2em;}

/* 产品列表内容 */
	.cplb-box{ width:1200px; height:auto; clear:both; overflow:hidden; margin:auto; margin-top:50px;margin-bottom:60px; }

/* 左侧列表 */
	.cplb-left-box{ width:241px; height:auto; border: solid 1px #eeeeee; float:left;}
	.cplb-left-box div{ font-size:16px; text-align:center; color:#fff; line-height:50px; background-image:url(../images/left-list-title-bg.jpg);}
	.cplb-left-box ul{ width:100%; height:auto; padding-bottom:50px;}  
	.cplb-left-box ul li{ width:100%; height:50px; border-bottom: dashed 1px #e5e5e5; text-align:center;}
	.cplb-left-box ul li a{ font-size:14px; color:#666; line-height:50px;}
	.cplb-left-box ul li:hover{ border-bottom: dashed 1px #137dd5; background-color:#f0f8ff;}
	.cplb-left-box ul li:hover a{ color:#137dd5;}

/* 右侧列表 */
	.cplb-right-box{ width:897px; margin:auto; float:right; }
	.cplb-right-box li{ float:left; width:291px; height:244px; text-align:center; margin-bottom:30px; margin-left:4px; margin-right:4px;}
	.cplb-right-box li:hover{ position:relative; top:-6px;}
	.cplb-right-box li a img{ width:291px; height:189px; margin:auto;}
	.cplb-right-box li a p{ font-size:16px; font-weight:normal; color:#666666; line-height:54px;}
	.cplb-right-box li:hover a p{ color:#137dd5;}
	
/* 右侧产品详细内容 */	
.cplb-right-del{ width:100%; height:285px; margin:auto; }
.cplb-right-del img{ float:left; width:440px; height:285px;}
.cplb-right-del div{ width:437px; float:right; }
.cplb-right-del div h1{ font-size:24px; line-height:70px; border-bottom: solid 1px #ebebeb; color:#137dd5; font-weight:normal;}
.cplb-right-del div h2{ font-size:16px; color:#626262; line-height:40px;}
.cplb-right-del div p{font-size:14px; height:112px; overflow:hidden; color:#626262; line-height:28px;font-weight:normal;}

.cplb-right-min{ width:897px;; margin:auto; margin-top:70px; font-size:20px; line-height:54px;}
.cplb-right-min div{ width:897px; border-top: solid 1px #ebebeb;color:#242424; font-weight:bold;}
.cplb-right-min img{ margin:auto; margin-top:20px; margin-bottom:20px;}
.cplb-right-min p{ font-size:16px; color:#666666; line-height:32px; text-indent:2em;}	

/* 图片列表 */
.img-min-box{ width:1200px; margin:auto; height:auto; clear:both; overflow:hidden; margin-top:70px;}
.img-min-box li{ float:left; width:300px;}
.img-min-box li:hover{ position:relative; top:-6px;}
.img-min-box li:hover a p{ color:#137dd5;}
.img-min-box li a img{ width:291px; height:189px; margin:auto;}
.img-min-box li a p{ font-size:16px; color:#666666; text-align:center; margin-top:20px; margin-bottom:46px;}

/* 案例列表 */
.al-min-box{ width:1200px; margin:auto; height:auto; clear:both; overflow:hidden; margin-top:70px;}
.al-min-box li{ float:left; width:300px;}
.al-min-box li:hover{ position:relative; top:-6px;}
.al-min-box li:hover a p{ color:#137dd5;}
.al-min-box li a img{ width:286px; height:315px; margin:auto;}
.al-min-box li a p{ font-size:16px; color:#666666; text-align:center; margin-top:20px; margin-bottom:46px;}


/* 新闻列表内容 */
	.right-min-box{ width:1200px; height:auto; margin:auto;margin-top:50px; margin-bottom:80px;}
	.right-min-box a{ display:block;}
	.right-min{ width:1200px; height:143px; border-bottom: solid 1px #ebebeb; border-top:solid 1px #fff;  border-left:solid 1px #fff; border-left:solid 1px #fff;margin:auto; margin-bottom:20px;}
	.right-min img{float:left; width:160px; height:103px; margin-left:20px; margin-top:20px;}
	.right-min:hover{ border: solid 1px #137dd5;}
	.right-min-text{ width:880px; height:143px; float:left; margin-top:22px; margin-left:74px;}
	.right-min-text-1{ color:#137dd5; font-size:18px; margin-top:10px;}
	.right-min-text p{ color:#808080; font-size:14px; line-height:24px; margin-top:10px; height:48px; overflow:hidden;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
	.right-min-text-2{ float:right; width:120px; height:30px; border-radius:15px; line-height:30px; font-size:14px; color:#fff; text-align:center; background-color:#137dd5;}
	.right-min-text-2:hover{ background-color:#fbc013;}

/* 联系我们 */
.lxwm-box{ margin:auto; width:1200px; height:auto; clear:both; overflow:hidden; margin-top:50px; margin-bottom:50px;}
.lxwm-box div p{ display:block; float:left; font-size:16px; line-height:32px;  text-align:center; color:#666666;}
.map{ width:100%; margin:auto; margin-bottom:50px; height:400px; background-color:#137dd5;}

/* 底部 */
	.bot{ background-color:#137dd5; width:100%; height:346px; }
	.bot-cot{ width:1200px; height:316px; margin: 0 auto;text-align:center;}
	
	.bot-cot h1{font-size:14px; font-weight:normal; padding-top:53px;padding-bottom:51px;  }
	.bot-cot h1 a{text-decoration:none;color:#fff; margin-left:16px; margin-right:16px;}
	.bot-cot h1 a:hover{ color:#fbc013;}
	.bot-sl-1{ width:1200px; height:1px; background-color:#3e94dd; margin:auto; margin-bottom:34px;}
	.bot-cot h2{font-size:18px; color:#ffffff; font-weight:normal; opacity:0.5;padding-bottom:7px; }
	
	.bot-sl-2{ width:360px; height:50px; margin:auto; }
	.bot-sl-2 img{ float:left;}
	.bot-sl-2 p{ float:left; font-size:36px; color:#fcc02e; font-weight:bold; margin-left:10px;}
	.bot-sl-3{width:1200px; height:1px; background-color:#3e94dd; margin:auto; margin-bottom:34px; margin-top:20px; margin-bottom:20px;}
	.bot-cot h3{font-size:14px;  color:#ffffff; opacity:0.5;font-weight:normal; }
	.bot-cot h3 a{color:#ffffff;}
	
		/* 友情链接 */
.yqlj{ width: fit-content; margin-left: auto; margin-right: auto; clear:both; overflow:hidden; height:60px; line-height:60px; margin:auto;}
.yqlj h1{ float:left; font-size:16px; color:#333; margin-right:10px; }
.yqlj a{ float:left; font-size:14px; color:#999; margin-right:30px;}
.yqlj a:hover{ color:#de6c43;}

/* 返回底部 */
.toTop {width: 70px;height: 70px;border-radius: 50%;background: #8c8c8c;color:#ffffff;text-align: center;line-height: 70px;/*返回顶部标签固定定位*/position: fixed;right: 35px;bottom: 35px;z-index: 999;font-size: 14px;}
.toTop:hover {background: #fcc02e;font-size: 14px;cursor: pointer;color: #ffffff;}

/* CSS Document */
.ytfy_pc{ width:1200px; margin:auto; text-align:center; overflow:hidden; display:none;}
.ytfy_pc{ margin-top:30px; display:block; font-size:14px;}
/* 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:#137dd5;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}