img{ vertical-align: bottom;}
.main_wrap img{ max-width: 100%;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.metro-layout .content { overflow: auto; }
	::-webkit-scrollbar { width: 5px; height: 8px; }
	::-webkit-scrollbar-track:enabled { background-color: #fff; }
	::-webkit-scrollbar-thumb:vertical { background-color: #004890; }
	::-webkit-scrollbar-thumb:horizontal { background-color: #004890; }
}
a:focus, a:hover{text-decoration:none;}

@import "./keyframe.css";
.icon_tel{background: url("../Images/icon_tel.png") center center/cover no-repeat; display: inline-block; width:20px; height:20px; vertical-align: middle;}

.form .form_item{ margin-bottom: 12px;}
.form .form_item:after{ content: ''; clear: both; display: block;}
.form .form_item .form_lable{ display: block; float: left; line-height:38px; width: 72px; text-align: right; padding-right:10px;}
.form .form_item .form_value{ display: block; float: left;  width: calc(100% - 72px);}
.form .form_item.form_inline{  width:50%; float: left; display: inline-block; vertical-align: middle; }

.form .form_item .input_txt{outline:none; display: block; border:1px solid #e3e3e3; height: 38px; padding:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%;}
.form .form_item.form_textarea textarea{ height:150px;resize: none; outline:none;}
.form .form_item .input_txt:focus,.online_message_form .form_item.form_textarea textarea:focus{border-color: #3b90e3;}
.form .form_item .input_txt.captcha {width: 200px;display: inline-block;}
.form .form_item .verify_img {height: 32px;vertical-align: middle;margin-left: 5px;margin-right: 3px; cursor: pointer;}
.form .form_item .form_btn{ display: inline-block; height:46px; line-height:46px; text-transform: uppercase;text-align: center; color: #fff;background-color: #ff6633;border: none;width: 150px; cursor: pointer;font-size: 16px; margin-right:5px;}
.form .form_item .form_btn.reset{ background-color: #76aee1;}
.form .form_item .form_btn:hover{ opacity:.9;}
.form .form_item .radio_check:checked + label{ color: #ff6633;border-color: initial;}
.form .form_item .radio_check + label{ display: inline-block; padding:4px  16px; border:1px solid #e7e7e7; text-transform: capitalize; position: relative; cursor: pointer; margin-right:5px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.form .form_item .radio_check:checked + label:after{ content: ''; display: block; position: absolute; bottom:0; right:0;  width:0; height:0;border-left: 4px solid transparent;border-top: 4px solid transparent;border-right: 4px solid #ff6633;border-bottom: 4px solid #ff6633;}
.form .form_item .radio_check{position: absolute; left: -9999em;}


.empty_tips{ text-align: center;font-size: 2.5rem;font-weight: 100;padding: 1rem; line-height:2;}


.header{ position: fixed; left:0; right: 0; top:0; padding-top:38px; z-index: 90; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.header .header_bg{ position: absolute; left: 0; right:0; top: 0; bottom: 0;background-color:  #71c7fa; opacity:0; z-index:-1;}
.header .header_top{ margin-bottom:20px;-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.header .tel{ color: #fff;}
.header .tel .tel_txt{ position: relative;}
.header .tel .tel_txt i.icon_tel{ position: absolute;left: -25px;}
.header .tel .tel_num{ font-weight:bold; font-size:24px;}
.header .nav{ clear: both;text-align: center;}
.header .nav a{font-size: 16px; height:64px; vertical-align: middle; color: #fff; display: table-cell; width:1%; position: relative;-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}

.header .nav a:before,.header .nav a:after{ content: ''; display: block; position: absolute;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;border-bottom: 2px solid #fff;opacity: .3;margin: auto;width: 0;bottom: 0;}
.header .nav a:before{left: 25%; }
.header .nav a:after{right: 25%; }

.header .nav a.on,.header .nav a:hover:before{width: 50%;}
.header .nav a.on,.header .nav a:hover:after{width: 50%;}
.header.fixed_top{padding-top: 15px;}
.header.fixed_top .header_top{  margin-bottom: 0px;}
.header.fixed_top .header_top .logo{ width: 300px;}
.header.fixed_top .header_top .logo img{ width:100%;}
.header.fixed_top .tel .tel_txt{ display: inline-block;}
.header.fixed_top .tel .tel_num{display: inline-block; vertical-align: middle;}
.header.fixed_top .nav a{ height:42px;}
.banner_box{ position: relative; }
.main_section{ position: relative; z-index:1;}

.footer{ background-color: #fff;position: relative;z-index: 0;}
.footer .footer_nav{ background-color: #76aee1; height: 46px;}
.footer .footer_nav a{vertical-align: middle;height: 46px; color: #fff; display: table-cell; width:1%;text-align: center;}
.footer .footer_bottom{background: url("../Images/img_world_bg.png") center center no-repeat; padding:30px 0;}
.footer .footer_bottom h3{ font-weight:normal; font-size:30px; color: #3f3f3f;text-align: center; line-height:3; margin-bottom: 20px;}
.footer .footer_bottom .footer_left{ }
.footer .footer_bottom .footer_left .web_name{ color: #373737;font-size: 18px; line-height:2; padding:0;}
.footer .footer_bottom .footer_left .tel_num{ background-color: #73a7d6; color: #fff;  font-size:26px; height: 44px;line-height: 44px;padding: 0 10px;}
.footer .footer_bottom .footer_left .icon_tel{ width:30px; height:30px;background-size: auto;}
.footer .footer_bottom .footer_left .con {padding-left: 15px;margin: 10px 0; line-height:2; color: #888888;}

.footer .footer_bottom .footer_mid{ }
.footer .footer_bottom .footer_mid .form .form_item{ margin-bottom:18px;}
.footer .footer_bottom .footer_mid .form .form_item .form_value{ width:calc(100% - 30px);}
.footer_mid .input_txt{ display: inline-block; border:1px solid #d7d7d7; color: #a5a5a5; padding:0 14px;}

.footer .footer_bottom .footer_right{ }
.footer .footer_bottom .footer_right .qrcode_box{ text-align: center; width:170px;text-align: center; margin-right: auto;margin-left: auto;}
.footer .footer_bottom .footer_right .qrcode{ width: 168px; height: 168px; background-color: #d6d6d6;}
.footer .footer_bottom .footer_right .qrcode img{ max-width:100%; max-height:100%;}
.footer .footer_bottom .footer_right .qrcode_box p{ line-height:2.2; color: #2c2c2c;}
.footer .copyright{ clear: both; background-color: #2b2b2b; color: #737373; line-height:24px; padding:10px 0;}
.footer .copyright a{color: #737373;}
.footer .copyright a:hover{ color: #EEEEEE;}


.section{ position: relative;}

.section .section_wrap{ position: absolute; left:0; right: 0; bottom: 0; top: 0; z-index:9;}
.section .sec_title{ text-align: center; padding-top:60px; margin-bottom: 50px; background: url("../Images/img_san.png") top center no-repeat;}
.section .sec_title.icon_white{background: url("../Images/img_san_white.png") top center no-repeat;}
.section .sec_title .title_name{ color: #2f2f2f; font-size:48px; line-height: 78px;}
.section .sec_title .title_desc{ color: #575757;font-size: 24px; position: relative; width:230px; margin:0 auto;}
.section .sec_title .title_desc:before,.section .sec_title .title_desc:after{ content: ''; display: block; position: absolute; border-bottom:1px solid #c6dbf6; width: 145px; margin:auto; top: 50%; bottom: 50%;}
.section .sec_title .title_desc:before{ left:-70%;}
.section .sec_title .title_desc:after{ right:-70%;}
.section  .wrap_con{ margin:0 auto; height:100%;  position: relative;}

/*.section.section_qishui{background: url("http://www.jq22.com/demo/jquerysp-141103164410/img/bg2.jpg") repeat}*/
.section.section_qishui{ margin-top: -40px; z-index:4; height: 999px; background: url("../Images/sec_qishui_bg.png") center center/cover no-repeat;}
.section.section_qishui .img_bing{ position: absolute; z-index:11; bottom: 100px;	right: -15%}
.section.section_qishui .img_bing_1{ position: absolute; z-index:11; bottom: 30%;left: 25%;}
.section.section_qishui .bing_1{ position: absolute; z-index:11; bottom: 247px;left: 299px; width:77px; height:75px;background: url("../Images/img_bing_1.png") center center no-repeat;}
.section.section_qishui .img_bing_2{ position: absolute; z-index:11;  bottom: 34%;left: 40%;}
.section.section_qishui .img_bing_3{ position: absolute; z-index:11;  bottom: 10%;	right: 30%;}
.section.section_qishui .img_bing_4{ position: absolute; z-index:11; top:35%;	right: -15%}

.section.section_qishui .img_shuiguo{ position: absolute; z-index:8;bottom: 4%;right: -21%;}
.section.section_qishui .img_xiari{ position: absolute; z-index:10;top: 7%;left: 18%;width: 34%;}
.section.section_qishui .img_yezi{ position: absolute; z-index:10;top: 12%;left: 26%;width: 19%;}
.section.section_qishui .img_xb_1{ position: absolute; z-index:10;bottom: 16%;}
.section.section_qishui .img_xb_2{ position: absolute; z-index:10; bottom: 7.5%;right: 26%;}
.section.section_qishui .img_xb_3{ position: absolute; z-index:2;  bottom: 11%;right: 14%;}
.section.section_qishui .img_xb_4{ position: absolute; z-index:2;  bottom: 13%;right: .3%;}
.section.section_qishui .sec_bg{/*-webkit-animation: wave 6.22222s 0.1s infinite linear;-moz-animation: wave 6.22222s 0.1s infinite linear;animation: wave 6.22222s 0.1s infinite linear;*/ position: absolute; bottom: 0; z-index:30;}

.section.section_boluo{ margin-top: -60px; z-index:3;}
.section.section_boluo .img_text{ position: absolute; z-index:10; left: 15% !important;right: 0 !important;top: 20% !important;width: 71%;margin: auto;}
.section.section_boluo .img_boluo{ position: absolute; z-index:10; left: 3.8% !important;top: 15% !important;height: 80%;}
.section.section_boluo .img_boluop_1{ position: absolute; z-index:2; left: -330px !important;top: 30px !important; max-width:inherit;}
.section.section_boluo .img_boluop_2{ position: absolute; z-index:2; left: -350px !important;top: 90px !important;max-width:inherit;}

.section.section_huashenglu{ margin-top: -60px; z-index:2;}
.section.section_huashenglu .img_nai_1{position: absolute; z-index:1;left:-32%; bottom: 0;  max-width: initial;}


.section.section_huashenglu .img_hsl_2{position: absolute; z-index:4;height: 87%; right: -1.2%;bottom: 8%;}
.section.section_huashenglu .img_hsl_1{position: absolute; z-index:9; height: 84%;left: -4% !important;top: 10% !important;}
.section.section_huashenglu .img_hs_1{position: absolute; z-index:5;right: -145px; bottom: 80px;}
.section.section_huashenglu .img_hs_2{position: absolute; z-index:6; right:-136px;bottom: 94px;}
.section.section_huashenglu .img_nai_2{position: absolute; z-index:6;right: -376px;bottom: 47px; max-width: initial;}
.section.section_huashenglu .hs_img_1{ position: absolute; z-index:99;top: 9% !important;left: -12% !important;    width: 6.5%;}
.section.section_huashenglu .hs_img_2{ position: absolute; z-index:99;top: 65px !important;left: 382px !important;    width: 6.5%;}
.section.section_huashenglu .hs_img_3{ position: absolute; z-index:99;top: 397px !important;left: 372px !important;    width: 6.5%;}
.section.section_huashenglu .hs_img_4{ position: absolute; z-index:99;top: 463px !important;left: 757px !important;    width: 6.5%;}
.section.section_huashenglu .hs_img_5{ position: absolute; z-index:99;top: -39px !important;left: 1215px !important;    width: 6.5%;}
.section.section_huashenglu .hs_img_6{ position: absolute; z-index:99;top: 501px !important;left: 1221px !important;    width: 6.5%;}
.section.section_huashenglu .hs_img_7{ position: absolute; z-index:99;top: 670px !important;left: 1245px !important;    width: 6.5%;}
.section.section_huashenglu .hs_img_8{ position: absolute; z-index:2; top: 383px !important;	left: 1133px !important;    width: 6.5%;}


.section.section_product{ margin-top: -60px; z-index:1;}
.section.section_product{ height:890px;background: url("../Images/sec_pro_bg.png") center center/cover no-repeat}
.section.section_product .section_wrap{ padding-top: 60px;}
.section.section_product .owl-carousel .owl-stage-outer{ padding:10px 0;}
.section.section_product .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #1f98e9;}
.pro_list{ padding-top:40px;}
.pro_list .pro_item{ position: relative; overflow: hidden;  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .23); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .23); box-shadow: 0 0 10px rgba(0, 0, 0, .23) ;background: url("../Images/pro_bg.png") center center/cover no-repeat;-webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
canvas.snow{ position: absolute;  z-index: 3;}
.pro_list .pro_item a{display: table;text-align: center; position: relative; width: 100%;height: 100%;padding: 10% 0;}
.pro_list .pro_item .pro_img{ display: table-cell; vertical-align: middle; height:100%;}
.pro_list .pro_item .pro_img img{width: auto;display: initial;}
.pro_list .pro_item:hover{ -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .23), 0 4px 10px rgba(118, 174, 225, .7); -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, .23), 0 4px 10px rgba(118, 174, 225, .7); box-shadow: 0 4px 10px rgba(0, 0, 0, .23), 0 4px 10px rgba(118, 174, 225, .7);}
.pro_list .pro_item .overlay{ position: absolute; z-index:3; left: 0; right: 0; top: 0; bottom: 0;opacity:0; }

.pro_list .pro_item .overlay .pro_title{ line-height:42px; position: absolute; bottom: -42px; left: 0; right: 0;background: rgba(118, 174, 225, 0.8);color: #fff;-webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out;}
	.pro_list .pro_item:hover .overlay{ opacity:1;}
.pro_list .pro_item:hover .pro_title{ bottom:0;}




.section.section_news{ margin-top: -60px; z-index:3;background: url("../Images/sec_news_bg.png") top center repeat-y;}
.section.section_news .section_wrap{ padding-top: 60px;    position: static; padding-bottom:40px;}


.i_news_list{}
.i_news_list .item{ padding: 5px;;}
.i_news_list .item .item_wrap{background-color: #edf1f3;padding: 0;}
.i_news_list .item .item_title{ height:56px;text-align: center; line-height:56px; overflow: hidden; white-space:nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; position: relative;z-index: 3;}
.i_news_list .item .item_title a{
	-webkit-transition: all 200ms 400ms cubic-bezier(0, 0.98, 0.51, 0.93); -moz-transition: all 200ms 400ms cubic-bezier(0, 0.98, 0.51, 0.93); -ms-transition: all 200ms 400ms cubic-bezier(0, 0.98, 0.51, 0.93); -o-transition: all 200ms 400ms cubic-bezier(0, 0.98, 0.51, 0.93); transition: all 200ms 400ms cubic-bezier(0, 0.98, 0.51, 0.93);
}
.i_news_list .item_wrap:not(:hover) a{ -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}



.i_news_list .item_wrap:before,.i_news_list .item_wrap:after,.i_news_list .ui-border-element:before,.i_news_list .ui-border-element:after{ border-width:5px;border-color: #76aee1}
.i_news_list .item_wrap:after{border-width: 56px;}

.i_news_list .item_wrap:hover .item_title a{ color: #fff;}


.thumb_list{ margin-top:10px;}
.thumb_list .col-item{ padding:5px;}
.thumb_list .item{ padding:0px; padding-bottom: 0; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.thumb_list .item .item_wrap{background-color: #edf1f3;padding:5px;}
.thumb_list .item:before,.thumb_list .item:after,.thumb_list .item .item_wrap:before,.thumb_list .item .item_wrap:after{ border-width:5px;border-color: #76aee1}
.thumb_list .item:after{border-width: 56px;}

.thumb_list .item img{ max-width: 100%; vertical-align: bottom;}
.thumb_list .item .item_title{ height:51px;text-align: center; line-height:51px; overflow: hidden; white-space:nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; position: relative;}
/*.thumb_list .item .item_title:after{ content: ''; position: absolute; left: 100%; right: 0; top: 0; bottom: 0; background-color: #76aee1;-webkit-transition: all 200ms 400ms cubic-bezier(0, 0.98, 0.51, 0.93); -moz-transition: all 200ms 400ms cubic-bezier(0, 0.98, 0.51, 0.93); -ms-transition: all 200ms 400ms cubic-bezier(0, 0.98, 0.51, 0.93); -o-transition: all 200ms 400ms cubic-bezier(0, 0.98, 0.51, 0.93); transition: all 200ms 400ms cubic-bezier(0, 0.98, 0.51, 0.93);
}*/
.thumb_list .item .item_title a{ position: relative; z-index:8; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms;}
.thumb_list .item:hover .item_title a{ color: #fff;}

.thumb_list.row .item{ width:auto; margin:0;}
.thumb_list.row .item_wrap{}
/*
.thumb_list .item:hover{ background-color: #76aee1;}
.thumb_list .item:hover a{ color: #fff;}
*/

.question_list{}
.question_list .item{ margin:10px auto;}
.question_list .item .item_wrap{ padding: 10px;-webkit-box-shadow: 0 0  5px #dddddd; -moz-box-shadow: 0  0 5px #dddddd; box-shadow: 0  0 5px #dddddd; overflow: hidden;}
.question_list .item .item_wrap .item_title{font-size: 1.6rem;line-height: 1.9;}
.question_list .item .item_wrap .item_desc{ padding:5px 0; text-indent: 2em; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;    -webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;word-wrap: break-word;overflow: hidden;}

.question_list .item:hover .item_wrap .item_title a{color: #2199e9; text-indent:10px; display: block;}
.question_list .item:hover .item_wrap:before{border-color:#2199e9; }
.question_list .item:hover .item_wrap .item_desc{}

/*首页结束 开始二级页面样式*/

.is-sticky{position: relative;z-index: 3;}
.inner_main_section{ position: relative; }
.inner_header{ background-color: #fff;}
.inner_header .header_top{ padding:20px 0;-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.inner_header .header_top .logo img{-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.inner_header .header_top .tel{ color: #ef3729;}
.inner_header .header_top .tel .tel_txt{display: inline-block; vertical-align: middle;line-height: 1.8; position: relative;-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.inner_header .tel .tel_txt i.icon_tel {position: absolute;left: -25px;top: 3px; background-image: url("../Images/icon_tel_ef3.png");}
.inner_header .header_top .tel .tel_num{ display: inline-block; vertical-align: middle; font-family:Impact; font-weight:bold;font-size: 30px;-webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}

.inner_header .header_nav{ border-top:1px solid #e8e8e8;-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.inner_header .header_nav a{ display: table-cell; width:1%; vertical-align: middle; height:52px; text-align: center;-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; position: relative;}
.inner_header .header_nav a:hover{ color: #2199e9;}


.inner_header .header_nav a:before,.inner_header .header_nav a:after{ content: ''; display: block; position: absolute;-webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;border-bottom: 2px solid #1e78fd;opacity: .45;margin: auto;width: 0;bottom: 0;}
.inner_header .header_nav a:before{left: 25%; }
.inner_header .header_nav a:after{right: 25%; }
.inner_header .header_nav a:hover:before{width:50%;}
.inner_header .header_nav a:hover:after{width:50%;}

.header_box.fixed_top{}
.header_box.fixed_top .header_nav{ border-bottom:1px solid #2199e9;}
.header_box.fixed_top .header_top{  margin-bottom: 0px;}
.header_box.fixed_top .header_top .logo img{ width:80%;}
.header_box.fixed_top .tel .tel_txt{ display: inline-block;}
.header_box.fixed_top .tel .tel_num{display: inline-block; vertical-align: middle; font-size: 24px;}
.header_box.fixed_top .nav a{ height:42px;}




.inner_section{ position: relative;}

.inner_section .inner_section_wrap{ padding-top:60px; }
.inner_section .sec_title{ text-align: center; padding-top:50px; margin-bottom: 50px; background: url("../Images/inner_img_san.png") top center no-repeat;}
.inner_section .sec_title .title_name{ color: #3b3b3b; font-size:48px; line-height: 68px;}
.inner_section .sec_title .title_desc{ color: #4d4d4d;font-size: 24px; line-height:1.8; position: relative; margin:0 auto; text-align: center;font-weight: 200;}
.inner_section  .wrap_con{ margin:0 auto; height:100%;  position: relative;}

.inner_about{background: url("../Images/inner_about_bg.png") top center repeat-x;}
.inner_about .about_param{ }
.inner_about .about_param .param_item{height:126px; vertical-align: middle; text-align: center;    border-left: 1px solid #d1d1d1;}
.inner_about .about_param .param_item:first-of-type{ border-left:none;}
.inner_about .about_param .param_item p{ color: #358ee0;}
.inner_about .about_param .param_item em{font-size: 72px;font-style: normal;font-weight: 900;}
.inner_about .about_param .param_item sub{ font-weight:100;font-size: 24px;vertical-align: text-top;}
.inner_about .about_param .param_item p.param_name{ color: #8a8a8a;font-size: 24px; font-weight:100;}


.inner_about .about_param .param_item:hover p{ color: #ef3729}
.inner_about .about_param .param_item:hover .param_name{ color: #ef3729 ;}
.inner_about .inner_about_water{ margin-top:-20px; margin-bottom: -330px; height: 639px;  background: url("../Images/about_bm_bg.png") center center no-repeat;}
.inner_about_intro{ position: relative;}
.about_intr_bg{}
.inner_about_intro .intro_con{ line-height:36px;  margin:0 auto;}


.about_product_link{}
.about_product_link h3{font-size: 36px;text-align: center; line-height:3; color: #3b3b3b;font-weight: 300;}
.pro_link_box{  margin:0 auto 30px;}
.pro_link_box .pro_link{ width:157px; height:157px;    float: left;margin: 15px auto; position: relative;}
.pro_link_box .pro_img{ position: absolute; margin:auto; max-height:100%; left:0; right:0;}
.pro_link_box .pro_link .link_wrap{width:157px;height:157px; border-radius: 100%; padding: 26px; background-color: rgba(0,0,0,.5); color: #fff;font-size: 24px; font-weight:100; line-height:32px;  display: table-cell;vertical-align: middle;text-align: center; position: relative;}
.pro_link_box .pro_link .link_wrap a{ color: #fff; position: relative; z-index:1;display: block;}
.pro_link_box .pro_link .link_wrap:before{ content: ''; display: block; position: absolute; left:-12px; right: -12px; bottom: -12px; top: -12px;border: 2px solid #1f98e9;border-bottom-color: #fff;border-right-color: #fff;border-radius: 100%; -webkit-transform: rotate(-50deg); -moz-transform: rotate(-50deg); -ms-transform: rotate(-50deg); -o-transform: rotate(-50deg); transform: rotate(-50deg); opacity:0; z-index:0; -webkit-transition: opacity .7s, transform .5s .2s; -moz-transition: opacity .2s, transform .5s .2s; -ms-transition: opacity .2s, transform .5s .2s; -o-transition: opacity .2s, transform .5s .2s; transition: opacity .2s, transform .5s .2s;}
.pro_link_box .pro_link .link_wrap:after{ content: ''; display: block;border-radius: 100%; position: absolute; left:0; right: 0; top: 0; bottom: 0; -webkit-transition: all .34s ease-in-out; -moz-transition: all .34s ease-in-out; -ms-transition: all .34s ease-in-out; -o-transition: all .34s ease-in-out; transition: all .34s ease-in-out;background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(90,186,251) 0%, rgb(25,148,231) 100%);background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(90,186,251) 0%, rgb(25,148,231) 100%);	background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(90,186,251) 0%, rgb(25,148,231) 100%); opacity:0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.pro_link_box .pro_link:hover .link_wrap:after{ opacity:1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.pro_link_box .pro_link:hover .link_wrap:before{ -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform:rotate(30deg); opacity: 1;}

@keyframes roate_line {
	from{}
	top{}
}

.inner_water_source{ background: url("../Images/water_source_bg.jpg") bottom center no-repeat; padding-bottom:240px;}
.inner_water_source .source_con{ font-size: 18px; line-height:36px; padding:0 30px;  margin:0 auto; font-weight:100; color: #221815;}
.inner_water_source .source_con b{ color: #006acc; font-weight: bold;}
.icon_water_source{ display: inline-block; width:80px; height:50px;background: url("../Images/icon_water_source.png") center center no-repeat; vertical-align: middle;}
.inner_water_source .source_con .adv_title{ font-weight:400;font-size: 30px; color: #004098; text-align: center;}
.inner_water_source .source_con p{text-indent: 2em;}
img.center_block{ display: block; margin:30px auto;}

/*山泉*/

.wzsq_list{}
.wzsq_list .item{}
.wzsq_list .item .item_title{ text-align: center; color: #2098e9;font-size: 24px; font-weight:800; line-height:2;}
.wzsq_list .item .item_desc{ color: #6a6a6a; line-height:1.8;}

.inner_water_source .topic_box{  margin:0 auto;}
.inner_water_source .topic_box .topic_item{  float: left; padding:20px; text-align: center;}
.inner_water_source .topic_box .topic_name{ color: #358ee0;font-size: 60px; font-weight:bold; line-height:2;}
.inner_water_source .topic_box .topic_desc{ color: #76aee1;font-size: 48px; border:1px solid #dedede; border-left:none; border-right:none; font-weight:100; padding: 10px 0;}
.inner_water_source .topic_box .topic_con{ color: #595959;font-size: 24px; line-height:36px; border-bottom:1px solid #dedede;font-weight: 100;	padding: 10px 15px;}
.inner_water_source .topic_box .topic_btn{ display: inline-block; background-color: #1f98e9; color: #fff;text-align: center;border-radius: 3px; margin:20px auto; font-size: 18px; position: relative;z-index: 1;  padding: 12px;}
.inner_water_source .topic_box .topic_btn:hover{background-color: #21aafe;}
.inner_water_source .topic_box .topic_svg{ height: 340px;margin-top: -70px;}

.audiobox {  height: 40rem; width: 40rem;  border-radius: 50%; top: 50%;  left: 50%; position: absolute; left:0; right:0; margin:auto; overflow: hidden; }
.audiobox .wave {top: 35%; left: -102%; width: 300%; height: 300%;background-color: #42b0f9;opacity: 0.6;position: absolute;border-radius: 45%;}
.audiobox .wave.one {animation: wave 12s linear -1s infinite;}
.audiobox .wave.two { animation: wave 15s linear -1s infinite; }
.audiobox .wave.three {animation: wave 20s linear -1s infinite;  }
@keyframes wave {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


.inner_section_water{}
.inner_section_water .water_source_tab{ width:396px; margin:0 auto 20px;}
.inner_section_water .water_source_tab:after{ content: ''; clear: both; display: block;}
.inner_section_water .water_source_tab a{ display: block; width:50%; float: left; height: 54px; line-height:54px; text-align: center; color: #fff; font-weight:100;font-size: 24px; position: relative; border:1px solid;}
.inner_section_water .water_source_tab a.radius_left{border-radius: 27px 0 0 27px;}
.inner_section_water .water_source_tab a.radius_right{border-radius: 0 27px 27px 0;}
.inner_section_water .water_source_tab a:before{ content: ''; position: absolute; display: block; left:0; right:0; top: 0; bottom: 0; z-index:0;}
.inner_section_water .water_source_tab a:after{ content: ''; position: absolute; display: block; left:0; right:0; top: 0; bottom: 0; z-index:1; }
.inner_section_water .water_source_tab a.on{background-color: #1f98e9; border-color: #1f98e9;}

.inner_section_water .water_source_title{font-weight: 200;}
.inner_section_water .water_source_title b{ font-weight:600;}

.inner_section_water.water_kqs{background: url("../Images/water_kqs_bg.jpg") top center/cover no-repeat}

.inner_section_water .water_params{  margin:30px auto;}
.inner_section_water .water_params .param_item{  padding:12px; text-align: center; color: #5d5d5d; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
.inner_section_water .water_params .icon_water{ display: block; width: 88px; height:88px; margin:0 auto 10px; position: relative;}
.inner_section_water .water_params .icon_water:before{ content: ''; display: block; position: absolute;background: url("../Images/water_icon.png") 0 0 no-repeat; left:0; right: 0; top: 0; bottom: 0; z-index:1; -webkit-transition: transform 800ms, opacity 500ms ; -moz-transition: transform 800ms, opacity 500ms ; -ms-transition: transform 800ms, opacity 500ms ; -o-transition: transform 800ms, opacity 500ms ; transition: transform 800ms, opacity 500ms ;}
.inner_section_water .water_params .icon_water:after{ content: ''; display: block; position: absolute;background: url("../Images/water_icon.png") 0 -111px no-repeat; left:0; right: 0; top: 0; bottom: 0; z-index:2; -webkit-transition: transform 800ms 200ms, opacity 500ms 100ms; -moz-transition: transform 800ms 200ms, opacity 500ms 100ms; -ms-transition: transform 800ms 200ms, opacity 500ms 100ms; -o-transition: transform 800ms 200ms, opacity 500ms 100ms; transition: transform 800ms 200ms, opacity 500ms 100ms; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity:0;}
.inner_section_water .water_params .param_item:not(:hover) .icon_water:after{ -webkit-transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.inner_section_water .water_params .param_item:hover .icon_water:before{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity:0;}
.inner_section_water .water_params .param_item:hover .icon_water:after{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity:1;}
.inner_section_water .water_params .param_item:hover{ color: #2e70c4;}

.inner_section_water .water_params .icon_water.icon_2:before,.inner_section_water .water_params .icon_water.icon_2:after{background-position-x:-202px }
.inner_section_water .water_params .icon_water.icon_3:before,.inner_section_water .water_params .icon_water.icon_3:after{background-position-x:-404px}
.inner_section_water .water_params .icon_water.icon_4:before,.inner_section_water .water_params .icon_water.icon_4:after{background-position-x:-604px}
.inner_section_water .water_params .icon_water.icon_5:before,.inner_section_water .water_params .icon_water.icon_5:after{background-position-x:-807px}
.inner_section_water .water_params .icon_water.icon_6:before,.inner_section_water .water_params .icon_water.icon_6:after{background-position-x:-1005px}
.water_kqs_wrap{ position: relative; z-index:1;}

.wz_kqs{ margin-top:160px; position: relative;    padding-bottom: 20px;}
.water_source_btm_bg{ position: absolute; z-index:0; bottom: 140px;  width: 100%;}
.wz_kqs .w1200{ position: relative; z-index:8;}
.wz_kqs .kqs_right{ height: auto;padding-top:140px;padding-left:30px; padding-right:40px;}
.wz_kqs .kqs_right .kqs_title{ color: #2e6fd0;font-size: 40px; line-height:2.5;}
.wz_kqs .kqs_right .kqs_title b{ border-bottom:2px solid;}
.wz_kqs .kqs_right .kqs_tag{ margin-bottom: 20px;;}
.wz_kqs .kqs_right .kqs_tag span{ display: inline-block; font-size: 16px; padding: 0 12px; height:50px;text-align: center; line-height:50px; color: #fff; margin-right:20px; background-color: #78b2fd; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.wz_kqs .kqs_right .kqs_tag span:hover,.wz_kqs .kqs_right .kqs_tag span.on{background-color: #2e6fd0;}
.wz_kqs .kqs_right .kqs_content{ line-height:36px;text-indent: 2em;overflow: hidden;margin-bottom: 20px;}

.wz_kqs .kqs_right .kqs_param{color: #5d5d5d;}
.wz_kqs .kqs_right .kqs_param .param_item{  text-align: center;}
.wz_kqs .kqs_right .kqs_param .param_item .icon{ width:100px; height:100px; border-radius:5px; border:1px solid #76aee1; background: url("../Images/kqs_icon.png") 14px center no-repeat; position: relative;}
.wz_kqs .kqs_right .kqs_param .param_item .icon i{ font-style: normal;font-size: 30px;display: block;height: 30px;width: 30px;line-height: 30px;position: absolute; right: -39px;top: 35px; }
.wz_kqs .kqs_right .kqs_param .param_item .icon.icon_time{ background-position-x: -140px;}
.wz_kqs .kqs_right .kqs_param .param_item .icon.icon_env{background-position-x: -296px;}
.wz_kqs .kqs_right .kqs_param .param_item .param_wrap{ display: table-cell; height:100px; vertical-align: middle;}
.wz_kqs .kqs_right .kqs_param .param_item p{ line-height:48px;font-size: 16px;}
.wz_kqs .kqs_right .kqs_param .param_item p.item_title{ color: #76aee1;font-size: 20px; line-height:1;}
.wz_kqs .kqs_right .kqs_param .param_item p.item_desc{ color: #5a5a5a;font-size: 14px; line-height: 1.8;}



.inner_section_water.water_cjs{background: url("../Images/water_cjs_bg.jpg") top center/cover no-repeat;height: 1640px;}
.water_cjs_wrap{}
.water_cjs_wrap .water_cjs_top{  text-align: center;}
.water_cjs_wrap .water_cjs_top .cjs_water_icon{ display: inline-block; vertical-align:middle;}
.water_cjs_wrap .water_cjs_top .cjs_top_con{ display: inline-block;color: #ffffff; text-align: left; vertical-align: middle; width: 710px; height: 160px; background: rgba(5, 110, 188, .9); padding:10px 48px; margin-left:28px; position: relative; -webkit-box-shadow: 8px 10px 0 rgba(72, 196, 242, .8); -moz-box-shadow: 8px 10px 0 rgba(72, 196, 242, .8); box-shadow: 8px 10px 0 rgba(72, 196, 242, .8) ;}

.water_cjs_wrap .water_cjs_top .cjs_top_con .cjs_title{font-size: 28px; line-height:47px;}
.water_cjs_wrap .water_cjs_top .cjs_top_con .cjs_desc{font-size: 18px; color: #ffffff; line-height:1.8;}

.cjs_con_wrap{ position: relative; text-align: center;padding-top: 50px;}
.cjs_con_wrap .cjs_con_left{ width: 500px; height: 980px; position: relative; display: inline-block;}
.cjs_con_wrap .cjs_con_left .tip_box{  position: relative;color: #fff; text-align: center;}
.cjs_con_wrap .cjs_con_left .tip_box .box_wrap{ display: inline-block; min-width: 200px;padding:5px 20px; background: rgba(11, 151, 238, .8); }
.cjs_con_wrap .cjs_con_left .tip_box .tip_name{font-size: 30px;line-height: 42px;}
.cjs_con_wrap .cjs_con_left .tip_box .tip_desc{font-size: 18px;line-height: 2;}
.cjs_con_wrap .water_rule{ position: relative; display: inline-block; vertical-align: top;}
.cjs_con_wrap .cjs_con_left .tip_box.level_1{top: 110px;}
.cjs_con_wrap .cjs_con_left .tip_box.level_2{top: 180px;}
.cjs_con_wrap .cjs_con_left .tip_box.level_3{top: 250px;}
.cjs_con_wrap .cjs_con_left .tip_box.level_4{top: 370px;}
.cjs_con_wrap .cjs_con_left .tip_box.level_5{top: 550px;}

.sbanner{ position: relative;height: 350px;display: table-cell;width: 1%;vertical-align: middle;}
.sbanner .sbanner_title{ text-align: center;margin: 0 auto; width:380px;}
.sbanner .sbanner_title fieldset {padding:0;margin:10px 2px;border:1px solid #2e6fd0;border-width: 1px 0 0;}
.sbanner .sbanner_title legend{    line-height: 1; padding:0 16px ;font-size: 48px; margin: 0 auto;color: #2e6fd0; border:0; width:auto; margin-bottom:0; font-weight:100;}

.sbanner .sbanner_title .en_name{ text-transform: uppercase;font-size: 24px; color: #7f7f7f; font-weight:100;}

.pro_cat_nav{ background-color: #fff; text-align: center; padding: 18px 0;}
.pro_cat_nav a{ display: inline-block; height:36px; border:1px solid #e4e4e4; background-color: #f5f5f5;border-radius: 18px;width: 160px;margin: 10px;text-align: center;line-height: 36px; color: #777777;}
.pro_cat_nav a:hover{ background-color: #2e6fd0; color: #fff; border-color: #2e6fd0;}
.page_wrap{ background-color: #f2f2f2; overflow: hidden;}
.page_wrap .page_main{ background-color: #fff; margin:26px auto;}
.page_wrap .page_main .page_top{ border-bottom:1px solid #e5e5e5;padding: 10px 0;line-height: 42px;}
.page_wrap .page_main .page_top .channel_name{ padding-left:10px; color: #3c3c3c; font-weight:100;font-size: 24px; float: left;}
.page_wrap .page_main .page_top .location{ float: right; color: #3c3c3c; padding-right:10px;}
.page_wrap .page_main .page_top .location a{ color: #3c3c3c;margin-top: 8px;}
.page_wrap .page_main .page_top .location a:hover{ color: #2e6fd0;}
.location_2{text-align: right;line-height: 3;margin-bottom: -20px;margin-top: 10px;}

.main_wrap{}
.product_list{}
.product_list li{margin: 16px 0 0; padding:5px;}
.product_list li .pro_img{ -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}
.product_list li .pro_img img{ width:100%;background: url(../Images/pro_bg.png) center center/cover no-repeat;}
.product_list li .pro_img .waves-effect{ display: block}
.product_list li .pro_title{text-align: center; line-height:56px;text-align: center; overflow: hidden; white-space:nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
.product_list li .pro_title a{color: #686868;font-size: 16px; display: block;}

.product_list li:hover .pro_img{  -webkit-box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);}
.product_list li:hover .pro_title a{ color: #1f98e9;}
.page{text-align: center; padding:10px;}

.article_con{ padding: 10px;line-height: 26px;font-weight: 300;}
.article_con p{ margin-bottom:5px}
.article_con h3{color: #1f98e9;font-size: 16px; margin-bottom: 3px; position: relative; padding-left:16px;}
.article_con h3:before{ content: '★'; display: block; position: absolute; top:0; bottom:0;  font-family: cursive; left: 0;}
.inner_section_custom{background: url("../Images/water_kqs_bg.jpg") top center/cover no-repeat; overflow: hidden;}

.custom_wrap{ }
.custom_wrap .ding_title{text-align: center;font-size: 60px; color: #444444;}
.custom_wrap .ding_title span{ color: #2b8bf0;}
.custom_wrap .ding_tips{font-size: 36px;text-align: center; font-weight:100;}

.custom_wrap .ding_adv{margin-top: 50px;padding-top: 80px;}
.custom_wrap .ding_adv .adv_img{position: relative;}
.custom_wrap .ding_adv .adv_img img{ position: relative; margin-top:-80px; margin-left:-80px;}

.custom_wrap .ding_adv .adv_wrap{ }
.custom_wrap .ding_adv .adv_wrap .adv_wrap_con{ border:1px dotted #2b8bf0;text-align: center;border-radius: 50px; padding-top:20px;}
.custom_wrap .ding_adv .adv_wrap_con .adv_title{font-size: 36px; color: #353535; line-height:2;}
.custom_wrap .ding_adv .adv_wrap_con .adv_title b{ color: #2b8bf0;}
.custom_wrap .ding_adv .adv_wrap_con .adv_title_desc{ color: #5b5b5b;font-size: 18px;}

.custom_wrap .ding_adv .adv_wrap_con .adv_list{margin-top: 10px; padding: 10px;}
.custom_wrap .ding_adv .adv_wrap_con .adv_list .adv_item{ display: inline-block;margin-bottom: 10px;}
.custom_wrap .ding_adv .adv_wrap_con .adv_list .adv_item .adv_icon{ display: inline-block; width:110px; height:110px;background: url("../Images/ding_icon.png") 0 4px no-repeat;}
.custom_wrap .ding_adv .adv_wrap_con .adv_list .adv_item p{ color: #444444;}
.custom_wrap .ding_adv .adv_wrap_con .adv_list .adv_item p b{font-size: 24px;}
.custom_wrap .ding_adv .adv_wrap_con .adv_list .adv_item .adv_icon.icon_2{background-position-x:-158px;}
.custom_wrap .ding_adv .adv_wrap_con .adv_list .adv_item .adv_icon.icon_3{background-position-x:-315px;}
.custom_wrap .ding_adv .adv_wrap_con .adv_list .adv_item .adv_icon.icon_4{background-position:-475px 2px;}
.custom_wrap .ding_adv .adv_wrap_con .adv_list .adv_item .adv_icon.icon_5{background-position:-631px 2px;}
.custom_wrap .ding_adv .adv_wrap_con .adv_list .adv_item .adv_icon.icon_6{background-position:-789px 2px;}

.custom_wrap  .btns{text-align: center; margin-top:30px;}
.custom_wrap  .btns .btn{ display: inline-block; height:40px;border-radius: 20px; color: #fff; background-color: #76aee1; cursor: pointer; margin:10px;font-size: 18px; line-height:40px; padding: 0 30px;}
.custom_wrap  .btns .btn.order{ background-color: #005ec1;}
.custom_wrap  .btns .btn:hover{ opacity:.8;}
.custom_wrap .ask_tel{text-align: center;}
.custom_wrap .ask_tel a{ line-height:2.5; text-align: center;  font-size: 28px;color: #030203;}
.custom_wrap .ask_tel em{font-style: normal;font-weight: 700;color: #ef3729; border-bottom: 1px dotted #76aee1;}


.custom_wrap .custom_water{ margin-top: 50px; margin-bottom:70px;}
.custom_wrap .custom_water .custom_water_left{ text-align: center;padding-top: 110px;}
.custom_wrap .custom_water .custom_water_left .blue{ color: #2f71d1;}
.custom_wrap .custom_water .custom_water_left .red{ color: #ef3729;}
.custom_wrap .custom_water .custom_water_title{ line-height:1.8; font-weight: 100;font-size: 48px; color: #444444;}
.custom_wrap .custom_water .custom_water_desc{font-size: 30px; color: #030203; line-height:2;}
.custom_wrap .custom_water .custom_water_step{font-size: 30px; font-weight:100; color: #444444; border:1px dotted #2b8bf0;display: inline-block;padding: 0 10px;margin: 25px 0; background-color: #fff;}
.custom_wrap .custom_water .custom_water_step .step_num{font-size: 150%; font-weight:600;}

.custom_wrap .custom_water .custom_water_tip{font-weight: 100;font-size: 36px; color: #030203;}
.custom_wrap .custom_water .custom_water_tip b{font-weight: 400;}
.custom_wrap .custom_water .custom_water_right{ }
.flow_wrap{}
.flow_wrap .flow_list{ margin-bottom: 40px;}
.flow_wrap .flow_list .flow_item{ text-align: center;}
.flow_wrap .flow_list .flow_item .item_wrap{ position: relative; }
.flow_wrap .flow_list .flow_item .item_wrap .flow_icon{display: inline-block; background: url("../Images/ding_flow_icon.png") 50px center  no-repeat; width:145px; height:145px;border-radius: 100%; background-color: #2b8bf0;}
.flow_wrap .flow_list .flow_item:nth-child(even) .item_wrap .flow_icon{ background-color: #76aee1;}
.flow_wrap .flow_list .flow_item .item_wrap .flow_icon.icon_2{background-position-x:-156px;}
.flow_wrap .flow_list .flow_item .item_wrap .flow_icon.icon_3{background-position-x:-362px;}
.flow_wrap .flow_list .flow_item .item_wrap .flow_icon.icon_4{background-position-x:-564px;}
.flow_wrap .flow_list .flow_item .item_wrap .flow_icon.icon_5{background-position-x:-784px;}
.flow_wrap .flow_list .flow_item .item_wrap .flow_icon.icon_6{background-position-x:-994px;}

.flow_wrap .flow_list .flow_item .item_wrap .flow_name{ height:68px; display: table-cell; width: 1%; vertical-align: middle;font-size: 18px; color: #3c3c3c; text-align: center;}


.g_gallery{ padding: 25px 15px;}
.g_gallery .g_pic{ width:100%;height: 553px; border:1px solid #dddddd;overflow: hidden;background: url(../Images/pro_bg.png) center center/cover no-repeat;}
.g_gallery .g_pic a{ display: table-cell; width:1%;height: 553px; text-align: center; vertical-align: middle;}
.g_gallery .g_pic a img{ max-width:100%; max-height:553px; }
.g_gallery .g_thumb{ margin-top:12px;}
.g_gallery .g_thumb li{width: 100px;height: 100px; float: left; margin-left: 13px; border:2px solid #dddddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.g_gallery .g_thumb li:first-of-type{ margin-left:0;}
.g_gallery .g_thumb li.on,.g_gallery .g_thumb li:hover{ border-color:#ef3b2d;}
.g_gallery .g_thumb li a{display: table-cell; width:100px; height:98px;  text-align: center;}
.g_gallery .g_thumb li a img{ max-width:100%;max-height: 100%;}

.g_sumary{padding:20px 55px;}
.g_sumary b{ color: #303030;}
.g_sumary .product_title{ font-size:24px; font-weight:400; color: #3c3c3c; line-height:2;}
.g_sumary .product_desc{ line-height:28px; padding-bottom:20px;}
.g_sumary .product_brief{ font-size: 16px; line-height:28px; color: #8b8b8b; border-bottom:1px solid #eee; padding-bottom:20px;}
.g_sumary .product_spec{ padding:15px 0; border-bottom:1px solid #eee;}
.g_sumary .product_spec li{ line-height:38px; color: #3f3f3f;}
.g_sumary .product_spec:after{ clear: both; content: ''; display: block;}
.g_sumary .product_spec dt{ display: inline-block;  line-height: 36px; font-size: 14px;color: #3f3f3f; margin-bottom:5px;}
.g_sumary .product_spec dd{ display: inline-block; width: 470px; vertical-align: top;}
.g_sumary .product_spec dd a{display: inline-block; padding:3px 8px; font-size:14px; border:1px solid #ddd; margin:5px 6px; margin-left:0;}
.g_sumary .product_spec dd a:hover,.g_sumary .product_spec dd a.current{color: #ef3729; border-color: #ef3729;}
.g_sumary .product_tels { padding-top: 16px;color: #4a4a4a;}
.g_sumary .product_tels p img{ margin-right:5px;}
.g_sumary .product_tels h3{text-indent: 31px; font-family: Impact;font-weight: bold; color: #ef3729;	font-size: 36px;}

.g_sumary .product_btns{}
.g_sumary .product_btns a{ display: inline-block; padding: 0 45px; height:46px; text-align: center; line-height:46px; margin:20px 10px; color: #fff;font-size: 16px; border-radius: 3px;}

.product_top .g_sumary .product_btns a.message{ background-color: #fff; color: #6d6d6d; border:1px solid #dcdcdc;}
.product_top .g_sumary .product_btns a.order{ background-color: #2e6fd0;border:1px solid #2e6fd0;}

.product_container{ padding-bottom: 20px;;}
.product_container .pro_content{ margin-bottom:20px;}
.product_container  .product_inner_title{ font-weight:100;font-size: 30px; color: #373737; text-align: center; clear: both; line-height:2;}

.product_container .product_inner_desc{text-align: center;font-size: 16px; color: #8b8b8b; line-height:1;    padding-bottom: 15px;	border-bottom: 1px solid #e5e5e5;}

.news_info_box{ padding:20px 18px 0;}
.news_info_box .news_title{font-size: 18px; line-height:42px; text-align: center;}
.news_info_box .news_info{ font-size: 14px;color: #a2a0a0;line-height:24px; text-align: center;}
.news_info_box .news_info_content{ line-height:26px;padding: 20px;border-top: 1px dashed #eeeeee;margin-top: 10px;margin-bottom: 30px;}

.news_info_box #prev_next{ border-bottom: 1px double #eeeeee; padding-bottom:20px;padding-left: 20px;}
.news_info_box #prev_next li{ width:44%; display: inline-block; overflow: hidden; white-space:nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
.news_info_box #prev_next li.backlist{ width:10%;}
.news_info_box #prev_next li.backlist a{ display: block;text-align: center;border: 1px solid currentColor;padding: 5px 0;width: auto;}
.news_info_box #prev_next li.backlist a:hover{ background-color: #d80c18; color: #fff;}



.list_page{  padding: 18px;}
.list_page ul{ display: table;    width: 100%;}
.list_page ul li{ -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; display: table-row;	color: #6b6b6b;}
.list_page ul li.job_head{ display: table-row;font-weight: bold;color: #ffffff;background-color: #76aee1;}
.list_page ul li .list_cell{ display: table-cell; width: 200px;text-align: left; padding-left:20px;line-height: 42px; height:42px; }
.list_page ul li .list_cell a.more{ color: #c91400;}
.list_page ul li.job_head .list_cell{font-size: 16px;}
.list_page ul li.job_item:nth-child(odd){ background-color: #eee;}
.list_page ul li.job_item:hover{ background-color: #f6f6f6;}

.job_page_wrap{margin: 0 auto;clear: both; padding:18px;}
.job_section{ margin-bottom:10px;}
.job_section .sec_head{ background-color: #fafafa;}
.job_section .sec_head .head_name{line-height:42px;height:42px; padding-left:20px;font-size:16px;text-align: center; color: #ff6633;}
.job_section .sec_head .join_btn{ height:42px; width:120px;text-align: center; line-height:42px;background: #ff6633;color: #fff; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.job_section .sec_head .join_btn:hover{ -webkit-box-shadow: 0 0 10px #ff6633; -moz-box-shadow: 0 0 10px #ff6633; box-shadow: 0 0 10px #ff6633;}
.job_section .job_info{ padding:20px;}
.job_section .job_info p{ line-height:26px;}
.job_section .job_info .job_param{ display: inline-block; width:200px;}

/*inner_section join_partner*/
.join_page .sbanner{ height:auto;}
.join_page .page_main{ padding:20px 0 0;}

.inner_section.join_partner{ text-align: center;padding-bottom: 20px;}
.inner_section.join_partner .join_partner_title{ font-weight:900; color: #2e6fd0;}
.inner_section.join_partner .join_partner_title_2{font-size: 18px; line-height:3;}
.inner_section.join_partner .join_tips{font-size: 24px; color: #535353;}

.inner_section.join_partner  .join_partner_form{ width:90%; border:1px solid #f1f1f1; margin:1rem auto;padding: 1rem .8rem;}
.inner_section.join_partner  .join_partner_form .form_tips{font-size: 24px; color: #ff0008; display: inline-block;}
.inner_section.join_partner  .join_partner_form .form_box{ display: inline-block; }
.inner_section.join_partner  .join_partner_form .btn.btn-primary{ background-color: #008aff; border-color:#008aff;}
.inner_section .btn-online{ background-color: #2e6fd0;margin: 15px auto 0;color: #fff;display: inline-block;padding: 6px 26px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;border-radius: 17px; }

.inner_section .inner_title:before{ content: ''; display: block; background: url("../Images/inner_title_icon.png") center center no-repeat; height:2rem;margin-bottom: -1.5rem;margin-top: 1rem;}
.inner_section.water_profit{ padding: 1.2rem 1.2rem 3rem;background-color: #f9f9fa;text-align: center;}
.inner_section.water_profit .inner_title{ line-height:2.5; color: #333333;}
.inner_section.water_profit .inner_desc {}

.inner_section.water_profit .water_profit_box{ position: relative; width:50rem; height:35rem; margin: 7rem auto 10rem;}
.inner_section.water_profit .water_profit_box:before{ content: ''; display: block; position: absolute; width:100%; height:100%; z-index: 0;  top:0;background: url("../Images/water_profit_bg.png") center top no-repeat;}
.inner_section.water_profit .water_profit_box .water_line_icon{ position: relative;top: 28.3rem;}
.inner_section.water_profit .water_profit_box .water_line_icon:before,.inner_section.water_profit .water_profit_box .water_line_icon:after{ content: ''; display: block; position: absolute; z-index:1; width:15px; height:15px;border-radius: 100%; border:1px solid #ddd; background-color: #fff;}
.inner_section.water_profit .water_profit_box .water_line_icon:before{ left: -16.8rem;}
.inner_section.water_profit .water_profit_box .water_line_icon:after{ right:-16.8rem;}
.inner_section.water_profit .water_profit_box .water_profit_img{ position: relative;top: 10rem;}

.inner_section.water_profit .water_profit_box .profit_icon{ position: absolute;}
.inner_section.water_profit .water_profit_box .profit_icon .icon_wrap{ position: relative; width:6.7rem; height:6.7rem; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #2e6fd0;}
.inner_section.water_profit .water_profit_box .profit_icon img{position: absolute;margin: auto;top: 0;bottom: 0;left: 0;	right: 0;}
.inner_section.water_profit .water_profit_box .profit_icon.icon_1{top: 18rem;left: 3rem;}
.inner_section.water_profit .water_profit_box .profit_icon.icon_2{top: 6.4rem;left: 5.1rem;}
.inner_section.water_profit .water_profit_box .profit_icon.icon_3{ top: -1.5rem;left: 14.7rem;}
.inner_section.water_profit .water_profit_box .profit_icon.icon_4{ top: -1.5rem;right: 14.7rem;}
.inner_section.water_profit .water_profit_box .profit_icon.icon_5{top: 6.4rem;right: 5.1rem;}
.inner_section.water_profit .water_profit_box .profit_icon.icon_6{top: 18rem;right: 3rem;}
.inner_section.water_profit .water_profit_box .profit_icon span{  display: block;position: absolute;top: 0;bottom: 0;margin: auto;left: -8rem;font-size: 20px;color: #333333;line-height: 6.7rem;font-weight: 400;}

.inner_section.water_profit .water_profit_box .profit_icon.text-right span{left: auto; right: -13rem;text-align: left;width: 12rem;}


.inner_section.water_profit .profit_img{ margin:25px auto;max-width:100%; display: block;}
.inner_section.water_profit .tel_line{ border:1px dotted #d1d1d1; padding:6px 25px; background-color: #fff;font-size: 24px;    display: inline-block;border-radius: 30px;}
.inner_section.water_profit .tel_line b{ color: #cc1d00; font-style: normal; font-size: 120%;}


.inner_section.water_adv{ padding:15px;}
.inner_section.water_adv .inner_title{ line-height:2.5; color: #333333; text-align: center;}

.inner_section.water_adv .water_adv_box{ padding: 1rem 8.5rem;}
.inner_section.water_adv .water_adv_box .adv_item{    display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; min-height: 14rem;   border-top: 3px solid #2e6fd0; position: relative;}
.inner_section.water_adv .water_adv_box .adv_item:last-child{ border-bottom:3px solid #2e6fd0;}
.inner_section.water_adv .water_adv_box .adv_item .item_circle_right,.inner_section.water_adv .water_adv_box .adv_item .item_circle_left{ width: 14rem;border-radius: 50%;border: 3px solid #2e6fd0;position: absolute;top: -3px;bottom: -3px; z-index:0;}
.inner_section.water_adv .water_adv_box .adv_item .item_circle_right{right: -7rem;}
.inner_section.water_adv .water_adv_box .adv_item .item_circle_left{left: -7rem;}
.inner_section.water_adv .water_adv_box .adv_item .item_circle_right:after{ content: ''; position: absolute; width: 50%; height:100%; left:-3px; background-color: #fff;}
.inner_section.water_adv .water_adv_box .adv_item .item_circle_left:after{ content: ''; position: absolute; width: 50%; height:100%; right:-3px; background-color: #fff;}

.inner_section.water_adv .water_adv_box .adv_item .item_name{    -ms-flex-item-align: center!important;align-self: center!important;border-radius: 50%;background: #2e6fd0;width: 106px;height: 106px;color: #fff;padding: 20px 27px;text-align: center;	line-height: 1.3;margin: 0 1rem;font-size: 24px;position: relative;z-index: 1;}
.inner_section.water_adv .water_adv_box .adv_item .item_desc{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;font-size: 16px;line-height: 1.7;margin: 0 3.5rem;position: relative;z-index: 1;}
.inner_section.water_adv .water_adv_box .adv_item .item_desc .desc_wrap{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;  -webkit-box-align: center; -ms-flex-align: center;align-items: center;}

.inner_section.water_flow{ padding:2rem 0;text-align: center;}
.inner_section.water_flow .inner_title{ line-height:2.5; color: #333333; text-align: center;}

.inner_section.water_flow .flow_box{ padding:1rem 2rem;display: -webkit-box;	display: -ms-flexbox;display: flex;-webkit-box-align: center;	-ms-flex-align: center;align-items: center;}
.inner_section.water_flow .flow_box .flow_item{ -ms-flex-preferred-size: 0;	flex-basis: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;	max-width: 100%; padding:0 2px; }
.inner_section.water_flow .flow_box .flow_item:nth-child(even) .item_wrap{ background-color: #1f98e9;}
.inner_section.water_flow .flow_box .flow_item .item_wrap{background-color: #2e6fd0; display: flex;-webkit-box-align: center;	-ms-flex-align: center;align-items: center; color: #fff;height:5rem; text-align: center;justify-content: center; border-radius: 3rem 0 5rem 0;}
.inner_section.water_flow .flow_box .flow_item .flow_icon { margin-right: 12px;}
.inner_section.water_flow .flow_box .flow_item .flow_icon img{ width:2.5rem;}
.inner_section.water_flow .flow_box .flow_item .flow_name{ font-size: 16px; }

.contact_container{ padding:1rem;}
.contact_container h1{text-align: center; color: #2e6fd0; margin-top: 2rem; margin-bottom:2rem;}

.contact_container .contact_box { padding-top:1rem;}
.contact_container .contact_box .item{ display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; justify-content: center;height: auto; position: relative;}
.contact_container .contact_box .item .item_wrap{display: flex; color: #666; text-align: center; -webkit-box-align: center;-ms-flex-align: center;align-items: center; justify-content: center; flex-direction: column;/*background-image: linear-gradient(120deg, #90f6ff 0%, #e8b0ff 100%);border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;width: 20rem; height:18rem;animation: morph 9s linear infinite;	transform-style: preserve-3d;outline: 1px solid transparent;will-change: border-radius;*/}
/*.contact_container .contact_box .item .item_wrap:before,
.contact_container .contact_box .item .item_wrap:after{
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0; top: 0;
	border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
	box-shadow: 5px 5px 89px rgba(29, 119, 255, 0.21);
	will-change: border-radius, transform, opacity;
	animation-delay: 200ms;
	background-image: linear-gradient(120deg, rgba(37, 94, 254, 0.55) 0%, rgba(43, 128, 253, 0.89) 100%);
}*/
/*.contact_container .contact_box .item .item_wrap:before{
	animation: morph 9s linear infinite;
	opacity: .21;
}
.contact_container .contact_box .item .item_wrap:after{
	animation: morph 9s linear infinite;
	animation-delay: 400ms;
	opacity: .89;
	line-height: 120px;
	text-indent: -21px;
}*/
/*
.contact_container .contact_box .item:before,contact_container .contact_box .item:after{position: absolute; content: ''; display: block;width:21rem; height:20rem;border-radius: 39%;background-color: transparent;}
*/

.contact_container .contact_box .item .item_wrap p{ position: relative; z-index:2;font-size: 16px;}
.contact_container .contact_box .item .item_wrap i{ position: relative; z-index:2;font-size: 40px;}
.contact_container .qrcode{text-align: center; margin-top:3rem; margin-bottom:3rem;}
.contact_container .qrcode .wx_qrcode_img{ width:20rem;}


@keyframes morph{
	0%,100%{border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;transform: translate3d(0,0,0) rotateZ(0.01deg);}
	34%{border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;transform:  translate3d(0,5px,0) rotateZ(0.01deg);}
	50%{opacity: .89;transform: translate3d(0,0,0) rotateZ(0.01deg);}
	67%{border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;transform: translate3d(0,-3px,0) rotateZ(0.01deg);}
}

.mapControBar{height: 4rem; display: flex;text-align: center; justify-content:space-around;border-top: 1px solid #efefef;}
.mapControBar a{ flex: 1; -webkit-align-items: center; -ms-flex-align: center;align-items: center;-webkit-align-self: center;align-self: center;}
.mapControBar a.active{color: #2e6fd0;}
.driving_way{ display: flex;}
.driving_way:not(.none) { border-top:1px dashed #ddd;}

.driving_way a{flex: 1; text-align: center; padding:5px 10px;}
.driving_way a.on{ color: #d80d18;}



.service_list {margin: 15px -15px;}
.service_list .item_wrap .item_img{ position: relative; -webkit-box-shadow:  0px 9px 35px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow:  0px 9px 35px 0px rgba(0, 0, 0, 0.25); box-shadow:  0px 9px 35px 0px rgba(0, 0, 0, 0.25);border-radius: 3px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	overflow: hidden;}
.service_list .item_wrap .item_title{text-align: center; line-height:3; margin: 0.3rem 0 .5rem;}

.service_list .item_wrap .overylay{border-radius:3px;background-color: rgba(1, 150, 245,.9); position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: all 0.5s ease, z-index 0.6s; -moz-transition: all 0.5s ease, z-index 0.6s; -ms-transition: all 0.5s ease, z-index 0.6s; -o-transition: all 0.5s ease, z-index 0.6s; transition: all 0.5s ease, z-index 0.6s; -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-90deg) translateZ(0px); -moz-transform: rotateX(-90deg) translateZ(0px); -ms-transform: rotateX(-90deg) translateZ(0px); -o-transform: rotateX(-90deg) translateZ(0px); transform: rotateX(-90deg) translateZ(0px);}
.service_list .item_wrap .overylay .overlay_wrap{ display: flex;align-items: center;justify-content: center;height: 100%;flex-flow: column;color: #fff;	padding: 1rem; text-align: center;}
.service_list .item_wrap .overylay .overlay_wrap{}
.service_list .item_wrap .overylay .overlay_wrap .service_icon{}
.service_list .item_wrap .overylay .overlay_wrap .overlay_title{ line-height:3; margin-bottom:.2rem;font-size: 2rem;}
.service_list .item_wrap .overylay .overlay_wrap .overlay_desc{ line-height:1.8;}

.service_list .item_wrap:hover .item_img{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.service_list .item_wrap:hover .overylay{transform: rotateY(0deg);}



.grid{}
.grid .grid-item{}
.grid .grid-item .grid-tit{ line-height:3; text-align: center;}