.header, .head { height: 108px; margin: 0 auto; background: #FFFFFF; color: #2b2b2b; box-sizing: border-box; z-index: 200; position: relative; }
.main, .footer {  position: relative; z-index:100; }
.logo { float: left; margin-top: 30px; }
.nav_box li { float: left; width: 110px; height: 108px; box-sizing: border-box; }
	
.nav_box li.on a { color: #000; }
.nav_box a { display: block; width: 100%; height: 100%; text-align: center; line-height: 108px; font-size: 16px; color: #2b2b2b; box-sizing: border-box; font-family: "Microsoft Yahei", arial, "\5b8b\4f53"; }
.nav_box { margin-right: 128px; position: relative; }
.nav_box ul { position: relative; z-index: 10; }
.blueBox { position: absolute; left: 0; top: 0; width: 110px; height: 108px; background: #f4f4f4; z-index: 9; box-sizing: border-box; border-bottom: 2px solid #1166b1; opacity:0;}
.nav_box, .search_box { float: right; }
.search_box { width: 477px; height: 108px; }
.search_box a { font-size: 12px; font-family: "Microsoft Yahei", arial, "\5b8b\4f53"; color: #000; }
.lang { text-align: right; margin: 10px 0; }

.headlink{text-align: right;margin-bottom: 6px;margin-top: 6px}
.headlink a{color: rgba(42,42,42,0.7);}
.search_inp{ margin-bottom: 7px;width:234px; height:30px; border: 1px solid #cecece; clear:both; float:right; box-sizing:border-box; }
.search_inp input.search_inp_txt { width: 74%; padding:0 3%; height: 30px; float:left; border:0; background:none; }
.search_inp input.search_inp_button { width: 20%; height: 28px; background:url(../images/search.png) no-repeat center; border:0; float:left; }

.banner_index_new{ margin-bottom:84px;}

.header, .head,.in_news_main,.in_service_main,.footer_wrap,.inner_main,.banner_inner_txt{ width:1280px; margin:0 auto;}
.banner_inner_txt {  margin-left:-640px; left:50%;}

.nav_list { display: none; background: url(../images/banner_txt.png) no-repeat; width: 1920px; height: 287px; position: absolute; top: 108px; left: 50%; margin-left: -960px; }
.nav_list ul { width: 190px; position: absolute; left: 50%; margin-left: -270px; top: 40px; }
.nav_list li { line-height: 16px; padding-bottom: 20px; }
.nav_list li a { font-size: 14px; color: #2b2b2b; }
.nav_list li a:hover { color: #005bac; }

.nav_hidden { display: none; }

.nav_p{ position:absolute; top:40px; left:45%; margin-left:150px; width:384px; color:#005bac; font-size:18px; line-height:1.7em;}
.nav_p h4{ font-weight:normal;}

.in_news h4,.in_product h4,.in_service h4{ display:inline-block; width:auto; font-size:36px; height:2.3em; margin:0 auto; border-top:3px solid #626262; border-bottom:2px solid #626262; line-height:2.3em; padding:0 10px; margin-bottom:54px;}
.in_news h4 a,.in_product h4 a,.in_service h4 a{ color:#2b2b2b;}


.in_news{ text-align:center; margin-bottom:100px;}
.in_news_main_l{ width:35%; float:left;}
.in_news_main_r{ width:65%; float:left; position:relative; top:-4px;}
.in_news_main_r > a{    display: inline-block;
    clear: both;
    float: right;
    padding: 4px 8px;
    color: #000;
    border: 1px solid #000;
    font-size: 14px;}
.in_news_main_r li{ width:50%; float:left; text-align:left; margin-bottom:22px;}
.in_news_main_r li h5,.in_news_main_r li span,.in_news_main_r p{ margin-left:56px;}
.in_news_main_r li h5 a{ font-size:20px; color:#2a2a2a; font-weight:normal; line-height:1.4em; height:2.8em; overflow:hidden; display:block;}
.in_news_main_r li span{ font-size:12px; color:#a0a0a0; line-height:34px;}
.in_news_main_r li p{ font-size:14px; color:#616161; line-height:1.7em; height:3.4em; overflow:hidden;}

.in_news_main_l a{ width:100%; height:100%; display:block; position:relative; font-size:20px;}
.in_news_main_l a img{ width:100%; height:100%;}
.in_news_main_l a p{ position:absolute; line-height:50px; color:#fff; background:rgba(0,0,0,0.6); width:100%; bottom:0; padding:0 26px; box-sizing:border-box; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;}


.in_product i { text-decoration: none; color:#2D2E32;transition:0.4s all; -webkit-transition:0.4s all;}
.in_product_txt p,.in_product_txt a { text-decoration: none; color:#fff;transition:1s all; -webkit-transition:1s all;}

.in_product{ text-align:center; margin-bottom:100px;}

.in_product_main_l{ width:445px; float:left; position:relative;}
.in_product_main_l img{padding: 1px; border: solid 1px #ccc;}
.in_product_main_r{ width:740px; height:100%; float:left; position:relative; margin-left: 10px}
.in_product_main_r img{ width:100%; height:100%; border: solid 1px #CCC;padding: 1px;}


.in_product_main_t,.in_product_main_b{ width:100%; height:50%;}

.in_product_main_t_l{ width:358px; float:left; position:relative;}
.in_product_main_t_r{ width:359px;  float:left; position:relative; margin-left: 20px;}

.in_product_main_b_l{ width:100%; margin-top: 10px; float:left; position:relative;cursor: pointer;}


.in_product_txt{ position:absolute; left:50px; top:42px; text-align:left; width:75%; z-index:20;}
.in_product_txt h5{ line-height:2em; font-size:30px; font-weight:normal; position:relative; margin-bottom:10px;}
.in_product_txt h5 a{ color:#fff;}
.in_product_txt h5 em{ height:4px; width:90px; position:absolute; left:0; bottom:0; display:block; background:#fff;}
.in_product_txt p{ color:#fff; font-size:14px; line-height:1.7em; height:6.8em; overflow:hidden; margin-bottom:1em; opacity:0;}
.in_product_txt a > img{ width:auto; height:auto; opacity:0; }
.in_product i{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:10; transform:scale(1,1); opacity:0;padding: 2px;height: 258px;}
.in_product_txt .more{opacity: 0;}
.in_product_txt.in-pro-first i{height:262px;}

.proHover:hover i{ opacity:1; transform:scale(1,1);}
.proHover:hover .in_product_txt p{ opacity:1;}
.proHover:hover .in_product_txt a > img{ opacity:1;}
.proHover:hover .in_product_txt .more{opacity: 1}


.in_service{ text-align:center; margin-bottom:100px;}
.in_service ul{ position:relative; left:0;}
.in_service li{ width:6%; float:left; height:100%; position:relative; overflow:hidden;}
.in_service li > a{ width:100%; height:100%;}
.in_service li img{ height:100%; width:auto;}
.in_service li.on{ width:64%;}
.in_service li.on a{ display:block; width:100%; height:100%;}
.in_service li.on a img{ width:100%; height:100%;}
.in_service_main{ position:relative; overflow:hidden;}
.in_service_main .in_service_l{ width:18%; display:block; height:100%; position:absolute; left:0; top:0; background:url(../images/left_menu.png) no-repeat center rgba(0,0,0,0.5); z-index:200;}
.in_service_main .in_service_l:hover{ background:url(../images/left_menu.png) no-repeat 45% rgba(0,0,0,0.5);}
.in_service_main .in_service_r{ width:18%; display:block; height:100%; position:absolute; right:0; top:0; background:url(../images/right_menu.png) no-repeat center rgba(0,0,0,0.5); z-index:200;}
.in_service_main .in_service_r:hover{ background:url(../images/right_menu.png) no-repeat 55% center rgba(0,0,0,0.5);}

.in_service_main_wrap,.in_service ul { width:100%; height:100%;}
.in_service ul{ width:8000%;}

.serText{ position:absolute; bottom:0; text-align:left; padding:20px 40px; box-sizing:border-box; background:rgba(0,0,0,0.5); opacity:0; width:100%;}
.serText a {  color:#fff;}
.serText h6{ font-size:30px; color:#fff; font-weight:normal; margin-bottom:10px;}
.serText p{ font-size:14px; color:#fff; font-weight:normal; line-height:1.7em; height:3.4em; overflow:hidden;}

.in_service li.on .serText{ opacity:1;}

.footer { background:#f5f5f5; padding:56px 0;}
.footer_wrap{}

.foot_r_logo{ width:136px; float:left; margin-right:56px; line-height:38px;}
.foot_r_logo h4{ font-weight:normal; margin-bottom:4px;}

.footer_l{ width:50%; float:left;}
.footer_l h4{ font-size:24px; color:#2a2a2a; font-weight:normal; margin-bottom:20px;}
.footer_l h5{ font-size:14px; color:#2a2a2a; font-weight:normal; margin-bottom:12px; width:90%;}
.footer_l p{ font-size:12px; color:#2a2a2a; font-weight:normal;}

.footer_r{ width:auto; float:right; margin-right:2%;}
.footer_r dl{ width:180px; float:left;}
.footer_r dl dt,.footer_r dl dd{ border-bottom:1px dotted #b4b4b4; line-height:38px;}
.footer_r dl dt a{font-size:14px; color:#000;}
.footer_r dl dd a{ font-size:14px; color:#7c7c7c;}
.footer_r ul{ width:auto; float:left; margin-left:55px;}
.footer_r ul li{ line-height:38px;}
.footer_r ul li a{ color:#000;}

.footer_wrap_top{ margin-bottom:32px;}
.footer_wrap_bottom{ line-height:58px; font-size:12px; border-top:1px solid #2a2a2a;}
.footer_wrap_bottom a { color:#2a2a2a; }

.foot_share{ overflow:hidden; padding-top:10px;}
.foot_share a{ display:block; float:left; width:27px; height:27px; margin-right:8px;-webkit-transition: 0.8s transform;}
.foot_share a:hover{transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.phone_menu{ display:none;}

.nav_box ul.other_nav{ display:none;}
.phone_box{ display:none;}
.phone_search{ display:none;}



.in_product_main_l,.in_news_main,.in_product_main_t_l,.in_news_main_l,.in_news_main_r{transition:1s all; -webkit-transition:1s all;cursor: pointer;}

.in_news_main { position:relative;}

.in_news_main_l{ top:100px; opacity:0; position:relative;}
.in_news_main_r{ left:100px; opacity:0; position:relative;}

.in_news_main.on .in_news_main_l{ top:0; opacity:1;}
.in_news_main.on .in_news_main_r{ left:0; opacity:1;}

.in_product_main{}
.in_product_main_l { position:relative; left:-100px; opacity:0;}
.in_product_main_b_l,.in_product_main_b_r{ position:relative; top:-100px; opacity:0;transition:1s all .4s; -webkit-transition:1s all .4s;}
.in_product_main_t_l,.in_product_main_t_r{ position:relative; left:100px; opacity:0; }
.in_product_main_t_r{transition:1s all .5s; -webkit-transition:1s all .5s;cursor: pointer;}

.in_product_main.on .in_product_main_l{ left:0; opacity:1;}
.in_product_main.on .in_product_main_b_l,.in_product_main.on .in_product_main_b_r{ top:0; opacity:1;}
.in_product_main.on .in_product_main_t_l,.in_product_main.on .in_product_main_t_r{ left:0; opacity:1;}

.in_product_main_t{ position:relative; z-index:10;}
.in_product_main_b{ position:relative; z-index:5;}


.inner_inpro .in_product_main_l,.inner_inpro .in_product_main_b_l,.inner_inpro .in_product_main_b_r,.inner_inpro .in_product_main_t_l,.inner_inpro .in_product_main_t_r { opacity:1; }
.inner_inpro .in_product_main_l { left:0; }
.inner_inpro .in_product_main_b_l, .inner_inpro .in_product_main_b_r { top:0;cursor: pointer; }
.inner_inpro .in_product_main_t_l, .inner_inpro .in_product_main_t_r { left:0; cursor: pointer;}

.inner_inpro .in_product h4{ font-size:20px; margin-bottom:24px;}
.inner_inpro .in_product_txt h5{ font-size:20px;}
.inner_inpro .in_product_txt h5 em{ width:60px; height:2px;}
.inner_inpro .in_product_txt{ top:15px; left:15px;}



.banner_index_new {  position:relative;}
.banner_index_new ul,.banner_index_new ul li {  width:100%; height:100%; z-index:1; overflow:hidden;}
.banner_index_new ul li.curr{z-index:2;}
.banner_index_new li img { width:100%; height:100%; }
.banner_index_new .vbox{ position:absolute; width:100%; height:100%; z-index:1; left:0; top:0; cursor:pointer;  background:#000; }
.banner_index_new .vbox video{width: 100%; height:100%; }
.banner_index_new ul li video{ height:100%; width:100%;}

.banner_index_new ul, .banner_index_new ul li table{ z-index:30; position:absolute; width:100%; height:100%; left:0; top:0;}

.banner_index_new ul li em{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.6) url(../images/search.png) center no-repeat; position:absolute; left:0; top:0; cursor:pointer;}

.banner_index_new { position:relative; overflow:hidden; }

.banner_index_new dl { position:absolute; text-align:center; bottom:20px; left:0; width:100%; z-index:5000; }
.banner_index_new dl dd { display:inline-block;text-indent: 9999px;
    width: 16px;
    height: 16px;
    margin: 0;
    outline: 0;
    overflow: hidden;
    border-radius: 0px;
    background: none;
    border: 1px solid #fff; margin-right:10px; cursor:pointer;}
.banner_index_new dl dd:last-child { margin-right:0; }
.banner_index_new dl dd.active { background: #005bac; border: 1px solid #fff; }


.banner_left{ left:0%; top:50%; margin-top:-41px; display:block; width:82px; height:82px; position:absolute; z-index:10000; background:url(../images/search.png) no-repeat left;}
.banner_right{ right:0%; top:50%; margin-top:-41px; display:block; width:82px; height:82px; position:absolute; z-index:10000; background:url(../images/search.png) no-repeat left;}

.banner_index_new video { transform:scale(1.01); position:absolute; left:0; top:0; width:100%; height:100%; }


.fixHeader { position:fixed; left:0; top:0; width:100% !important; }

.main { margin-top:108px; }

.banner_index_new ul li > a { position:absolute; width:100%; height:100%; display:block; overflow:hidden; left:0; top:0; z-index:50; }
.banner_index_new ul li table {  width:100%; height:100%; position:absolute; left:0; top:-9%;}
.banner_index_new ul li table td { vertical-align:middle; text-align:center; width:80%; color:#fff; }
.banner_index_new ul li table td p { width:80%; padding-bottom:0px; margin:0 auto; }
.banner_index_new ul li table td i { display:none; width:40%; font-size:14px; margin:0 auto; line-height:1.7em; height:3.4em; overflow:hidden; }

.pc_in_service_main{ display:block;}
.phone_in_service_main{ display:none;}

@media only screen and (max-width: 1520px) {
	
	.nav_box{ margin-right:28px;}
	.nav_list ul{ margin-left:-214px;}
	.nav_p{ margin-left:10px; font-size:16px; left:50%;}
	
	.header, .head,.in_news_main,.in_service_main,.footer_wrap,.inner_main,.banner_inner_txt{ width:1150px; margin:0 auto;}
	.banner_inner_txt {  margin-left:-575px;}

	.in_product_txt h5,.serText h6{ font-size:22px;}
	.in_product_txt{ top:30px; left:20px; width:85%;}
	
	.in_news h4, .in_product h4, .in_service h4{ font-size:22px; margin-bottom:30px;}
	
	.in_news,.in_product,.in_service,.banner_index_new{ margin-bottom:60px;}
	
	.in_news_main_r li h5 a,.in_news_main_l a{ font-size:16px;}
	
	.in_news_main_r li h5, .in_news_main_r li span, .in_news_main_r p{ margin-left:30px;}
	.in_news_main_r li span{ line-height:28px;}
	
	.serText a h6{ font-size:22px;}
	
	.bx-wrapper .bx-controls-direction a {
		 margin-top: -26px !important;
		 width:52px !important;
		 height:52px !important;
	}
	
	.bx-wrapper .bx-pager.bx-default-pager a{
		width:12px !important; height:12px !important;
	}
	
	.footer{ padding:40px 0;}
	
	.in_product_txt{ top:20px;}
	.in_product_txt p{ margin-bottom:1.8em;}

        .banner_left { width:60px; height:60px; background-size:100% 100%; }
        .banner_right { width:60px; height:60px; background-size:100% 100%; }

        .banner_index_new ul li table td p { width:80%; padding-bottom:0px; }
        .banner_index_new ul li table td i { width:50%;  }
	
}


@media only screen and (max-width: 1300px) {
	
	.nav_box li,.blueBox{ width:98px;}
	.in_news_main_r li h5 a,.in_news_main_l a{ font-size:16px;}
	.in_news h4, .in_product h4, .in_service h4{ font-size:20px; margin-bottom:24px;}
	.in_product_txt h5,.serText h6{ font-size:20px;}
	.in_product_txt h5 em{ width:60px; height:2px;}
	.in_news, .in_product, .in_service,.banner_index_new{ margin-bottom:36px;}
	.header, .head,.in_news_main,.in_service_main,.footer_wrap,.inner_main,.banner_inner_txt{ width:1070px; margin:0 auto;}
    .banner_inner_txt {  margin-left:-535px;}

	.serText a h6{ font-size:20px;}
	.in_product_txt p{ height:5.1em;}
	
	.in_product_txt a > img{ width:28px; height:28px;}
	
	
	
	
	.serText{ padding:10px 20px;}
	
	.footer_l h4{ font-size:20px; margin-bottom:10px;}
	
	.footer{ padding:30px 0;}
	
	.logo { margin-top:36px;}
	.logo img{ height:35px;}	

    .banner_index_new ul li table td p { width:80%; padding-bottom:0px; }
    .banner_index_new ul li table td i { width:60%;  }
}