body{font-family:arial;background: url(../images/bg.jpg) top center repeat-y;}
a{color: #111;text-decoration: none}
a:hover{text-decoration: underline;color: #00A1E9}

.content{width: 1200px;margin-left: auto;margin-right: auto;overflow: hidden;position: relative;}
.tr{text-align: right;}
.tc{text-align: center;}
.transition,
.category a,
#nav a{transition:all 1s;    -moz-transition:all 1s;    -webkit-transition:all 1s;    -o-transition:all 1s;}

#head{padding: 15px 0;}
#head #logo{width: 230px; height: 140px;background: url(../images/logo.jpg) left center no-repeat;float: left;}
#head #site_info{padding-top: 25px;font-size: 16px;text-align: center;width: 770px;float: left; font-family: Arial;}
#head #site_info strong{font-size: 22px;font-weight: bold;  padding-bottom: 10px;display: block;;}
#head #site_info p{line-height: 25px;;}

#head #site_language{ width: 150px;height: 62px;position: absolute;right: 0px;bottom: 30px; }
#head #site_language a{padding-top:33px;height: 29px;line-height: 29px;width: 50px;float: left;margin-left: 15px;background: url(../images/site_language.jpg) no-repeat;color: #111;text-decoration: none;font-size: 14px;}
#head #site_language .lan-en{background-position-x: right;}

#nav{height: 70px;line-height: 70px; min-width: 1200px;background: url(../images/nav1.jpg); text-align: center;}
#nav a{display: inline-block;color: #fff;text-decoration: none;font-size: 18px; padding: 0 30px;}
#nav a:hover{background: #fff;color: #111; border-radius: 25px 25px 0 0; background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(154,201,237,0) 14%, rgba(125,185,232,1) 18%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(154,201,237,0) 14%,rgba(125,185,232,1) 18%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(154,201,237,0) 14%,rgba(125,185,232,1) 18%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}


.slideBox{ width:1200px; height:540px; overflow:hidden; position:relative; border:1px solid #fff; margin: 0px 0; padding-bottom:10px;}
.slideBox .hd{ width: 1200px; height:15px; overflow:hidden; position:absolute; left:0px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; font-size: 10px; font-family: Arial;text-align: center;}
.slideBox .hd ul li{ display:inline-block; margin:0 5px;  width:12px; height:12px;  background:#fff; cursor:pointer; border-radius: 50%;}
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1200px; height:540px; display:block;  }

.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.main{overflow: hidden; padding-top:5px;}
.main .main-left,
.main .main-right{overflow: hidden;float: left;}
.main .main-left{width: 270px;}
.main .main-right{width: 930px;}

.category{background: #00A1E9; color: #fff; font-size: 14px;padding-bottom: 10px; position: relative;   overflow: hidden;     max-height: 290px;}
.category .title{background:#0290D0 ; font-weight:bold; box-shadow:0 1px 13px 7px rgba(239, 238, 238, 0.2)}
.category li{line-height: 26px; padding: 6px 0 6px 8px;}
.category a{color: #fff; background: #00A1E9;text-decoration: none;display: block;padding-left: 10px;}
.category li .iconfont{float: right;font-size: 28px; margin-right:8px; font-weight: normal;}
.category a:hover{color: #111; border-radius: 5px 0 0 5px;background: rgb(210,235,249); }
.category .more{position: absolute; left: 0;bottom: 0px;width: 100%; font-weight:bold; }

.category.all{max-height: inherit;}
.category.all .more{display: none;}

.panel{overflow: hidden; border: solid 1px #eee;}
.panel .panel-title{
    height: 50px; line-height: 50px; font-size: 14px; padding-left: 18px; border-bottom: solid 1px #eee; font-weight: bold; color:#fff;
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
background: rgb(109,179,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */

}
.panel .panel-title .iconfont{float: right; font-size: 28px; margin-right: 8px; color: #eee; font-weight: normal;}

.Certslide{ height:300px; overflow:hidden; position:relative; margin: 5px 0;}
.Certslide .hd{ display: none; }
.Certslide .bd{ position:relative; height:100%; z-index:0;   }
.Certslide .bd li{ zoom:1; vertical-align:middle; text-align: center;}
.Certslide .bd img{ max-width:300px; height:300px;  }

.products{overflow: hidden; width: 920px; margin-left: 10px;}
.products li{width:25%; float: left; text-align: center;}
.products li a{display: block; margin: 5px; color: #111; text-decoration: none;;}
.products li a:hover{box-shadow: 0 0 5px 0px #2db0ea;}
.products li a:hover img{border-color: #fff;}
.products li a:hover .pro-name{color:#0290D0;}
.products li img{width:210px; height:210px; padding: 4px; border: solid 1px #eee;}
.products li .pro-name{padding:8px 5px;text-align: left; line-height:25px; font-size: 14px; height:45px; overflow: hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }

.hr{height: 10px;}

.about-us{margin: 20px; font-size: 14px; max-height:450px; overflow: hidden; line-height: 1.8;   padding-left:340px; background: url(../images/aboutus.jpg) left center no-repeat; position: relative;}
.about-us::before{content: "..."; position: absolute;right: 0;bottom: 0;background-color: #fff;font-size: 14px;line-height: 1.8;}

.projects{padding: 15px 0; overflow: hidden;}
.projects li{width: 20%; float: left; text-align: center;}
.projects li img{width: 210px; height: 160px; padding:4px; border:solid 1px #eee;}
.projects li .project-name{width: 210px;margin: 0 auto; padding:10px 0 0 0; height: 45px; text-align: left;line-height: 1.5; font-size: 14px; overflow: hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;    color: #111; }


/*这里是Project页分栏样式*/

.projects-list2{overflow: hidden;}
.projects-list2 .projects-list-1{width: 50%;float: left;padding-right: 0%;}
.projects-list2 .projects-list-2{width: 49%;float: left;padding-left: 1%;}

.projectslist2 li{ margin: 10px; line-height: 2;font-size: 14px;overflow: hidden; }
.projectslist2 li a{color: #111; text-decoration: none;}
.projectslist2 li a:hover{color: rgb(11, 78, 155);}

.projects-list2 .projects-title1{ font-size:14px; font-weight:bold; margin:10px 0;}

.projects-list2 li{overflow: hidden; margin: 20px 5px;}
.projects-list2 .title-img{width: 180px;height: 120px;border-radius: 5px; float: left; margin-right: 10px; padding:5px;border:solid 1px #CCC; }
.projects-list2 .projects1title a{color: #000; font-weight:bold;}
.projects-list2 .projects1title a:hover{color: #00A1E9}

.txt2line2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical; min-height:70px;}


/*这里是项目页分栏样式完成*/


.installation-col2{overflow: hidden;}
.installation .installation-col-1{width: 50%;float: left;padding-right: 0%;}
.installation-col2 .installation-col-2{width: 49%;float: left;padding-left: 1%;}

.installationlist li{ background: url(../images/blue-arr.jpg) 5px 5px no-repeat; padding-left:40px;margin: 10px; line-height: 2;font-size: 14px;height: 31px;overflow: hidden; }
.installationlist li a{color: #111; text-decoration: none;}
.installationlist li a:hover{color: rgb(11, 78, 155);}

.list-col2 {overflow: hidden;}
.list-col2 li{width: 49%;float: left;padding-right: 0%;}


.service-col2{overflow: hidden;}
.service .service-col-1{width: 50%;float: left;padding-right: 0%;}
.service-col2 .service-col-2{width: 49%;float: left;padding-left: 1%;}

.servicelist li{ background: url(../images/blue-arr.jpg) 5px 5px no-repeat; padding-left:40px;margin: 10px; line-height: 2;font-size: 14px;height: 31px;overflow: hidden; }
.servicelist li a{color: #111; text-decoration: none;}
.servicelist li a:hover{color: rgb(11, 78, 155);}


.news-col2{overflow: hidden;}
.news-col2 .news-col-1{width: 50%;float: left;padding-right: 0%;}
.news-col2 .news-col-2{width: 49%;float: left;padding-left: 1%;}

.newslist li{ background: url(../images/blue-arr.jpg) 5px 5px no-repeat; padding-left:40px;margin: 10px; line-height: 2;font-size: 14px;height: 31px;overflow: hidden; }
.newslist li a{color: #111; text-decoration: none;}
.newslist li a:hover{color: rgb(11, 78, 155);}

.video li img{width: 210px; height: 160px; padding:4px; border:solid 1px #eee;}
.video li .project-name{width: 210px; font-size: 14px; height: auto;}
.video .desc{text-align: left; width: 210px; margin: 0 auto; font-size: 14px;line-height: 1.5; font-family: -webkit-pictograph; color: #666;}


.bar4col{ width: 278px;float: left; border-right: 1px solid #eee; min-height: 160px;padding:10px; line-height: 1.5;color: #666;}
.bar4 .bar4col:last-child{ border-right: none;}
.bar4col a{color: #666; line-height:2;}
.bar4col strong a{ color: #0290d0;}
.bar4col p{ font-size:14px; padding:5px 0;width:278px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display: block;}


.footer{color: #fff; font-size: 14px;}
.footer .contactus{background: #00A1E9;padding: 10px 0;}
.footer .copyright{background: #0290D0; line-height: 50px; text-align: center;}

.contactus .c-col-5{width:500px;float: left;overflow: hidden; min-height: 300px;}
.contactus .c-col-3{width:300px;float: left;overflow: hidden;min-height: 300px; text-align: right; line-height:2.5;}
.contactus .c-col-4{width:400px;float: left;overflow: hidden;min-height: 300px;}

.contactus .contactinfo{font-size: 14px;line-height:2.5; padding-right: 10px; }
.contactus .contactinfo strong{font-weight: bold;}

.guest-book .form-row{min-height: 36px;line-height: 42px; overflow: hidden;margin-bottom:10px;}
.guest-book .form-row label{float: left; padding-right:10px ; width:55px;}
.guest-book .form-input,
.guest-book textarea{border: solid 1px #fff;background: transparent; height: 26px;line-height: 26px; padding: 0 10px; color: #fff; }
.guest-book textarea{height: 50px;}
.guest-book #name{ width: 220px;}
.guest-book #mail{ width: 320px;}
.guest-book #Tel{ width: 250px;}
.guest-book #Message{ width: 320px;}
.guest-book .last-row{    height: 85px;margin: 0;}
.guest-book .btn-row{padding-left: 70px;}
.guest-book .btn-row .submit{ color: #fff; font-weight: bold; height: 30px; padding: 0 20px; background: #00a1e9; border-radius: 5px; border: solid 1px #fff;}



.sub_title{height: 60px; border-bottom: solid 1px #111;margin-bottom: 10px;}
.sub_title strong{line-height: 60px;font-weight: bold;font-size: 22px;}
.sub_title span{padding-left:30px; font-size: 14px;}

.sub_menu{overflow: hidden;margin-bottom: 30px;}
.sub_menu a{display: inline-block; height: 50px;line-height:50px; font-size:14px;color: #111; background: #fff;border: solid 1px #ccc; border-radius: 5px;padding:0 35px; margin-right: 20px; text-decoration: none; }
.sub_menu a:hover,
.sub_menu a.on{background: #0292D1; color: #fff;border-color:#0292D1 }


.about{padding:5px 5px;}
.text_area{font-size: 14px;line-height: 1.95;font-family:Arial;}
.text_area p{margin: 5px 0;}
.text_area img{max-width: 1150px;}

.txt2line{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.news_list{}
.news_list li{overflow: hidden;margin-bottom: 10px;}
.news_list  .titleimg{width: 210px;height: 160px;border-radius: 5px; float: left; margin-right: 20px; padding:5px;border:solid 1px #CCC;}
.news_list .newstitle{max-height: 60px;font-size: 18px; overflow: hidden;line-height: 30px; margin-bottom: 20px;}
.news_list .newstitle a{color: #000;}
.news_list .newstitle a:hover{color: #00A1E9}

.news_list .newsdesc{max-height: 90px; overflow: hidden; line-height: 1.85; font-size: 14px; color: #999;}
.newsdetail .newattr,
.news_list .newattr{height: 30px;line-height: 30px; margin-top: 10px;line-height: 1.85; font-size: 14px; color: #666666;text-align: right}

.newsdetail .newstitle{padding:30px 0 0 0; font-size: 18px;text-align: left;font-weight: bold;}
.newsdetail .newattr{text-align: left;border-bottom: solid 1px #ccc;  padding:10px 0;}
.newsdetail .page{padding: 30px 0; border-top: solid 1px #ccc; line-height: 2;font-size: 14px;}
.newsdetail .page strong{font-weight: bold}

/*.installation img{ width:250px }
.installation{width: 100%;text-align: center}*/

/*这里是新闻页分栏样式*/

.news-list2{overflow: hidden;}
.news-list2 .news-list-1{width: 50%;float: left;padding-right: 0%;}
.news-list2 .news-list-2{width: 49%;float: left;padding-left: 1%;}

.newslist2 li{ margin: 10px; line-height: 2;font-size: 14px;overflow: hidden; }
.newslist2 li a{color: #111; text-decoration: none;}
.newslist2 li a:hover{color: rgb(11, 78, 155);}

.news-list2 .news-title1{ font-size:14px; font-weight:bold; margin:10px 0;}

.news-list2 li{overflow: hidden; margin: 20px 10px;}
.news-list2 .title-img{width: 180px;height: 120px;border-radius: 5px; float: left; margin-right: 10px; padding:5px;border:solid 1px #CCC; }
.news-list2 .news1title a{color: #000; font-weight:bold;}
.news-list2 .news1title a:hover{color: #00A1E9}

.txt2line1{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;height: 55px; overflow: hidden; }


/*这里是新闻页分栏样式完成*/

.installation_list{}
.installation_list li{overflow: hidden;margin-bottom: 10px;}
.installation_list  .titleimg{width: 210px;height: 160px; border-radius: 5px; float: left; margin-right: 20px; padding:5px;border:solid 1px #CCC}
.installation_list .installationtitle{max-height: 60px;font-size: 18px; overflow: hidden;line-height: 30px; margin-bottom: 20px;}
.installation_list .installationtitle a{color: #000;}
.installation_list .installationtitle a:hover{color: #00A1E9}

.installation_list .installationdesc{max-height: 90px; overflow: hidden; line-height: 1.85; font-size: 14px; color: #999;}
.installationdetail .installationattr,
.installation_list .installationattr{height: 30px;line-height: 30px; margin-top: 10px;line-height: 1.85; font-size: 14px; color: #666666;text-align: right}

.installationdetail .installationtitle{padding:30px 0 0 0; font-size: 18px;text-align: left;font-weight: bold;}
.installationdetail .installationattr{text-align: left;border-bottom: solid 1px #ccc;  padding:10px 0;}
.installationdetail .page{padding: 30px 0; border-top: solid 1px #ccc; line-height: 2;font-size: 14px;}
.installationdetail .page strong{font-weight: bold}


.service_list{}
.service_list li{overflow: hidden;margin-bottom: 10px;}
.service_list  .titleimg{width: 210px;height: 160px; border-radius: 5px; float: left; margin-right: 20px;  padding:5px;border:solid 1px #CCC}
.service_list .servicetitle{max-height: 60px;font-size: 18px; overflow: hidden;line-height: 30px; margin-bottom: 20px;}
.service_list .servicetitle a{color: #000;}
.service_list .servicetitle a:hover{color: #00A1E9}

.service_list .servicedesc{max-height: 90px; overflow: hidden; line-height: 1.85; font-size: 14px; color: #999;}
.servicedetail .serviceattr,
.service_list .serviceattr{height: 30px;line-height: 30px; margin-top: 10px;line-height: 1.85; font-size: 14px; color: #666666;text-align: right}

.servicedetail .servicetitle{padding:30px 0 0 0; font-size: 18px;text-align: left;font-weight: bold;}
.servicedetail .serviceattr{text-align: left;border-bottom: solid 1px #ccc;  padding:10px 0;}
.servicedetail .page{padding: 30px 0; border-top: solid 1px #ccc; line-height: 2;font-size: 14px;}
.servicedetail .page strong{font-weight: bold}


.faq{}
.faq a{color:#0292D1}
.faq dt{padding-left: 20px;}
.faq dd{border:solid 1px #eee;font-size: 14px; background: #f9f9f9;padding: 5px 20px;margin:0 20px 20px 20px; font-family: inherit;}





ul.pagination {
    display: inline-block;
    padding: 10;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

ul.pagination li a.active {
    background-color: #0292D1;
    color: white;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}





.search {
	display: flex;
	display: table;
	padding-top:5px;
	padding-bottom:0px;
	position: relative;
	border: solid 1px #ADC0D1;
	border-radius: 0 0 10px 10px;
	background: #C6D8EC;
	padding:10px 50px;
}

.search_box {
	flex: 1;
	position: relative;
	display: table-cell;
	width: 848px;
	overflow:hidden
}
.searchicon {
	position: absolute;
	height: .5rem;
	width: .5rem;
	background: transparent;
	border: 2px solid #43b3e7;
	top: .5rem;
	left: .5rem;
	border-radius: 100%;
	display: table-cell;
}
.search_label {
	padding-left: 10px;
	height: 2rem;
	line-height: 2rem;
	font-size: 1rem;
	display: table-cell;
}
 
.searchicon:after {
	content: "";
	position: absolute;
	background: #43b3e7;
	height: 6px;
	width: 3px;
	bottom: -5px;
	right: -3px;
	transform: rotate(-45deg);
}
.search .select{width: 150px; padding-right: 10px;}
.search .select select {	
    font-size: 16px;
	height: 2.2rem;
    width: 100%;
    border-radius: 0.3rem;
    border: inset 2px;
}
.search_box input {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
	font-size: 16px;
	height: 2.2rem;
	width: 100%;
	border-radius: 0.3rem;
	padding-left: 1.8rem;
}
 
 
.round_button {
	border: 1px solid #74898E;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	width: 80px;
	height: 35px;
	border-radius: 5px;
background: rgb(181,189,200); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */

}

.sub_foot_products.projects li img{ height:210px;}