a:focus { color: #666; outline: none; }
ul { padding: 0; margin: 0; }
p { line-height: 1.8; }
p:last-child { margin-bottom: 0; }
h3 { font-size: 1.6rem; }
body { color: #000; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 300; overflow-x: hidden; }
.margin-b-15 { margin-bottom: 15px; }
.margin-b-40 { margin-bottom: 40px; }
.margin-b-50 { margin-bottom: 50px; }
.pt-31 { padding-top: 1.1rem!important; }
.pb-31 { padding-bottom: 1.1rem!important; }
.tm-welcome-img { width: 100%; }
.tm-bg-light-gray { background-color: #F2F2F2; }
.tm-blue-text { color: #0966CC; }
.tm-black-text { color: #000; }
.tm-box-pad { padding: 45px 40px; }
.tm-bordered-box { border: 1px solid #993366; }
.tm-address-box { padding: 35px 30px 10px; }
.tm-sidebar { float: none; width: 100%; max-width: 100%; margin-bottom: 20px; }
.tm-body {position: relative; overflow-x: hidden; overflow-y: auto; }
.tm-main-nav { font-size: 1.4rem; }
.tm-main-nav-ul { text-align:left;  -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.tm-nav-item { list-style: none; margin-bottom: 5px; width: 100%; }
.tm-nav-item-link { padding: 10px; width: 100%; }
.tm-nav-item-link:focus { text-decoration: none; }
.tm-nav-item ul li{ font-size:18px; color:#fff; list-style-type:none; padding-left:130px; line-height:50px;}
.tm-nav-item ul li:hover{ width:325px; height:50px; background:url(../menu2_bg.png) left; text-decoration:none;}
.menu_link{ width:325px; height:50px; background:url(../menu2_bg.png) left;}
.tm-orange-text { color: #CC6733; }
.tm-button, .tm-button:focus { border-radius: 0; color: #fff; display: block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size:20px; font-weight:600 }
.tm-button:hover, .tm-button.active {  color: #fff; text-decoration: none;background:url(../menu2_bg.png) left; }
.tlinks { text-indent: -9999px; height: 0; line-height: 0; font-size: 0; overflow: hidden; }
.tm-button-normal { cursor: pointer; display: inline-block; font-size: 1.2rem; padding: 15px 50px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.tm-button-normal:focus { outline: none; }
.tm-bg-orange { background-color: #CC6733; color: white; }
.tm-button-rounded { border-radius: 8px; padding-top: 12px; padding-bottom: 12px; }
.tm-button-orange { background-color: #CC6733; }
.tm-button-orange:hover, .tm-button-orange:focus { background-color: #e68d5f; }
.tm-bg-pink { background-color: #CC6690; }
.tm-button-pink { background-color: #CC6698; }
.tm-button-pink:focus, .tm-button-pink:hover { background-color: #ff84c0; }
.tm-button-green { background-color: #349999; }
.tm-button-green:focus, .tm-button-green:hover { background-color: #43c7c7; }
.tm-bg-green { background-color: #349999; }
.tm-bg-red { background-color: #CB6666; }
.tm-button-red { background-color: #CB6666; }
.tm-button-red:focus, .tm-button-red:hover { background-color: #f37373; }
.tm-bg-gray { background-color: #666666; }
.tm-button-no-border { border: none; }
.tm-button-gray { background-color: #666666; color: white; border: none; padding: 12px 40px; }
.tm-button-gray:hover { background-color: #999898; border: none; color: white; }
.tm-button-timeline { padding-left: 35px; padding-right: 35px; }
.tm-timeline-item-title { font-size: 1.8rem; }
.tm-timeline-date { color: white; font-size: 1.4rem; }
.tm-section-title { font-size: 2rem; font-weight: 300; margin-top: 0; margin-bottom: 30px; }
.tm-banner { padding: 0; }
.tm-banner-inner {color: white; height: 100%; padding:45px 35px 15px; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.tm-banner-title { font-size: 3.6rem; letter-spacing: 2px; text-transform: uppercase; }
.tm-banner-subtitle { color: #FECB99; font-size: 1.4rem; }
.tm-gallery-container { overflow-y: hidden; }
.grid { max-width: 1165px; margin: 0 auto; }
/* clearfix */
.grid:after { content: ''; display: block; clear: both; }
/* fluid 5 columns */
.grid-item { margin: 5px; }

/* Firefox hack 
   https://css-tricks.com/snippets/css/css-hacks-targeting-firefox/
*/
@-moz-document url-prefix() {
 .grid figure {
 margin: 10px 1.1666%;	/* padding-bottom in % not working in FF, so use em instead. */
}
}
.contact-form { overflow: hidden; }
.form-control { border-radius: 0; font-size: 1em; }
.form-control:focus { border-color: #CC6733; box-shadow: inset 0 1px 1px rgba(230, 141, 95, .075), 0 0 8px rgba(230, 141, 95, 0.58); }
.form-group { margin-bottom: 20px; }
.tm-footer { color: #666; padding-top: 40px; padding-bottom: 40px; }
#google-map { height: 360px; width: 100%; }
.tm-content-box-home { position: relative; margin-bottom: 63px; }
.tm-content-box { margin-top: 60px; }
.tm-content-box:first-child { margin-top: 0; }
.tm-box-pad { padding: 35px 20px; }
.tm-flex-center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.tm-about-text { max-width: 575px; }
.media { display: block; }
.media-body { height: auto; }
.tm-flexbox-ie-fix { flex: 1 1 auto; }
.tm-width-ie-fix { width: 100%; }
address { line-height: 2; }
.tm-media-img-container, .tm-media-img-container img { width: 100%; }
.grid { position: relative; margin: -1.5rem auto; list-style: none; text-align: center; }
 @media (min-width: 524px) {
	/* Firefox hack 
   		https://css-tricks.com/snippets/css/css-hacks-targeting-firefox/
	*/
	@-moz-document url-prefix() {
 .grid figure {
 margin: 8px 1%;	/* padding-bottom in % not working in FF, so use em instead. */
}
}
}
 @media (min-width: 640px) {
.media { display: flex; }
.tm-media-img-container, .tm-media-img-container img { width: auto; }
.tm-media-img-container img { max-width: 280px; }
}
 @media (min-width: 800px) {
.tm-section-title { margin-bottom: 30px; }
.tm-box-pad { padding: 45px 40px; }

	/* Firefox hack 
   	https://css-tricks.com/snippets/css/css-hacks-targeting-firefox/
	*/
	@-moz-document url-prefix() {
 .grid figure {
 margin: 10px 1.1666%;	/* padding-bottom in % not working in FF, so use em instead. */
}
}
}


.tm-main-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
 @media screen and (max-width: 564px) {
.tm-banner-title { font-size: 2.8em; }
}


#service{ background:url(../service.jpg) top center;}
.left_lan{ text-align:center; font-size:18px; color:#fff; margin-top:400px;}
.left_lan a:link,.left_lan a:visited,.left_lan a:active{ color:#fff;}
.left_bot{ text-align:center; font-size:12px; color:#fff; margin-top:15px;}
.right_title{ margin-top:136px; margin-left:-70px; margin-bottom:30px;}
.right_title h2{ font-size:36px; color:#fff; font-weight:bold}
.right_title h3{ font-size:24px; color:#fff;}
.menu_2 a{ color:#fff; text-decoration:none}
.menu_22{background: url(../menu2_bg.png) left; color:#fff; text-decoration:none}
.menu_22 a{ color:#fff; text-decoration:none}
#paas{ background:url(../paas.jpg) top center;}
#renewable{ background:url(../renewable.jpg) top center;}
#clean{ background:url(../clean.jpg) top center;}
#green{ background:url(../green.jpg) top center;}
#industrail{ background:url(../industrail.jpg) top center;}
#contact{ }
#banner{ background:url(../banner.jpg) top center no-repeat; height:880px;}
a.map{ width:100%; height:100%;background:url(../contact.jpg) top center no-repeat; position: absolute; z-index:1; background-size: cover}

@media (min-width: 1500px) {
.service_box{ background-color:#fff; margin-right:15%;}
.service_title{ width:908px; height:70px; background:url(../service_title.png) left no-repeat; margin-top:22px; margin-left:-19px; color:#fff; font-weight:bold}
.service_title_text{ font-size:24px; padding-left:70px; line-height:60px;}
.service_title_text span{ font-size:18px; padding-left:20px;}
.service_info_left{ width:35%; padding-left:55px; padding-top:40px; padding-right:100px; float:left; font-size:20px; color:#000918; line-height:35px}
.service_info_img{ width:65%;margin-top:30px; margin-bottom:55px; float:left}
.service_info_img img{ width:90%;}
.service_info_left2{ width:35%; padding-left:55px; padding-top:40px; padding-right:60px; float:left; font-size:20px; color:#000918; line-height:30px; padding-bottom:30px;}
.tm-main-content { margin-left:500px; }
.container-fluid { max-width:100%; }
.tm-sidebar { width: 325px; height:1080px; background:url(../menu_left_bg.png) top; float:left }
.tm-nav-item-link { padding-left:105px; }
.tm-section-title { margin-bottom: 20px; }
.tm-box-pad { padding: 45px; }

.paas_box{ width:1238px; height:579px; background:url(../paas_info_bg.png);}
.paas_title{ font-size:24px; font-weight:bold; color:#fff; padding-left:75px; padding-top:45px;}
.paas_info{ padding-left:75px; padding-top:20px;}
.paas_info_text{ font-size:20px; color:#fff;}
.paas_info_img{ text-align:center; padding-top:40px;}
.paas_info_img p{ font-weight:bold; color:#fff; padding-top:30px; font-size:20px;}

.renewable_box{ background:url(../renewable_bg.png) top; margin-right:15%;}
.renewable_title{ width:478px; height:80px; background:url(../renewable_title.png) left no-repeat; margin-top:22px; margin-left:-19px; color:#fff; font-weight:bold}
.renewable_title_text{ font-size:24px; padding-left:70px; line-height:60px;}
.renewable_title_text span{ font-size:18px; padding-left:20px;}
.renewable_info_left{ width:45%; padding-left:55px; padding-top:40px; padding-right:100px; float:left; font-size:20px; color:#fff; line-height:30px}
.renewable_info_img{ width:55%;margin-top:30px; margin-bottom:55px; float:left}
.renewable_info_img img{ width:90%;}

.clean_title{ width:528px; height:70px; background:url(../renewable_title.png) left no-repeat; margin-top:22px; margin-left:-19px; color:#fff; font-weight:bold}
.clean_info_left{ width:45%; padding-left:55px; padding-top:40px; padding-right:100px; float:left; font-size:20px; color:#fff; line-height:30px}
.clean_info_left p{ font-weight:bold; padding-bottom:40px;}
.clean_info_img{ width:55%;margin-top:30px; margin-bottom:15px; float:left}

.green_p{ font-size:18px; color:#fff; font-weight:600; width:1238px; padding-bottom:50px; margin-left:-35px;}
.green_title{ width:px; height:70px; background:url(../green_title.png) left no-repeat; margin-top:22px; margin-left:-19px; color:#fff; font-weight:bold}
.green_info_left{ width:45%; padding-left:55px; padding-top:40px; padding-right:100px; float:left; font-size:20px; color:#fff; line-height:35px}
.green_info_img{ width:55%;margin-top:30px; margin-bottom:55px; float:left}

.industrail_info_left{ width:45%; padding-left:55px; padding-top:40px; padding-right:100px; float:left; font-size:20px; color:#fff; line-height:35px}
.industrail_info_img{ width:55%;margin-top:30px; margin-bottom:55px; float:left}

.contact_menu{ width:100%; height:120px; background:url(../contact_menu.png); position:absolute; z-index:2}
.contact_logo{ padding-top:30px; margin-left:260px; float:left}
.contact_nav{ float:left; margin-left:350px; margin-top:40px;}
.contact_nav li{ list-style-type:none; font-size:28px; float:left; margin-right:70px;}
.contact_nav li a{color:#cacaca;  text-decoration:none }
.contact_nav li a:hover{ color:#15b0ec; border-bottom:2px #15b0ec solid; padding-bottom:10px;}
.contact_nav li .active{ color:#15b0ec; border-bottom:2px #15b0ec solid; padding-bottom:10px;}
.contact_lan{ float:left; font-size:18px; color:#fff; margin-top:55px;}
.contact_lan a:link,.contact_lan a:visited,.contact_lan a:active{ color:#fff;}
.contact_info{ width:841px; height:382px; background: url(../contact_info.png) no-repeat; position:absolute; z-index:3; right:0; top:315px;}
.contact_title{ font-size:38px; color:#fff; font-weight:bold; padding-left:70px; padding-top:60px;}
.contact_tel{padding-left:70px; color:#fff; font-size:24px; margin-top:35px;}
.contact_tel span{ padding-left:25px;}

.home_menu{ width:100%; height:800px;}
.home_logo{ padding-top:25px; margin-left:260px; float:left}
.home_nav{ float:left; margin-left:350px; margin-top:30px;}
.home_nav li{margin-right:70px; }
#nav li { float: left; position: relative; list-style-type:none; z-index:999 }
#nav li a:hover { color:#00dbff }
#nav li a { display: block; font-size:28px; color: #fff; text-decoration: none; }
#nav li ul { display: none; position: absolute; top: 50px; left:-35px; width:235px; background: #fff; border-top:2px #00dbff solid;}
#nav li:hover ul { display: block; }
#nav li ul li { float: none; margin-right:0 !important }
#nav li ul li a { padding-left:65px; padding-top:10px; padding-bottom:10px; display: inline-block; font-size:16px; color:#4d5150}
#nav li ul li a { display: block; }
#nav li ul li a:hover { background:url(../home_menu_bg.png) left; color:#fff;}
.home_lan{ float:left; font-size:18px; color:#fff; margin-top:40px;}
.home_lan a:link,.home_lan a:visited,.home_lan a:active{ color:#fff;}
.home_box1{ width:1448px; height:328px; background: url(../home_img1.png) top center no-repeat; margin:0 auto}
.home_box1 p{ font-size:32px; color:#fff; padding-left:135px; padding-top:110px; padding-right:135px;}
.home_service{ width:1440px; margin:0 auto; margin-top:80px; margin-bottom:100px;}
.home_service h1{ font-size:48px; color:#333; font-weight:500; text-align:center; padding-bottom:15px;}
.home_service_line{ width:170px; height:5px; background:url(../home_service_line.png); margin:0 auto;}
.home_service p{ font-size:26px; color:#333; text-align:center; padding-top:25px; padding-bottom:50px;}
.home_service_b1{ width:340px; height:515px; background:url(../service_icon1.jpg); float:left; margin-right:13px;}
.home_service_b1:hover{ width:340px; height:515px; background:url(../service_icon1h.jpg);}
.home_service_b2{ width:340px; height:515px; background:url(../service_icon2.jpg); float:left; margin-right:13px;}
.home_service_b2:hover{ width:340px; height:515px; background:url(../service_icon2h.jpg); }
.home_service_b3{ width:340px; height:515px; background:url(../service_icon3.jpg); float:left; margin-right:13px;}
.home_service_b3:hover{ width:340px; height:515px; background:url(../service_icon3h.jpg);}
.home_service_b4{ width:340px; height:515px; background:url(../service_icon4.jpg); float:left}
.home_service_b4:hover{ width:340px; height:515px; background:url(../service_icon4h.jpg);}
.home_service_info .icon{ width:77px; margin:0 auto; padding-top:125px;}
.home_service_info p{ font-size:30px; color:#fff; font-weight:bold; padding-top:20px;}
.bottom{ width:100%; height:496px; background:url(../bottom.jpg) top center;}
.bottom_info{ width:1400px; margin:0 auto; padding-top:95px; height:435px;}
.bottom_box1{ width:260px; float:left}
.bottom_box2{ width:375px; padding-left:155px; float:left}
.bottom_box3{ width:395px; padding-left:150px; float:left}
.bottom_box4{ padding-left:100px; float:left}
.bottom_info h1{ font-size:22px; color:#fff; font-weight:bold; padding-bottom:25px;}
.bottom_info p a,.bottom_info p{ font-size:18px; color:#fff;}
.bottom_b{ font-size:14px; color:#fff; text-align:center; padding-top:20px;}
}

@media (min-width: 768px) and (max-width: 1440px) {
.service_box{ background-color:#fff; margin-right:5%;}
.service_title{ width:850px; height:66px; background:url(../service_title2.png) left no-repeat; margin-top:22px; margin-left:-19px; color:#fff; font-weight:bold}
.service_title_text{ font-size:24px; padding-left:70px; line-height:60px;}
.service_title_text span{ font-size:18px; padding-left:20px;}
.service_info_left{ width:40%; padding-left:20px; padding-top:40px; padding-right:20px; float:left; font-size:16px; color:#000918; line-height:35px}
.service_info_img{ width:60%;margin-top:30px; margin-bottom:55px; float:left}
.service_info_img img{ width:100%; padding-right:30px;}
.service_info_left2{ width:40%; padding-left:20px; padding-top:40px; padding-right:20px; float:left; font-size:16px; color:#000918; line-height:30px; padding-bottom:30px;}
.tm-main-content { margin-left:450px; }
.container-fluid { max-width:100%; }
.tm-sidebar { width: 325px; height:1080px; background:url(../menu_left_bg.png) top; float:left }
.tm-nav-item-link { padding-left:105px; }
.tm-section-title { margin-bottom: 20px; }
.tm-box-pad { padding: 45px; }

.paas_box{ width:850px; height:398px; background:url(../paas_info_bg2.png);}
.paas_title{ font-size:20px; font-weight:bold; color:#fff; padding-left:35px; padding-top:25px;}
.paas_info{ padding-left:35px; padding-top:20px;}
.paas_info_text{ font-size:16px; color:#fff;}
.paas_info_img{ text-align:center; padding-top:20px;}
.paas_info_img img{ width:50%;}
.paas_info_img p{ font-weight:bold; color:#fff; padding-top:15px; font-size:16px;}

.renewable_box{ background:url(../renewable_bg.png) top; margin-right:5%;}
.renewable_title{ width:478px; height:80px; background:url(../renewable_title.png) left no-repeat; margin-top:22px; margin-left:-19px; color:#fff; font-weight:bold}
.renewable_title_text{ font-size:24px; padding-left:70px; line-height:60px;}
.renewable_title_text span{ font-size:18px; padding-left:20px;}
.renewable_info_left{ width:45%; padding-left:30px; padding-top:40px; padding-right:20px; float:left; font-size:16px; color:#fff; line-height:30px}
.renewable_info_img{ width:55%;margin-top:30px; margin-bottom:55px; float:left; padding-left:20px;}
.renewable_info_img img{ width:90%;}

.clean_title{ width:528px; height:70px; background:url(../renewable_title.png) left no-repeat; margin-top:22px; margin-left:-19px; color:#fff; font-weight:bold}
.clean_info_left{ width:50%; padding-left:30px; padding-top:20px; padding-right:40px; float:left; font-size:16px; color:#fff; line-height:30px;}
.clean_info_left p{ font-weight:bold; padding-bottom:20px;}
.clean_info_img{ width:50%;margin-top:30px; margin-bottom:15px; float:left}
.clean_info_img img{ width:85%;}

.green_p{ font-size:18px; color:#fff; font-weight:600; width:97%; padding-bottom:50px; margin-left:-35px;}
.green_title{ width:px; height:70px; background:url(../green_title.png) left no-repeat; margin-top:22px; margin-left:-19px; color:#fff; font-weight:bold}
.green_info_left{ width:45%; padding-left:55px; padding-top:40px; padding-right:40px; float:left; font-size:18px; color:#fff; line-height:35px}
.green_info_img{ width:55%;margin-top:30px; margin-bottom:55px; float:left}
.green_info_img img{ width:90%;}

.industrail_info_left{ width:50%; padding-left:55px; padding-top:40px; padding-right:40px; float:left; font-size:18px; color:#fff; line-height:30px}
.industrail_info_img{ width:50%;margin-top:30px; margin-bottom:55px; float:left}
.industrail_info_img img{ width:90%;}

#contact{ background:url(../contact.jpg) top center no-repeat;width: 100%; height:100%;background-size: cover;}
.contact_menu{ width:100%; height:120px; background:url(../contact_menu.png); position:absolute; z-index:2}
.contact_logo{ padding-top:40px; margin-left:180px; float:left}
.contact_nav{ float:left; margin-left:100px; margin-top:50px;}
.contact_nav li{ list-style-type:none; font-size:26px; float:left; margin-right:70px;}
.contact_nav li a{color:#cacaca;  text-decoration:none }
.contact_nav li a:hover{ color:#15b0ec; border-bottom:2px #15b0ec solid; padding-bottom:10px;}
.contact_nav li .active{ color:#15b0ec; border-bottom:2px #15b0ec solid; padding-bottom:10px;}
.contact_lan{ float:left; font-size:18px; color:#fff; margin-top:55px;}
.contact_info{ width:650px; height:382px; background: url(../contact_info.png) no-repeat; position:absolute; z-index:3; top:250px; right:0;}
.contact_title{ font-size:38px; color:#fff; font-weight:bold; padding-left:70px; padding-top:60px;}
.contact_tel{padding-left:70px; color:#fff; font-size:20px; margin-top:35px;}
.contact_tel span{ padding-left:25px;}


#banner{ background:url(../banner.jpg) top center no-repeat;width: 100%; height:700px;background-size: cover;}
.home_menu{ width:100%; height:620px;}
.home_logo{ padding-top:25px; margin-left:180px; float:left}
.home_nav{ float:left; margin-left:100px; margin-top:35px;}
.home_nav li{margin-right:60px; }
#nav li { float: left; position: relative; list-style-type:none; z-index:999 }
#nav li a:hover { color:#00dbff }
#nav li a { display: block; font-size:28px; color: #fff; text-decoration: none; }
#nav li ul { display: none; position: absolute; top: 50px; left:-35px; width:235px; background: #fff; border-top:2px #00dbff solid;}
#nav li:hover ul { display: block; }
#nav li ul li { float: none; margin-right:0 !important }
#nav li ul li a { padding-left:65px; padding-top:10px; padding-bottom:10px; display: inline-block; font-size:16px; color:#4d5150}
#nav li ul li a { display: block; }
#nav li ul li a:hover { background:url(../home_menu_bg.png) left; color:#fff;}
.home_lan{ float:left; font-size:18px; color:#fff; margin-top:45px;}
.home_box1{ width:1200px; height:272px; background: url(../home_img2.png) top center no-repeat; margin:0 auto;}
.home_box1 p{ font-size:26px; color:#fff; padding-left:100px; padding-top:100px; padding-right:100px;}
.home_service{ width:1160px; margin:0 auto; margin-top:80px; margin-bottom:100px;}
.home_service h1{ font-size:42px; color:#333; font-weight:500; text-align:center; padding-bottom:15px;}
.home_service_line{ width:170px; height:5px; background:url(../home_service_line.png); margin:0 auto;}
.home_service p{ font-size:24px; color:#333; text-align:center; padding-top:25px; padding-bottom:50px;}
.home_service_b1{ width:280px; height:424px; background:url(../service_icon1.jpg);background-size: cover; float:left; margin-right:10px;}
.home_service_b1:hover{ width:280px; height:424px; background:url(../service_icon1h.jpg);background-size: cover;}
.home_service_b2{ width:280px; height:424px; background:url(../service_icon2.jpg);background-size: cover; float:left; margin-right:10px;}
.home_service_b2:hover{ width:280px; height:424px; background:url(../service_icon2h.jpg);background-size: cover;}
.home_service_b3{ width:280px; height:424px; background:url(../service_icon3.jpg);background-size: cover; float:left; margin-right:10px;}
.home_service_b3:hover{ width:280px; height:424px; background:url(../service_icon3h.jpg);background-size: cover;}
.home_service_b4{ width:280px; height:424px; background:url(../service_icon4.jpg);background-size: cover; float:left}
.home_service_b4:hover{ width:280px; height:424px; background:url(../service_icon4h.jpg);background-size: cover;}
.home_service_info .icon{ width:77px; margin:0 auto; padding-top:125px;}
.home_service_info p{ font-size:30px; color:#fff; font-weight:bold; padding-top:20px;}
.bottom{ width:100%; height:400px; background:url(../bottom.jpg) top center no-repeat;background-size: cover;}
.bottom_info{ width:1200px; margin:0 auto; padding-top:75px; height:345px;}
.bottom_box1{ width:245px; float:left}
.bottom_box2{ width:300px; padding-left:110px; float:left}
.bottom_box3{ width:320px; padding-left:100px; float:left}
.bottom_box4{ padding-left:80px; float:left}
.bottom_info h1{ font-size:22px; color:#fff; font-weight:bold; padding-bottom:25px;}
.bottom_info p a,.bottom_info p{ font-size:18px; color:#fff;}
.bottom_b{ font-size:14px; color:#fff; text-align:center; padding-top:20px;}
}


