﻿/*
* name:Global && Pc StyleSheet
* version:v3.3.1
* update:雪碧图对齐
* date:2016-04-30

/* 雪碧图 */
/* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */
.ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../img/ico.png);
	*text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');}
.ico:before {content:'\3000';}
.ico1_2 { background-position:-20px 0;}
.ico1_3 { background-position:-40px 0;}
.ico1_4 { background-position:-60px 0;}
.ico1_5 { background-position:-80px 0;}
.ico2_1 { background-position:0 -20px;}
.ico2_2 { background-position:-20px -20px;}
.ico2_3 { background-position:-40px -20px;}
.ico2_4 { background-position:-60px -20px;}
.ico2_5 { background-position:-80px -20px;}
.ico3_1 { background-position:0 -40px;}
.ico3_2 { background-position:-20px -40px;}
.ico3_3 { background-position:-40px -40px;}
.ico3_4 { background-position:-60px -40px;}
.ico3_5 { background-position:-80px -40px;}
.ico4_1 { background-position:0 -60px;}
.ico4_2 { background-position:-20px -60px;}
.ico4_3 { background-position:-40px -60px;}
.ico4_4 { background-position:-60px -60px;}
.ico4_5 { background-position:-80px -60px;}
/* 常量设置 */
html { overflow-x:hidden;}
html,body,.wrap { min-width:1200px;}
.wrap { width:1200px; margin-right:auto; margin-left:auto;}

::-moz-selection {color:#fff; background:#39f; }
::selection {color:#fff; background:#39f; }
::-webkit-input-placeholder { color:#aaa; } 
.placeholder { color:#aaa;}
/*css组件设置*/
.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}

.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }


/* 网站样式 */
.delay100 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.delay200 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.delay300 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.delay400 {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.delay500 {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.delay600 {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.delay700 {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
.delay800 {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.delay900 {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
.delay1000 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.delay1200 {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.delay1400 {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}
.delay1600 {
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
.delay1800 {
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s;
}
.delay2000 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
.delay2400 {
	-webkit-animation-delay: 2.4s;
	animation-delay: 2.4s;
}
.delay3000 {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}
/*-----------------------------【公用头部和尾部 start-lujx】-----------------------------*/

.xc_channel .innerBan { height: 302px; width: 100%; position: relative; overflow: hidden;z-index: 0 }
.xc_channel .innerBan img { position: absolute; width: 1920px; left: 50%; margin-left: -960px; top: 0; max-width: none; z-index: 0; }
.xc_channel .innerBan .wrap { z-index: 2; color: #fff; height: 100%; display: table; }
.xc_channel .innerBan .channelT { font-size: 40px; font-weight: normal; margin-top: 10%; line-height: 1; margin-bottom: 30px; }
.xc_channel .subNavs { padding: 30px 0; background: #f5fafb; margin-bottom: 50px; }
.xc_channel .subNavs li { float: left; margin-bottom: 6px;}
.xc_channel .subNavs li a { font-size: 16px; line-height: 1; display: block; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ddd; }
.xc_channel .subNavs li a:hover{color: #006d86;}
.xc_channel .subNavs li.cur a { color: #006d86; }

/*下层公用 end*/

/*下层综合banner*/
.xczh_channel {margin-bottom: 45px;}
.xczh_channel .xczh_banner{position: relative;height: 450px;}
.xczh_channel .xczh_banner img{position:absolute;left:50%;margin-left:-960px;max-width:1920px;}
/*下层综合banner  end*/


/*时间延迟*/
.delay100 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.delay200 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.delay300 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.delay400 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.delay500 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.delay600 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.delay700 { -webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
.delay800 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.delay900 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.delay1000 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.delay1200 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.delay1400 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s;}
.delay1600 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
.delay1800 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s;}
.delay2000 { -webkit-animation-delay: 2s; animation-delay: 2s;}
.delay2400 { -webkit-animation-delay: 2.4s; animation-delay: 2.4s;}
.delay3000 { -webkit-animation-delay: 3s; animation-delay: 3s;}





/*核心产品*/
.rect-4819{padding-bottom: 48.19%}
.product_abt .product_banner{position: relative;height:452px;overflow: hidden;background: url("../img/product_banner_02.jpg") no-repeat center}
.product_abt .product_onbanner{position: absolute;width: 100%;height: 100%;}
.product_abt .product_onbanner .title_area{text-align: center}
.product_abt .product_onbanner .title_area .title{font-size: 32px;color: #ffffff;padding-top: 65px;padding-bottom: 10px;}
.product_abt .product_onbanner .title_area .dec{font-size: 14px;color: #ffffff;padding-bottom: 52px;}
.product_abt .product_onbanner .pro_ion{display: inline-block;width: 90px;height: 75px;background: url("../img/product_ion.png");}
.product_abt .product_onbanner .pro_type_li{text-align: center}
.product_abt .product_onbanner .pro_type_li a{display:block;}
.product_abt .product_onbanner .ico_box{width: 90px;height: 90px;display: inline-block;padding: 22.5px;border-radius: 50%;border: 1px solid #ffffff;transition: 0.5s all ease;position: relative;z-index: 2}
.product_abt .product_onbanner .txt_box{color: #ffffff;font-size: 16px;}
.product_abt .product_onbanner .pic_area{margin-bottom: 30px;}
.product_abt .product_onbanner .pro_ion1{background-position:0 0}
.product_abt .product_onbanner .pro_ion2{background-position:-90px 0}
.product_abt .product_onbanner .pro_ion3{background-position:-180px 0}
.product_abt .product_onbanner .pro_ion4{background-position:-270px 0}
.product_abt .product_onbanner .pro_ion5{background-position:-360px 0}
.product_abt .product_onbanner .pro_ion6{background-position:-450px 0}
.product_abt .product_onbanner .pro_type_li:hover .pro_ion{background-position-y: -75px;}
.product_abt .product_onbanner .pro_type_li:hover .ico_box{background: #ffffff;}
.product_abt .product_onbanner .pro_type_li:hover .txt_area .txt_box{font-weight: bold;}
.product_abt .product_onbanner .pro_type_li.hover .ico_box:before{content: "";display: inline-block;position: absolute;width: 137px;height: 158px;top: -1px;background: url("../images/product_ck.png");left: -1px; z-index:0;}
.product_abt .product_pt1 .title{font-size: 32px; color: #353636;padding:40px 0 30px 0}
.product_abt .product_pt1 .list_li{margin-bottom: 34px;}
.product_abt .product_pt1 .list_li:hover .txt_area{background-size: cover; background:#016db5}
.product_abt .product_pt1 .list_li:hover .dec{color: #fff}
.product_abt .product_pt1 .list_li:hover .title{color: #fff}
/*.product_abt .product_pt1 .list_li img{transition: 0.3s all ease;}*/
.product_abt .product_pt1 .list_li:hover img{transform: scale(1.2,1.2)}
.product_abt .product_pt1 .txt_area{text-align: center;background: #EBF4F6}
.product_abt .product_pt1 .txt_area .title{font-size: 16px;padding: 16px 0 8px 0;transition: 0.3s all ease}
.product_abt .product_pt1 .txt_area .dec{font-size: 13px;color: #707070;padding-bottom: 20px;transition: 0.5s all ease}
.product_abt .product_pt2 .title_area{color: #353636;text-align: center;transition: 0.3s all ease;height: 196px;}
.product_abt .product_pt2 .dec_area{height: 196px;position: relative;}
.product_abt .product_pt2 .dec_area .replace_box{padding: 40px 40px 0 40px;font-size: 14px}
.rect-49{padding-bottom: 49%;}
.product_abt .product_pt2 .title{font-size: 32px;padding-top: 30px;padding-bottom: 20px;}
.product_abt .product_pt2 .dec{font-size: 14px;transition: 0.5s all ease}
.product_abt .product_pt2 .title_box{padding-top: 46px;padding-left: 43px;text-align: left;}
.product_abt .product_pt2 .title_box .en_title:after{content: "";position: absolute;bottom:3px;left: 0;width: 41px;height: 1px;background: #006D86}
.product_abt .product_pt2 .title_box .title{font-size: 18px;color: #464646;padding:0;transition: 0.3s all ease;font-weight:bold;}
.product_abt .product_pt2 .title_box .en_title{font-size: 14px;color: #848383;padding: 0 0 26px 0;position: relative;transition: 0.3s all ease}
.product_abt .product_pt2 .title_ico{display: inline-block;width: 60px;height: 72px;background: url("../images/product_ico2.png");transition: all 0.5s ease;}
.product_abt .product_pt2 .list_li .dec_box{width: 100%;height: 100%;position: absolute;top: 100%;}


.product_abt .product_pt2 .list_li .dec_box .neirong_box{padding: 40px 40px 0 40px;}
.product_abt .product_pt2 .list_li:hover .title_area{background: #DBEBEF}
.product_abt .product_pt2 .list_li:hover .title{color: #006d86}
.product_abt .product_pt2 .list_li:hover .en_title{color: #006d86}
.product_abt .product_pt2 .list_li:hover .title_ico{background-position-y:-72px;transform: rotateY(180deg);transition: all 0.8s ease}
.product_abt .product_pt2 .list_li:hover .dec_box{background: url("../images/pro_bac_07.jpg") no-repeat;background-size: cover;top: 0;transition: all .8s ease;}
.product_abt .product_pt2 .list_li:hover .replace_box{color: #fff;padding: 0;height: 0;}

.product_abt .product_pt2 .list_li:hover .dec{color: #ffffff}
.product_abt .product_pt2 .list_li .title_ico1{background-position: 0 0}
.product_abt .product_pt2 .list_li .title_ico2{background-position: -60px 0}
.product_abt .product_pt2 .list_li .title_ico3{background-position: -120px 0}
/*产品详细*/
.rect-1437{padding-bottom: 76.67%;}
.pro_detail_pt1{height: 488px;background: url("../images/pro_detail_bac_02.jpg") no-repeat center;overflow: hidden}
.pro_detail_pt1 .pt1_box{padding-top: 55px;}
.pro_detail_pt1 .left_txt{float: left; position:absolute; left:470px;}
.pro_detail_pt1 .left_txt .txt_box{padding: 25px 15px 0 65px;}
.pro_detail_pt1 .pro_name{font-size: 36px;font-weight: bold;color: #ffffff}
.pro_detail_pt1 .pro_name2{font-size: 24px;font-weight: bold;color: #ffffff;padding-bottom: 10px;position: relative}
.pro_detail_pt1 .pro_name2:after{content:'';position: absolute;width: 45px;height: 3px;background: #ffffff;bottom: -3px;left: 0;}
.pro_detail_pt1 .dec{font-size: 13px;color: #ffffff;line-height: 2;padding-top: 20px;}
.pro_detail_pt1 .right_pic{width: 100%;float: left; position:relative; padding-top:30px}
.pro_detail_pt1 .right_pic .pic_box{padding: 0 0px 0 0px;}
.pro_detail_pt2{position: relative}
.pro_detail_pt2 .top_link{position: absolute;top: -70px;left: 0;width: 100%;}
.pro_detail_pt2 .link_btn{width: 150px;line-height: 40px;font-size:18px;text-align: center;display: inline-block;background: #016db5;color: #ffffff;margin-right: 5px;vertical-align: bottom}
.pro_detail_pt2 .link_btnwu{width: 150px;line-height: 40px;font-size:18px;text-align: center;display: inline-block;background: #fff;color: #333;margin-right: 5px;vertical-align: bottom}
.pro_detail_pt2 .bottom_dec .miaoshu_item{margin-bottom: 28px;}
.pro_detail_pt2 .bottom_dec .dec_box{padding-top: 40px;}
.pro_detail_pt2 .bottom_dec .type{width: 12.5%;display: inline-block;float: left;text-align: right;font-size: 15px;color: #006d86}
.pro_detail_pt2 .bottom_dec .type_box{padding-right: 10px}
.pro_detail_pt2 .bottom_dec .dec{width: 87.5%;display: inline-block;float: left;font-size: 14px;line-height: 1.8}
.pro_detail_pt2 .bottom_dec .neirong_box{padding-left: 12px;}



/*二级导航*/
/*.xc_channel .subNavs li a{width: 80px;}*/
.xc_channel .subNavs li {height:20px;}



/*产品详情*/
.Form-J1 .Form-J1-Btn ._submit{background: #F7AC00!important;transition: all 0.5s ease;margin-right: 0;}
.Form-J1 .Form-J1-Btn ._reset{transition: all 0.5s ease;margin-left: 10px;}

/*产品详情*/
.bottom_area{padding-bottom: 50px;}



/*二级导航---暂定先别让字体变大，如有需要 删掉这行代码*/
.xc_channel .subNavs li.cur a { font-size: 16px;}
.xc_channel .subNavs li a:hover{font-size: 16px;}




.product_abt .product_onbanner .pro_type_li.cur .ico_box:before{content: "";
	display: inline-block;
	position: absolute;
	width: 137px;
	height: 158px;
	top: -1px;
	background: url("../img/product_ck.png");
	left: -1px;}
.product_abt .product_onbanner .pro_type_li.cur .pro_ion{background-position-y: -75px;}
.product_abt .product_onbanner .pro_type_li.cur .ico_box{background: #ffffff;}
.searForm >.search_button:hover{color: inherit}
.product_abt .product_pt2 .list_li0:hover .dec_box{background: url("../img/zixun_bac.jpg") no-repeat;background-size: cover;}
.product_abt .product_pt2 .list_li2:hover .dec_box{background: url("../img/jiankang_bac.jpg") no-repeat;background-size: cover;}
.Validform_wrong{position: absolute;right: 0;}


.xc_channel .subNavs li{height: auto;}


/*.search_buttonl i{background: url(../img/search.png)no-repeat;width: 24px;height: 24px;}*/
.widget-nav>ul{text-align: right;}
.widget-nav>ul>li{display: inline-block;float: none;}




.company_group_p1 .jituan_img .list_box.on .mask{background: url(../img/intros_bg.png) center center no-repeat\9}
.product_abt .product_onbanner .ico_box{border: none\9}
.product_abt .product_onbanner .pro_type_li:hover .ico_box,.product_abt .product_onbanner .pro_type_li.cur .ico_box{background:url("../img/yuan.png") no-repeat center\9;}

/**2017-03-23*/
.xc_channel.develop  .subNavs{margin-bottom:0;}
.i_layer .nav_img_li{display: none;}
.i_layer .nav_img_li.cur{display: block;}
.widget-nav .nav_img_ul{width: 100%;background: none;height: auto;}








/*20170613*/
.product_pt2{display: none;}

.product_detail .bottom_area{margin-bottom:40px;}

/*全站底部间距调整 统一70px*/
.pageMain{padding-bottom:70px;}
.company_detail_p3 .right .pic_video{margin-bottom:0;}
.pageMain .page{margin-bottom:0;}
.culture_p1{margin-bottom:0;}
.culture_p1 .cul_right .box .cul_last .cul_infor{margin-bottom:0;}
.news_lists{margin-bottom:0;}
.product_abt{padding-bottom:36px;}
.yanfatixi{padding-bottom:50px;}
.yanfapingtai{padding-bottom:35px;}
.cooperation{margin-bottom:0;}

.widget-nav > ul > li{width: 10%;}

@media only screen and (max-width: 640px) {
.index_pt2{ margin-top:-120px}

}
