@charset "utf-8";
html { }
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size:12px;background:#FFF; color:#666; font-family:"微软雅黑";}
ul,li { list-style: none; }
img { border:0; }
input:focus,textarea:focus{ outline:none; }
input,select{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif}
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}



a { text-decoration: none; outline:none;color:#666}
a:hover { text-decoration: none;color:#ff0000}

.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; transition:0.5s ease-in-out; text-transform:uppercase; }
.fl { float: left; }
.fr { float: right; }


.box{ width:1200px; margin:0 auto; padding:0;}
.box2{ width:1500px; margin:0 auto; padding:0;}

.i_h_box{ width:1200px;margin:0 auto; padding:0;}
.i_header{ height:90px;}
.i_header .tel{ width:20%; padding:30px 0 0 30px; background:url(../images/tel.jpg) no-repeat left 30px; height:23px; line-height:23px;}
.i_header .tel strong{ font-size:24px; color:#fc0007;}
.i_header .logo{ height:72px; float:left; width:50%;}
.i_header .logo img{ max-width:100%;}
.i_header .app_logo{ float:left; height:37px; display: none;}
.i_header .app_logo img{ max-width:100%;}

.r_nav{ text-align:right;}
.yuyan{ height:40px; display:inline;}
.yuyan .cn{ text-align:left; display:inline-block; width:50px; padding-left:28px; background:url(../images/cn.png) no-repeat left center; height:44px; line-height:44px;}
.yuyan .en{ text-align:left; display:inline-block; width:50px; padding-left:28px; background:url(../images/en.png) no-repeat left center; height:44px; line-height:44px;}

.my_search{ padding-top:8px; display:inline;}
.my_search .txt_s{ width:160px; height:30px; border:solid 1px #ddd; border-radius:15px; padding-left:10px;}
.my_search .btn_search{ width:30px; height:30px; background:url(../images/bg_s.png) no-repeat left center; border:none; margin-left:-30px; cursor:pointer;}

.my_nav{ padding-top:10px;}
.my_nav a{ margin:0 16px; font-size:18px;}

/*.nav1{ width:100%; height:60px; background:url(../images/menubg.png) no-repeat center top; position:absolute; z-index:3; left:0; top:90px;}
.nav1 ul{ width:85%; margin:0 auto; padding-top:10px; text-align:center;}
.nav1 ul .n_service{ width:9%; float:left; line-height:18px; position:relative; transition: all 0.3s ease-out 0.2s; z-index:99999;}
.nav1 ul .n_service ul{ text-align: center;}
.nav1 ul .n_service a{ color:#fff; font-size:16px; display: block}
.nav1 ul .n_service a font{ display:block;}
.nav1 ul .n_service a i{ font-size: 10px; color:#fff; text-transform: uppercase;}


.nav1 ul .n_service .n_com {background:rgba(255,255,255,0.95);min-height:220px; position:absolute; 
z-index:99999; opacity:0; visibility:hidden; width:350px; top:40px; left:-120px; padding:50px 30px 30px; border-bottom:5px solid #15a24c;}
.nav1 ul .n_service .n_com .n_c_pic{ width:210px; height:220px; float:left; overflow:hidden;}
.nav1 ul .n_service .n_com .n_c_pic img{ max-width:100%;}

.nav1 ul .n_service .n_com ul{ margin:0; padding:5px 0 0; width:100px; float: right; text-align: left;}
.nav1 ul .n_service .n_com ul li{ display:block; padding:0;}
.nav1 ul .n_service .n_com ul li a{ line-height:30px; color:#333; opacity:1; font-size:14px; display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.nav1 ul .n_service:hover .n_com{ opacity:1; visibility:visible; transition:all 0.3s ease-out 0s; top:35px;}
.nav1 ul .n_service .n_com ul li:hover a{color:#015b90; text-decoration:underline;}*/


.banner_box{ width:100%; height:100%; overflow:hidden; position:relative; }
.banner_box .hd{ height:18px; overflow:hidden; position:absolute; right:0; left:0; bottom:4%; z-index:1; }
.banner_box .hd ul{ overflow:hidden; width:80px; margin:0 auto; }
.banner_box .hd ul li{ display:inline-block; margin:0 6px; width:12px; height:12px; background:#fff; cursor:pointer; border-radius:100%; }
.banner_box .hd ul li.on{ background:#15a24c; color:#fff; transition:0.5s;}
.banner_box .bd{ position:relative; height:100%; z-index:0;   }
.banner_box .bd li{ zoom:1; vertical-align:middle; }
.banner_box .bd img{ width:100%; height:100%; display:block; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner_box .prev,
.banner_box .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.banner_box .next{ left:auto; right:3%; background-position:8px 5px; }
.banner_box .prev:hover,
.banner_box .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner_box .prevStop{ display:none; }
.banner_box .nextStop{ display:none; }

.app_banner_box{ position:relative; margin:0 auto; width:100%; overflow:hidden;display: none; }
.app_banner_box .hd { position: absolute; bottom:12px; width: 100%; height: 10px; }
.app_banner_box .hd ul { width: 100%; text-align: center; }
.app_banner_box .hd ul li { width:5px; height:5px; border-radius:100%; margin:0 4px; border:2px solid rgba(255,255,255,0.8); display:inline-block; text-indent: 9999px; cursor:pointer;}
.app_banner_box .hd ul li.on { background:rgba(255,255,255,1); opacity:1; border:2px solid rgba(255,255,255,1); }
.app_banner_box .bd{ position:relative; z-index:0; }
.app_banner_box .bd li{ position:relative; text-align:center;  }
.app_banner_box .bd li img{ vertical-align:top; width:100%; }
.app_banner_box .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }

.wrap {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.ipart03 .m_content {
    display: none;
}
.ipart03{background:url(../images/bg_about.jpg) no-repeat center; zoom:1; overflow:hidden;}
.ipart03 .left{padding-top:130px; width:29%; float:left; position:relative;}
.ipart03 .left .tit_en{font-size:62px; color:#dddddd; color:rgba(255,255,255,0.3); font-family:Impact; line-height:1; position:absolute; top:110px; left:0; z-index:0;}
.ipart03 .left .tit_cn{font-size:50px; font-weight:bold; color:#0075be; position:relative;}
.ipart03 .left .t{margin-top:40px; font-size:20px; color:#343434; margin-bottom:10px;}
.ipart03 .left .c{font-size:15px; color:#535353; line-height:28px; height:84px; overflow:hidden;}
.ipart03 .left .know_more{font-size:15px; margin-top:40px;}
.ipart03 .right{padding-top:130px; padding-bottom:120px; float:right; width:67.5%; width:60%;}
.ipart03 .right .list .item{float:left; width:50%; height:258px; transition:.3s ease; border-width:1px; border-style:solid; margin-left:-2px;}
.ipart03 .right .list .item:hover{background:url(../images/ipart03_1.png) no-repeat center;}
.ipart03 .right .list .item .boxA{padding:45px 30px;}
.ipart03 .right .list .item .intro{margin-bottom:20px; zoom:1; overflow:hidden;}
.ipart03 .right .list .item .intro .img{width:58px; height:61px; float:right; background:url(../images/ipart03_2.png) no-repeat; transition:transform .5s ease;}
.ipart03 .right .list .item .contentA{font-size:14px; color:#fff; line-height:22px; height:44px;word-wrap: break-word;word-break: normal;word-break:break-all;}
.ipart03 .right .list .item .intro .tit{float:left; margin-top:40px;}
.ipart03 .right .list1 .item{float:right; border-color:transparent #d5d4d7 #d5d4d7 #d5d4d7;}
.ipart03 .right .list1 .item .box{padding:75px 45px;}
.ipart03 .right .list1 .item .intro .tit{font-size:58px; color:#fff; font-family:Impact; float:left; line-height:1; margin-top:0; font-weight:normal;}
.ipart03 .right .list1 .item:hover .intro .img{background-position:0 -61px;}
.ipart03 .right .list .item1{border-color:#d5d4d7 transparent transparent #d5d4d7;}
.ipart03 .right .list .item2{border-color:#d5d4d7 #d5d4d7 transparent #d5d4d7;}
.ipart03 .right .list .item3{border-color:#d5d4d7 transparent #d5d4d7 #d5d4d7}
.ipart03 .right .list .item4{border-color:#d5d4d7 #d5d4d7 #d5d4d7 #d5d4d7;}
.ipart03 .right .list .intro .tit{font-size:24px; font-weight:bold; color:#fff;}
.ipart03 .right .list .item1 .intro .img{background-position:-58px 0;}
.ipart03 .right .list .item2 .intro .img{background-position:-116px 0;}
.ipart03 .right .list .item3 .intro .img{background-position:-174px 0;}
.ipart03 .right .list .item4 .intro .img{background-position:-232px 0;}
.ipart03 .right .list .item1:hover .intro .img{background-position:-58px -61px;}
.ipart03 .right .list .item2:hover .intro .img{background-position:-115px -61px;}
.ipart03 .right .list .item3:hover .intro .img{background-position:-174px -61px;}
.ipart03 .right .list .item4:hover .intro .img{background-position:-232px -61px;}
.ipart03 .right .list .item:hover .intro .img{transform:rotateY(180deg);}



@media (max-width:1366px){
	.i_h_box{ width: 95%;margin:0 auto; padding:0;}
	/*.nav1{ width:100%; float:left;}*/
}


/**手机端**/
@media (max-width:720px){
.box{ width:96%; padding:0 2%;}

/**头部**/
.i_h_box{ width:96%; padding:0 2%;}
.i_header{ overflow:hidden; padding:8px 0 8px; height:auto;}	
.tel{ display:none;}


	
.lan{ margin-top: 10px; float: left; margin-left: 15px; width: 80px;}
.lan a{ display: block; color:#666; padding:0 0 0 24px;}
	
.i_header .morenav{ float:right; display:block; background:#15a24c url(../images/app_nav_line.png) no-repeat center;width:34px; height:32px; margin-top: 2px;}
.i_header .navon{height:72px;}

.mm-pagedim-black #mm-blocker { opacity: 0; }
.mm-pagedim-black.mm-opening #mm-blocker { background: #000; opacity: .3; transition: opacity .4s ease .4s; }
.mm-listview li span{width:6px;height:2px; background:#606060; margin-right:10px;display:block; margin:10px 18px 0 0;float:left;}

	
/**大图**/
.banner_box,.search,.nav1,.i_header .logo, .r_nav{ display:none;}
.app_banner_box,.i_header .app_logo{ display:block;}


.wrap{ width:100%;}
.ipart03 .left { text-align: center; padding: 30px 2% 25px 2%; width: auto;}
.ipart03 .left .tit_en {display: none;}
.ipart03 .left .t {display: none;}
.ipart03 .left .know_more {display: none;}
    .ipart03{background:url(../images/ipart3_mbg.jpg) no-repeat center; background-size:cover;}
    .ipart03 .right{display:none;}
    .ipart03 .left .tit_cn{color:#fff;font-size: 22px;}
    .ipart03 .left .c{color:#fff; font-size:13px;}
    .ipart03 .m_content{display:block; padding-bottom:45px;}
    .ipart03 .m_content ul li{width:49.5%; float:left; text-align:center; background:rgba(255,255,255,0.5); padding:30px 0 70px; margin-bottom:2px;}
    .ipart03 .m_content ul li a{display:block;}
    .ipart03 .m_content .img{width:42px; height:44px; margin:0 auto; background: url(../images/ipart03_2.png) no-repeat;background-size:500%;transition: transform .5s ease;}
    .ipart03 .m_content .tit{position:relative; font-size:15px; color:#000;}
    .ipart03 .m_content .tit:after{content:''; position:absolute; width:20px; height:1px; background:#0074ba; bottom:-40px; left:50%; margin-left:-10px;}
    .ipart03 .m_content ul li.li1 .img{background-position:-42px 0;}
    .ipart03 .m_content ul li.li2 .img{background-position:-84px 0;}
    .ipart03 .m_content ul li.li3 .img{background-position:-126px 0;}
    .ipart03 .m_content ul li.li4 .img{background-position: -168px 0;}
    .ipart03 .m_content ul li.li1,.ipart03 .m_content ul li.li3{margin-right:2px;}


}


@media (max-width:370px){
	.i_h_box{ width:98%; padding:0 1%;}
	.i_header .app_logo{ float:left; height:20px;}
	.lan{margin-left:2px}
	.i_header .app_logo img{ max-width:100%;}	
	.tel{ display:none;}
}



.about_box{ height: auto; overflow: hidden; padding:65px 0; background:url(../images/a_bg.jpg) center top no-repeat;}


.about_lt{ width: 555px; float: left;}

.about_lt .about_desc{ height: auto; overflow: hidden; padding: 25px 0 20px; line-height: 30px; 
	background: url(../images/a_lt_bg.jpg) center top no-repeat; font-size: 14px;}

.about_lt .about_icon{ height: auto; overflow: hidden;}
.about_lt .about_icon ul{ margin:0 auto; padding:0; text-align: center;}
.about_lt .about_icon ul li{ width:130px; height: auto; overflow: hidden; float: left; margin-right:70px;}
.about_lt .about_icon ul li a{ display: block; color: #999;}

.about_lt .about_icon ul li a .pic{ transition: 0.5s; width:130px; height:130px; overflow: hidden; background-repeat: no-repeat; background-position: center top;}
.about_lt .about_icon ul li a font{ display:block; padding-top: 15px;}
.about_lt .about_icon ul li a font i{ font-size: 24px; padding-right:4px; color:#666;}
.about_lt .about_icon ul li:nth-of-type(3){ margin-right:0;}


.about_lt .about_icon ul li a:hover .pic{background-position: center bottom; transition: 0.5s;}
.about_lt .about_icon ul li a:hover{ color:#15a24c;}
.about_lt .about_icon ul li a:hover font i{ color:#15a24c;}


.about_rt{ width: 502px; float: right;}

.about_rt .a_rt_pic{ width:100%; height:405px; overflow:hidden; position:relative; }

.about_rt .a_rt_pic .bd{ position:relative; height:100%; z-index:0;   }
.about_rt .a_rt_pic .bd li{ zoom:1; vertical-align:middle;}
.about_rt .a_rt_pic .bd li a{ color:#666;}
.about_rt .a_rt_pic .bd img{ width:100%; height:100%; display:block;}
.about_rt .a_rt_pic .bd li font{ display:block; margin-top: 10px; height:45px; line-height:45px; background:url(../images/v_icon.png) center left no-repeat; padding-left:22px; font-size: 14px;}

.about_rt .a_rt_pic .prev,
.about_rt .a_rt_pic .next{ position:absolute; right:0; bottom:0; display:block; width:50px; height:30px; background:url(../images/a_rt_arrow.png) right center no-repeat;}
.about_rt .a_rt_pic .next{right:54px; background-position:left center; }





.app_rt_pic{ position:relative; margin:6% auto 0; display: none;}
.app_rt_pic .hd { position: absolute; top:48%; width: 100%; height: 10px; }
.app_rt_pic .hd ul { width: 100%; text-align: center; display:none;}
.app_rt_pic .hd ul li { width:5px; height:5px; border-radius:100%; margin:0 4px; border:2px solid rgba(255,255,255,0.8); display:inline-block; text-indent: 9999px; cursor:pointer;}
.app_rt_pic .hd ul li.on { background:rgba(255,255,255,1); opacity:1; border:2px solid rgba(255,255,255,1); }

.app_rt_pic .bd{ overflow:hidden; width:auto; margin:0 auto;position:relative; z-index:0;}
.app_rt_pic .bd ul{ overflow:hidden; zoom:1; text-align:center; }
.app_rt_pic .bd ul li{ float:none; width:300px; display:inline-block; overflow:hidden; }
.app_rt_pic .bd ul li a{ color:#666; font-size:14px;}
.app_rt_pic .bd ul li .pic{ text-align:center; width:300px; height:100%; margin:0 auto; overflow:hidden;}
.app_rt_pic .bd ul li .pic img{ width:auto; height:auto; display:block; max-width:100%; transition:0.5s;}
.app_rt_pic .bd ul li .pic a:hover img{ border-color:#999;  }
.app_rt_pic .bd ul li .title{ line-height:30px; height:30px; width:100%; padding: 10px 0 0;}

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





.i_t_box{ height: auto; overflow: hidden;}

.i_title{ height: auto; overflow: hidden; width: 160px;}
.i_title font{ display: block; font-size: 30px; color: #333; background: url(../images/t_icon.png) 135px center no-repeat;}
.i_title i{ display: block; color: #999; font-size: 20px; text-transform: uppercase;}

.i_more{ width: 120px; height: 34px; line-height: 34px; margin-top:10px; overflow: hidden; border: 1px solid #bababa;}
.i_more a{ transition:0.5s; display: block; line-height: 34px; color: #666; font-size: 14px; background: url(../images/more_icon.png) 78px top no-repeat; padding-left: 20px;}

.i_more:hover{ border: 1px solid #15a24c; background: #15a24c;}
.i_more:hover a{ transition:0.5s; color:#fff;background: url(../images/more_icon.png) 78px bottom no-repeat;}





@media (max-width:720px){
		
.i_t_box{ height: auto; overflow: hidden;}

.i_title{ height: auto; overflow: hidden; text-align: center; width: 100%; background: url(../images/t_icon.png) center bottom no-repeat; padding-bottom: 22px;}
.i_title font{ display:inline; font-size:20px; color: #333; background:none;}
.i_title i{ display: inline; color: #999; font-size:20px; text-transform: uppercase; padding-left: 5px;}

.i_more{ width: 100px; height: 30px; line-height: 30px;overflow: hidden; text-align: center; border: 1px solid #bababa; margin:10px auto;}
.i_more a{ transition:0.5s; display: block; color: #666; font-size: 12px; background:none; padding-left: 0;}

.i_more:hover{ border: 1px solid #15a24c; background: #15a24c;}
.i_more:hover a{ transition:0.5s; color:#fff;background:none;}



.fl,.fr{ float: none;}

.about_box{ height: auto; overflow: hidden; padding:5% 0; border-top:2px solid #015b90; background:none;}
.about_lt,.about_rt{ width: 100%; float: none; height: auto; overflow: hidden;}

.about_lt .about_desc{ padding: 0 0 10px; line-height:26px; background:none; font-size: 12px;}

.about_lt .about_icon{ height: auto; overflow: hidden;}
.about_lt .about_icon ul{ margin:0 auto; padding:0; text-align: center;}
.about_lt .about_icon ul li{ width:32%; height: auto; overflow: hidden; float: left; margin-right:0;}
.about_lt .about_icon ul li a{ display: block; color: #999;}

.about_lt .about_icon ul li a .pic{ transition: 0.5s; width:90px; height:90px; overflow: hidden; background-repeat: no-repeat; background-position: center top; background-size: 100%; margin: 0 auto;}
.about_lt .about_icon ul li a font{ display:block; padding-top: 15px;}
.about_lt .about_icon ul li a font i{ font-size: 24px; padding-right:4px; color:#666;}
.about_lt .about_icon ul li:nth-of-type(3){ margin-right:0;}


.about_lt .about_icon ul li a:hover .pic{background-position:center top; transition: 0.5s;}
.about_lt .about_icon ul li a:hover{ color:#15a24c;}
.about_lt .about_icon ul li a:hover font i{ color:#15a24c;}

.about_rt .a_rt_pic{ display: none}
	
	
.app_rt_pic{ display: block;}
	
}







.product_box{ height: auto; overflow: hidden; padding:65px 0; background:#eee;}

.i_product_title{ height: auto; overflow: hidden;}
.i_product_title font{ display: block; font-size: 30px; color: #333; background: url(../images/t_icon.png) 172px center no-repeat;}
.i_product_title i{ display: block; color: #999; font-size: 20px; text-transform: uppercase;}

.i_product_list{ margin-left:50px;}
.i_product_list a{ transition:0.5s; color: #666; display:inline-block; padding:0 25px; background:#fff; height: 34px;line-height: 34px;margin-top: 10px;overflow: hidden;border: 1px solid #bababa;}
.i_product_list a:hover{ color:#fff; border: 1px solid #15a24c; background: #15a24c;}

.product_box .p_b_pic { overflow:hidden; height:auto; padding:20px 0 20px 20px; margin-top:25px; background-color: #fff; box-shadow: 0 0 20px #f1f1f1;}

.product_box .p_b_pic ul{ margin:0 auto; height:auto; overflow: hidden; padding:28px 18px; /*text-align: center;*/}
.product_box .p_b_pic ul li{ width: 265px; float: left; height:auto; overflow: hidden; margin:0 12px;}
.product_box .p_b_pic ul li a{ display:block; color:#666; font-size: 16px;}
.product_box .p_b_pic ul li a .pic{ width: 265px; height:250px; overflow: hidden; background: #e2e2e2; position: relative;}
.product_box .p_b_pic ul li a .pic .img{ width:238px; height: 180px; overflow: hidden; margin:35px auto;}
.product_box .p_b_pic ul li a .pic .img img{ max-width: 100%; display: block;}
.product_box .p_b_pic ul li a font{ display: block; margin-top: 18px; height: 35px; line-height: 24px; font-weight:bold; /*background: url(../images/p_icon.png) center bottom no-repeat;*/}
.product_box .p_b_pic ul li p{ line-height:24px; font-size:14px;word-wrap: break-word;word-break: normal;word-break:break-all;}


.product_box .p_b_pic ul li a .pic .pic_s{ position:absolute; background-image: url(../images/p_s.png); background-position: center; background-repeat: no-repeat; bottom:-100%; height:100%; left:0; width:100%; background-color:rgba(0,0,0,0.4); z-index:999; transition:0.5s;}
.product_box .p_b_pic ul li a:hover .pic .pic_s{ bottom:0; transition:0.5s;}
.product_box .p_b_pic ul li a:hover font{ color:#015b90;}
.box2 .h_desc {
    line-height: 26px;
    font-size: 14px;
    padding-top: 20px;
}

@media (max-width:720px){

.i_product_title{ height: auto; overflow: hidden; text-align: center; width: 100%; background: url(../images/t_icon.png) center bottom no-repeat; padding-bottom: 22px;}
.i_product_title font{ display:inline; font-size:20px; color: #333; background:none;}
.i_product_title i{ display: inline; color: #999; font-size:20px; text-transform: uppercase; padding-left: 5px;}
	
.product_box{ height: auto; overflow: hidden; padding:5% 0; background:#f5f5f5;}
	
.product_box .p_b_pic{ overflow:hidden; height:auto; margin-top:2%; background-color:#f5f5f5; box-shadow: 0 0 20px #f1f1f1;}

.product_box .p_b_pic ul{ margin:0 auto; height:auto; overflow: hidden; padding:0; text-align: center;}
.product_box .p_b_pic ul li{ width: 48%; float: left; height:auto; overflow: hidden; margin:0 1% 8px; background: #fff;}
.product_box .p_b_pic ul li a{ display:block; color:#666; font-size: 14px;}
.product_box .p_b_pic ul li a .pic{ width: 100%; height:100%; overflow: hidden; background:none; position: relative;}
.product_box .p_b_pic ul li a .pic .img{ width:100%; height: 150px; overflow: hidden; margin:0 auto;}
.product_box .p_b_pic ul li a .pic .img img{ max-width: 100%; display: block;}
.product_box .p_b_pic ul li a font{ display: block; margin-top:0; height: 30px; line-height: 24px; background:none;}


.product_box .p_b_pic ul li a .pic .pic_s{ position:absolute; background-image: url(../images/p_s.png); background-position: center; background-repeat: no-repeat; bottom:-100%; height:100%; left:0; width:100%; background-color:rgba(0,0,0,0.4); z-index:999; transition:0.5s;}
.product_box .p_b_pic ul li a:hover .pic .pic_s{ bottom:0; transition:0.5s;}
.product_box .p_b_pic ul li a:hover font{ color:#015b90;}
	

}


.news_box{ height: auto; overflow: hidden; padding:65px 0; background:#ffffff url(../images/n_bg.jpg) center bottom no-repeat;}



.news_box .n_lt{ width:560px; height: auto; overflow: hidden; float: left;}

.n_nav{ width: 170px; margin-top: 30px; line-height: 16px; height:16px;}
.n_nav a{ display:block; float: left; padding:0 14px; color: #666; font-size: 14px; border-right: 1px solid #999;}
.n_nav a:last-child{border-right:none;}
.n_nav a:hover{ color:#15a24c}

.news_box .n_lt ul{ margin:40px auto 0; padding:0;}
.news_box .n_lt ul li{ margin-bottom:30px; height: auto; overflow: hidden;}
.news_box .n_lt ul li a{ display:block; color: #666; transition: 0.5s;}
.news_box .n_lt ul li a .date{ line-height: 20px; width: 80px; height:50px; padding: 15px 0; overflow: hidden; background:#015b90; text-align: center; color: #FFF;}
.news_box .n_lt ul li a .date i{ display:block; font-size: 28px; line-height: 30px;}

.news_box .n_lt ul li a .desc{ width: 456px; line-height: 22px;}
.news_box .n_lt ul li a .desc font{ display:block; font-size: 16px; color: #333; line-height: 30px; padding-bottom:5px;}


.news_box .n_lt ul li a:hover .date{ background: #15a24c; transition: 0.5s;}
.news_box .n_lt ul li a:hover .desc font{ color: #15a24c; font-weight: bold;}

.case_rt{ width:560px; float: right;}
.case_rt .c_t{ margin-bottom: 30px;}
.case_rt .c_rt_pic{ width:100%; height:100%; overflow:hidden; position:relative;}

.case_rt .c_rt_pic .bd{ position:relative; height:100%; z-index:0;   }
.case_rt .c_rt_pic .bd li{ zoom:1; vertical-align:middle;position:relative;}
.case_rt .c_rt_pic .bd li a{ color:#fff;}
.case_rt .c_rt_pic .bd img{ width:100%; height:100%; display:block;}
.case_rt .c_rt_pic .bd li font{ width:510px; position:absolute; background-color: rgba(0,0,0,0.4); left:0; z-index: 9999; bottom:0; display:block; height:55px; line-height:55px; background-repeat: no-repeat; background-position: 30px center;background-image:url(../images/c_icon.png); padding-left:50px; font-size: 14px;}

.case_rt .c_rt_pic .prev,
.case_rt .c_rt_pic .next{ position:absolute; right:30px; bottom:10px; display:block; width:50px; height:30px; background:url(../images/a_rt_arrow.png) right center no-repeat;}
.case_rt .c_rt_pic .next{right:84px; background-position:left center; }



.app_rt_case{ position:relative; margin:2% auto 0; display: none;}
.app_rt_case .hd { position: absolute; top:42%; width: 100%; height: 10px; }
.app_rt_case .hd ul { width: 100%; text-align: center; display:none;}
.app_rt_case .hd ul li { width:5px; height:5px; border-radius:100%; margin:0 4px; border:2px solid rgba(255,255,255,0.8); display:inline-block; text-indent: 9999px; cursor:pointer;}
.app_rt_case .hd ul li.on { background:rgba(255,255,255,1); opacity:1; border:2px solid rgba(255,255,255,1); }

.app_rt_case .bd{ overflow:hidden; width:auto; margin:0 auto;position:relative; z-index:0;}
.app_rt_case .bd ul{ overflow:hidden; zoom:1; text-align:center; }
.app_rt_case .bd ul li{ float:none; width:300px; display:inline-block; overflow:hidden; }
.app_rt_case .bd ul li a{ color:#666; font-size:14px;}
.app_rt_case .bd ul li .pic{ text-align:center; width:300px; height:100%; margin:0 auto; overflow:hidden;}
.app_rt_case .bd ul li .pic img{ width:auto; height:auto; display:block; max-width:100%; transition:0.5s;}
.app_rt_case .bd ul li .pic a:hover img{ border-color:#999;  }
.app_rt_case .bd ul li .title{ line-height:30px; height:30px; width:100%; padding: 10px 0 0;}

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

.footInfo{ padding:30px 0; clear:both; background:#e5e5e5;}
.footInfo dl{ width:1200px; margin:0 auto; zoom:1; overflow:hidden;}
.footInfo dl dt{ float:left;}
.footInfo dl dd{ float:left; margin-left:15px;}
.footInfo dl dd img{ height: 45px;max-width: 140px}


@media (max-width:720px){
.news_box{ padding:5% 0; background:#fff;}

.news_box .n_lt,.case_rt{ width:100%; float: none;}
.case_rt{background:#eee; padding:5% 0;}
.n_nav,.case_rt .c_rt_pic,.p_pic,.i_product_list,.friends_box,.footInfo{ display: none;}

	
.news_box .n_lt ul{ margin:0 auto; padding:6% 0;}
.news_box .n_lt ul li{ margin-bottom:4%; height: auto; overflow: hidden;}
.news_box .n_lt ul li a{ display:block; color: #666; transition: 0.5s;}
.news_box .n_lt ul li a .date{ line-height: 20px; width:18%; height:50px; padding: 15px 0; overflow: hidden; background:#015b90; text-align: center; color: #FFF; float: left;}
.news_box .n_lt ul li a .date i{ display:block; font-size: 20px; line-height: 30px;}

.news_box .n_lt ul li a .desc{ width: 80%; line-height: 22px;float: right;}
.news_box .n_lt ul li a .desc font{ display:block; font-size: 14px; color: #333; line-height: 20px; padding-bottom:5px;}


.news_box .n_lt ul li a:hover .date{ background: #15a24c; transition: 0.5s;}
.news_box .n_lt ul li a:hover .desc font{ color: #15a24c; font-weight: bold;}
	.app_rt_case{ display: block;}
	.case_rt .c_t{ margin-bottom: 0;}
}


.honor_box{ height: auto; overflow: hidden; padding-top:65px;}
.honor_box .h_desc{ line-height: 26px; font-size: 14px; padding-top: 20px;}

.h_pic_b{ height: auto; overflow: hidden; margin-top: 40px; padding-top:50px; background: url(../images/h_bg.jpg) center top no-repeat;}


.p_pic{ height:auto; /*padding:30px 0;*/ position:relative;}
.h_pic{ height:auto; overflow:hidden; padding:30px 0; position:relative; }
.h_pic .hd{ overflow:hidden; height:auto;}
.hd .prev,.hd .next{ position:absolute; left:8%; top:50%; margin-top:-25px; display:block; width:50px; height:34px; transition:0.4s; overflow: hidden; cursor:pointer;}
.hd .prev{background:url(../images/a_rt_arrow.png) left center no-repeat;}
.hd .next{ left:auto; right:8%;background:url(../images/a_rt_arrow.png) right center no-repeat;}


.h_pic .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;}
.h_pic .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.h_pic .hd ul li.on{ background-position:0 0; }
.h_pic .bd{ padding:0; }
.h_pic .bd ul{ overflow:hidden; zoom:1; }
.h_pic .bd ul li{ margin:0 22px; float:left; display:inline; overflow:hidden; text-align:center;}
.h_pic .bd ul li a{ color:#fff; font-size:14px;}
.h_pic .bd ul li .pic{ width:240px; height:180px; overflow:hidden; border: 4px solid #FFF;position:relative;}
.h_pic .bd ul li .pic img{ max-width:100%; transition:0.5s; }
.h_pic .bd ul li .pic a:hover img{ transform:scale(1.1,1.1); }
.h_pic .bd ul li .title{ line-height:52px; height:52px; width:100%; transition:0.5s; color:#fff;}

.h_pic .bd ul li:hover .title{ bottom:0; transition:0.5s;}

.h_pic .bd ul li .pic .pic_s{ position:absolute; background-image: url(../images/p_s.png); background-position: center; background-repeat: no-repeat; bottom:-100%; height:100%; left:0; width:100%; background-color:rgba(0,0,0,0.4); z-index:999; transition:0.5s;}
.h_pic .bd ul li:hover .pic .pic_s{ bottom:0; transition:0.5s;}


/*应用领域*/
.wel-case {
    position: relative;
	padding: 42px 0 0 0;
	width: 100%;
	height:100%;
	overflow: hidden;
}
.w1400 {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
	height:500px;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.wel-case .flex-control-nav {
    bottom: 20px;
}
.wel-case .flex-control-nav li a {
	width: 12px;
	height: 12px;
	background: url(../images/btn01.png) no-repeat center;
	background-size: 100% 100%;
	transition: background .3s;
	box-shadow: none
}
.wel-case .flex-control-nav li a:hover,  .wel-case .flex-control-nav li a.flex-active {
	background: url(../images/btn01_h.png) no-repeat center;
	background-size: 100% 100%;
	box-shadow: none
}
.ser-contact-list li a {
	display: block;
	width: 100%;
	padding-top:50px;
}
.wel-case-title {
	font-size: 30px;
	color: #24272b;
	line-height: 42px;
	margin-bottom: 22px;
	text-align:center;
}
.wel-case-list {
	padding-bottom: 86px
}
.wel-case .flex-viewport {
	overflow: visible !important
}
.wel-case .slides li {
	overflow: hidden;
	position: relative;
	float: left;
	width: 420px;
	margin-right: 25px;
}
.wel-case .slides .con {
	position: absolute;
	bottom: -85%;
	left: 0;
	/*width: 100%;*/
	height: 100%;
	z-index: 2;
	display: block;
	padding: 50px 50px 0;
	transition: top .3s;
}
.wel-case .slides .bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #fff;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0)
}
.wel-case .slides .font-bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #000;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	transition-property: opacity;
	transition-duration: .3s;
	transition-delay: .2s
}
.wel-case .slides .tit {
	font-size: 18px;
	color: #fff;
	line-height: 25px;
	color: #fff;
	font-weight: bold
}
.wel-case .slides .en {
	font-size: 16px;
	color: #fff;
	opacity: .6;
	filter: alpha(opacity=60);
	line-height: 24px;
	min-height: 24px
}
.wel-case .slides .font {
	font-size: 18px;
	color: #fff;
	line-height: 34px;
	margin-top: 18px
}
.wel-case .slides .more {
	margin-top: 40px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .3);
	background: url(../images/wel02.png) no-repeat center
}
.wel-case .slides li:hover .con{ top:0;}


.app_h_pic{ height: auto; overflow: hidden; display: none;}
.app_h_pic ul{ margin: 0; padding: 0; text-align: center;}
.app_h_pic ul li{ margin:0 1%; width: 31%; float:left; overflow:hidden;}
.app_h_pic ul li a{ color:#666; font-size:12px;}
.app_h_pic ul li .pic{ width:100%; height:auto; overflow:hidden; border:none;}
.app_h_pic ul li .pic img{ max-width:100%; transition:0.5s; }
.app_h_pic ul li .pic a:hover img{ transform:scale(1.1,1.1); }
.app_h_pic ul li .title{ line-height:35px; height:35px; width:100%; transition:0.5s;}

.footer_top{ height: auto; overflow: hidden; font-size: 14px; padding:50px 0 40px; background: #eeeeee; border-top: 6px solid #15a24c;}

.f_title{ height:auto; overflow: hidden; margin-bottom:25px; background: url(../images/f_icon.png) 82px center no-repeat; font-size: 16px;}

.f_contact{ width:520px; float: left;height: auto; overflow: hidden;}

.f_tel{ background: url(../images/f_tel.jpg) left center no-repeat; height: 20px; line-height: 20px; padding-left:34px; margin-bottom: 10px;}

.f_p{ padding:10px 0; line-height: 22px;}
.f_p font{ display:block;}




.f_gz{ width:340px; float: left; margin-left: 130px;height: auto; overflow: hidden;}
.f_gz ul{ margin:0; padding: 0; text-align: center;}
.f_gz ul li{ width: 145px; height: auto; overflow: hidden; float: left; margin-right: 20px;}
.f_gz ul li a{ color:#999;}
.f_gz ul li a font{ display:block; line-height: 40px;}


/*.f_link{ width:350px; float: right;height: auto; overflow: hidden;}

.f_link .f_link_h{ height:auto; overflow: hidden; margin-bottom: 50px;}

.f_link .f_link_h a{ color: #999; height: 20px; line-height: 20px; float: left; display: block; border-right: 1px solid #d0d0d0; padding:0 14px;}


.f_link .f_link_h a:last-child{border-right:none;}

.f_link .f_link_h a:first-child{ padding-left:0;}
.f_link .f_link_h a:hover{ color: #15a24c; text-decoration: underline;}*/


.friends_box{ height: auto; overflow: hidden; padding:65px 0 0;}
.friends_list{ width:1200px; margin:0 auto; padding:30px 0;}
.friends_list ul{ width:100%; margin-right:-18px;}
.friends_list ul li{ width:160px; height:80px; padding:10px; border:solid 1px #ddd; text-align:center; float:left; margin:0 18px 20px 0;}
.friends_list ul li img{ width:160px; height:80px;}



.footer{ height: auto; overflow: hidden; font-size: 14px; padding:20px 0; background: #eeeeee; border-top: 1px solid #cfcfcf; text-align:center;}

.footer .fl{ width:800px;}
.footer .fl a{ color: #666; padding-left: 15px;}


.footer .fr{ width:210px;}
.footer .fr a{ display: block; width: 17px; height: 18px; float: left;color: #666; margin: 0 3px;padding:0px;}


.footer .fr a:hover{opacity: 1;transition: 0.5s;}





.app_botm{ overflow:hidden; background:#15a24c; position:fixed; bottom:0; left:0; right:0; height:45px; z-index:999999; display: none;}
.app_botm ul{ margin:0; padding:8px 0 0; text-align:center;}
.app_botm ul li{ width:30%; display:inline-block;}
.app_botm ul li .pic{}
.app_botm ul li a{ color:#FFF;}
.yb_conct{ display: none;}





/**内页**/


.com_ban{ overflow:hidden; height:300px; background-repeat:no-repeat; background-position:center top; position:relative;}
.com_ban .ban_bg{ position:absolute; width:100%; height:300px; background:rgba(0,0,0,0.8); z-index:9;}
.com_ban font{ display:block; text-align:center; font-size:38px; color:#FFF; padding-bottom:14px; position:absolute; top:40%; left:0; right:0; z-index:10; width:1000px; margin:0 auto;}

.common{ overflow:hidden; margin:40px auto; padding:30px; background:#FFF; width:1160px; box-shadow:1px 0px 25px rgba(0,0,0,0.05);}





.com_left{ width:240px; float:left;}
.com_left .c_lt_title{ height:70px; background:#015b90;color:#FFF; font-size:30px; padding:25px 0 0 40px;}
.com_left .c_lt_title font{ font-size:14px; color:rgba(255,255,255,1); display:block; font-style: italic;}
.com_left .com_list{ overflow:hidden;}
.com_left .com_list ul{ margin:0; padding:0; border:1px solid #ededed; border-top:none;}
.com_left .com_list ul li{ border-bottom:1px solid #ededed; line-height:20px;}
.com_left .com_list ul li a{ color:#666;transition:0.5s; font-size: 14px; display:block; padding:14px 40px;}
.com_left .com_list ul li:last-child{ border-bottom:none;}
.com_left .com_list ul li:hover a,.com_left .com_list ul li.selected{ background:#ededed;transition:0.5s; }

.com_left .c_lt_title1{ height: 170px; overflow: hidden}
.com_left .com_contact{ overflow:hidden; margin-top:20px;}
.com_left .com_contact .c_c_desc{  overflow:hidden; border:1px solid #ededed; border-top:none;padding:18px 20px;}
.com_left .com_contact .c_c_desc ul{ margin:0; padding:0;}
.com_left .com_contact .c_c_desc ul li{ line-height:20px; padding:5px 0;}
.com_left .com_contact .c_c_desc ul li a{ color:#666; font-size: 14px;}


.com_right{ width:880px; float:right;}

.com_nav{ overflow:hidden; padding:0 0 15px; border-bottom:1px solid #F2F2F2; margin-bottom:10px;}
.com_nav ul{ padding:0; margin:0; text-align:center;}
.com_nav ul li{ float:left; height:32px; line-height:32px;}
.com_nav ul li a{ padding:0 2px; color:#888; font-size:14px;}
.com_nav ul li:first-child{ background:url(../images/jiantou.png) no-repeat; padding-left:40px;}
.com_nav ul li:last-child a{ color:#333; font-weight:bold; font-size:16px;}

.com_desc{ overflow:hidden; padding:10px 0; line-height:30px; font-size: 13px;}
.com_desc h2{ margin:20px 0; text-align:center;}
.com_desc h5{ margin:20px 0; text-align:center; font-weight:normal;}
.view{ margin-bottom:50px;}
.map{ width:880px; height:440px;}


/**内页产品**/
.com_product{ overflow:hidden; height:auto; }

.com_product ul{ margin:0 10px; height:auto; overflow: hidden; text-align: center;}
.com_product ul li{ width: 265px; float: left; height:auto; overflow: hidden;margin: 15px 28px 0 0;}
.com_product ul li a{ display:block; color:#666; font-size: 16px;}
.com_product ul li a .pic{ width: 265px; height:250px; overflow: hidden; background: #eee; position: relative;}
.com_product ul li a .pic .img{ width:238px; height: 180px; overflow: hidden; margin:35px auto;}
.com_product ul li a .pic .img img{ max-width: 100%; display: block; transition: 0.5s;}
.com_product ul li a font{ display: block; margin-top: 18px; height: 40px; line-height: 24px; background: url(../images/p_icon.png) center bottom no-repeat;}
.com_product ul li a:hover font{ color:#015b90;}
.com_product ul li a:hover .pic .img img{ transform:scale(1.1,1.1)}
.com_product ul li:nth-child(3n){ margin-right: 0}
.com_product ul li a .pic .pic_s{ position:absolute; background-image: url(../images/p_s.png); background-position: center; background-repeat: no-repeat; bottom:-100%; height:100%; left:0; width:100%; background-color:rgba(0,0,0,0.4); z-index:999; transition:0.5s;}
.com_product ul li a:hover .pic .pic_s{ bottom:0; transition:0.5s;}
.com_product ul li a:hover font{ color:#015b90;}


.com_honor{ overflow:hidden; height:auto; }

.com_honor ul{ margin:0 10px; height:auto; overflow: hidden; text-align: center;}
.com_honor ul li{ width: 265px; float: left; height:auto; overflow: hidden;margin: 15px 28px 0 0;}
.com_honor ul li a{ display:block; color:#666; font-size: 16px;}
.com_honor ul li a .pic{ width: 265px; height:344px; overflow: hidden; background: #eee; position: relative;}
.com_honor ul li a .pic .img{ width:238px; height: 316px; overflow: hidden; margin:14px auto;}
.com_honor ul li a .pic .img img{ max-width: 100%; display: block; transition: 0.5s;}
.com_honor ul li a font{ display: block; margin-top: 18px; height: 40px; line-height: 24px; background: url(../images/p_icon.png) center bottom no-repeat;}
.com_honor ul li a:hover font{ color:#015b90;}
.com_honor ul li a:hover .pic .img img{ transform:scale(1.1,1.1)}
.com_honor ul li:nth-child(3n){ margin-right: 0}
.com_honor ul li a .pic .pic_s{ position:absolute; background-image: url(../images/p_s.png); background-position: center; background-repeat: no-repeat; bottom:-100%; height:100%; left:0; width:100%; background-color:rgba(0,0,0,0.4); z-index:999; transition:0.5s;}
.com_honor ul li a:hover .pic .pic_s{ bottom:0; transition:0.5s;}
.com_honor ul li a:hover font{ color:#015b90;}

.container .news{display:block; width:100%;  background:url(../images/bg.jpg) no-repeat center top;}
.container .news .inner{display:block; width:1200px; margin:0 auto; background:url(../images/ar4.jpg) no-repeat center top;height:590px;padding-top:70px;}
.container .news .inner .title{}
.container .news .inner .title h4{display:block; height:40px; line-height:40px; font-size:28px; color:#444; text-align:center; padding-bottom:20px; background:url(../images/tiao.png) no-repeat center bottom;}
.container .news .inner .title .tip{display:block; width:430px; margin:0 auto; font-size:14px; text-align:center; padding-top:15px; line-height:22px; }
.container .news .inner .con{display:block; padding-top:40px;}
.container .news .inner .fl{width:580px;}
.container .news .inner .fr{width:570px;}


.container .news .inner .fl ul{display:block;}
.container .news .inner .fl ul li{display:block; padding-bottom:15px; background:url(../images/xian.png) repeat-x left bottom; margin-bottom:15px;}
.container .news .inner .fl .num{float:left; width:75px; height:73px; border-right:1px solid #d4d4d4;}
.container .news .inner .fl .num .d{display:block;width:75px; height:40px; line-height:40px; color:#444; font-size:26px; text-align:center; font-weight:bold;}
.container .news .inner .fl .num .yy-m{display:block;width:75px; height:30px; line-height:30px; text-align:center; font-size:12px; color:#999; }
.container .news .inner .fl .wz{float:right; width:480px; height:78px;}
.container .news .inner .fl .wz .tit{display:block; height:30px; line-height:30px; color:#222; font-size:17px;}
.container .news .inner .fl .wz .detail{display:block;font-size:12px; color:#999; line-height:20px;}

.container .news .inner .fl ul li:hover .num{background:#15a24c; cursor:pointer;}
.container .news .inner .fl ul li:hover .num .d{color:#fff;}
.container .news .inner .fl ul li:hover .num .yy-m{color:#fff;}
.container .news .inner .fl .more{display:block; width:100px; height:30px; border:1px solid #15a24c; font-size:14px; line-height:30px; color:#15a24c; background:url(../images/ar4.png) no-repeat 80px center;padding-left:15px;margin-top:12px;}
.container .news .inner .fl .more:hover{background:#15a24c url(../images/ar3.png) no-repeat 80px center; color:#fff;}

.container .news .inner .contact{display:block; width:573px; height:337px; background:url(../images/contactbg.jpg) no-repeat left top;}
.container .news .inner .contact .c_in{display:block;padding-left:317px;padding-top:30px;}
.container .news .inner .contact .c_in .title{display:block; padding-bottom:20px; background:url(../images/white.jpg) no-repeat left bottom;}
.container .news .inner .contact .c_in .title h1{display:block; height:35px; line-height:35px; font-size:24px; color:#fff; text-align:left; font-weight:normal;}
.container .news .inner .contact .c_in .title .jj{display:block; height:27px; line-height:27px; font-size:14px; color:#fff; text-align:left;}

.container .news .inner .contact .c_in dl{display:block; margin-top:30px; margin-left:0; padding-left:0;}
.container .news .inner .contact .c_in dd{display:block; line-height:24px; font-size:13px; color:#fff;margin-inline-start: 0;}
@media (max-width:720px){
.container .news .inner{display:block; width:100%; margin:0 auto; background:none; height:500px;padding-top:10px;}
.newsInfo,.contactInfo,.container .news .inner .title .tip,.container .news .inner .con{ float:none; width:100%; margin:0 a;}
.container .news .inner .fr{ display:none;}
.container .news .inner .fl .wz{float:right; width:75%; height:78px;}
.container .news .inner .fl{ width:100%;}
.container .news .inner .fl .more{ margin:0 auto;}
}

.container .service{display:block;width:1200px; margin:0 auto; padding:60px 0px;}
.container .service li{float:left; width:300px;}
.container .service li .icon_ico1{display:block; width:124px; height:124px; background:url(../images/icons.png) no-repeat 0 -149px; margin:0 auto; margin-bottom:15px;}
.container .service li h3{display:block; height:30px; font-size:16px; line-height:30px; text-align:center;}
.container .service li .tip{display:block; height:24px; line-height:24px; font-size:14px; text-align:center; color:#666; padding-top:5px; line-height:22px;}
.container .service li:hover .icon_ico1{background:url(../images/icons.png) no-repeat 0 0px;}


.container .service li .icon_ico2{display:block; width:124px; height:124px; background:url(../images/icons.png) no-repeat -299px -149px; margin:0 auto; margin-bottom:15px;}
.container .service li:hover .icon_ico2{background:url(../images/icons.png) no-repeat -299px 0px;}

.container .service li .icon_ico3{display:block; width:124px; height:124px; background:url(../images/icons.png) no-repeat -595px -149px; margin:0 auto; margin-bottom:15px;}
.container .service li:hover .icon_ico3{background:url(../images/icons.png) no-repeat -595px 0px;}

.container .service li .icon_ico4{display:block; width:124px; height:124px; background:url(../images/icons.png) no-repeat -901px -149px; margin:0 auto; margin-bottom:15px;}
.container .service li:hover .icon_ico4{background:url(../images/icons.png) no-repeat -901px 0px;}

@media (max-width:720px){
	.container .service{display:block;width:100%; padding:40px 0px;}
	.container .service li{float:left; width:40%; margin:0 5%; padding-bottom:20px; text-align:center;}
	.sub_nav{ display:none;}
}

.sub_nav{display:block; width:100%; height:60px; line-height:60px; background:#15a24c;}
.sub_nav .inner{ width:1200px; margin:0 auto;}
.sub_nav .fl{width:920px; font-size:14px; color:#fff;}
.sub_nav .fr{width:230px; height:60px; background:#ffb400; font-size:15px; color:#fff; line-height:60px; padding:0px 15px;}
.sub_nav .fr .code{font-size:22px; color:#fff; line-height:60px;}
.sub_nav .fl a{color:#fff; font-size:14px;}
@media (max-width:720px){
	.sub_nav{ display:none;}
}

.bot{display:block; width:100%; height:270px; background:url(../images/botbg.jpg) no-repeat center top;}
.bot .inner{display:block; width:1200px; margin:0 auto; padding-top:50px;}
.bot .inner dl{float:left; width:120px; margin-right:100px;}
.bot .inner dl dt{display:block; height:40px; line-height:40px; font-size:18px; color:#fff; background:url(../images/xian2.png) repeat-x left bottom; margin-bottom:12px;}
.bot .inner dl dt a{display:block;height:40px; line-height:40px;font-size:18px; color:#fff; font-weight:bold;}
.bot .inner dl dd{ width:120px; margin-inline-start: 0px;}
.bot .inner dl dd a{display:block; width:130px; font-size:14px; color:#b2b1b1; margin-inline-start:none;}

.bot .inner dl.third{float:left; width:220px;}
.bot .inner dl.third dd{display:block; width:220px; font-size:14px;color:#b2b1b1;}

.bot .inner dl.fourth{float:right; width:150px;}
.bot .inner dl.fourth{margin-right:0px;}
.bot .inner dl.fourth img{display:block; width:150px; height:150px;}

.bot .inner dl a:hover{color:#15a24c;}

@media (max-width:720px){
.bot{display:block; width:100%; height:420px; background:#434343 url(../images/botbg.jpg) no-repeat center bottom;}
.bot .inner{display:block; width:100%; margin:0 auto; padding-top:50px;}
.bot .inner dl{ display:none;}
.bot .inner dl.third{ display:block; float:none; text-align:center; width:95%; margin:0 auto;}
.bot .inner dl.third dd{display:block; width:100%; font-size:14px;color:#b2b1b1;}
.bot .inner dl.fourth{ display:block; float:none; width:150px; margin:0 auto; padding-top:20px;}
}

@media (max-width:720px){
.w1400{ height:450px;}

/**内页**/
.com_ban{ overflow:hidden; width:100%;height:150px; background-repeat:no-repeat; background-position:center top; position:relative;}
.com_ban img{ height:150px; }
.com_ban .ban_bg{ position:absolute; width:100%; height:300px; background:rgba(0,0,0,0.8); z-index:9;}

.com_ban font{ width:100%; font-size:30px;}


.com_nav{ overflow:hidden; padding:0 0 2%; border-bottom:1px solid #ececec; margin-bottom:2%;}
.com_nav ul{ padding:0; margin:0; text-align:center;}
.com_nav ul li{ float:left; height:32px; line-height:32px;}
.com_nav ul li a{ padding:0 2px; color:#888; font-size:14px;}
.com_nav ul li:first-child{ background:url(../images/jiantou.png) no-repeat; padding-left:40px;}
.com_nav ul li:last-child a{ color:#333; font-weight:bold; font-size:16px;}


.common{ width:96%; height: auto; overflow:hidden; margin:5% auto 6%; padding:0 2%; background:none;box-shadow:none;}

/**内页简介**/
.com_left{ display:none;}
.com_right{ width:100%; float:none; }
.com_desc{ overflow:hidden; padding:4% 0; line-height:28px;}
.com_desc a{color:#666666}
.com_desc img{width:98%;align:center;}
.com_product ul{ margin:0; height:auto; overflow: hidden; text-align: center;}
.com_product ul li{ width: 48%; float: left; height:auto; overflow: hidden;margin: 4% 1% 0 0;}
.com_product ul li a{ display:block; color:#666; font-size: 14px;}
.com_product ul li a .pic{ width: 100%; height:auto; overflow: hidden; background:none; position: relative;}
.com_product ul li a .pic .img{ width:100%; height:150px; overflow: hidden; margin:0 auto;}
.com_product ul li a .pic .img img{ max-width: 100%; display: block; transition: 0.5s;}
.com_product ul li a font{ display: block; margin-top: 10px; height: auto; line-height: 20px; background:none;}
.com_product ul li a:hover font{ color:#015b90;}

.com_product ul li:nth-child(3n){ margin-right: 1%}



.com_honor ul{ margin:0; height:auto; overflow: hidden; text-align: center;}
.com_honor ul li{ width: 48%; float: left; height:auto; overflow: hidden;margin: 4% 1% 0 0;}
.com_honor ul li a{ display:block; color:#666; font-size: 14px;}
.com_honor ul li a .pic{ width: 100%; height:auto; overflow: hidden; background:none; position: relative;}
.com_honor ul li a .pic .img{ width:100%; height:250px; overflow: hidden; margin:0 auto;}
.com_honor ul li a .pic .img img{ max-width: 100%; display: block; transition: 0.5s;}
.com_honor ul li a font{ display: block; margin-top: 10px; height: auto; line-height: 20px; background:none;}
.com_honor ul li a:hover font{ color:#015b90;}

.com_honor ul li:nth-child(3n){ margin-right: 1%}

}
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;bottom:114px;right:-127px;cursor:pointer;transition:all .3s ease; display: block}
.yb_bar ul li{width:180px;height:53px;font:14px 'Microsoft YaHei';color:#fff; margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}

.yb_bar .yb_top{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 0; text-indent:54px; line-height:53px;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px; line-height:24px; width:126px; padding-left:54px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px; line-height:24px; width:126px; padding-left:54px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -169px; text-indent:54px;}
.yb_bar .yb_ercode img{ width:120px; margin:53px 0 0 -20px;}
.hd_qr{padding:25px;}
.yb_QQ a{display:block;width:100%;height:100%;color:#fff;}



@media (max-width:720px){
.honor_box{ height: auto; overflow: hidden; padding:5% 0;}
.honor_box .h_desc{ line-height: 22px; font-size: 12px; padding-top:10px;}

.h_pic_b{ height: auto; overflow: hidden; margin-top:10px; padding:0; background:none;}


.app_h_pic{ display: block;}
.footer_top{ height: auto; overflow: hidden; font-size: 14px; padding:5% 0; border-top: 2px solid #15a24c;display: none;}
.f_title{ height:auto; overflow: hidden; margin-bottom:10px; background: url(../images/f_icon.png) 82px center no-repeat; font-size: 16px;}

.f_contact,.yb_conct{ display: none;}
.f_gz{ display: none;}
.f_link{ width:100%; float: none;}
.f_link .f_link_h{ height:auto; overflow: hidden; margin-bottom: 15px;}

.footer{  padding:4% 0; background: #eeeeee; text-align: center; margin-bottom: 45px;}
.footer .fl{ width:100%;}
.footer .fl a,.app_botm{ display: block}
.footer .fr,.h_pic{ display: none;}
	
	



}


.pages { line-height:32px; text-align:center;font-size:14px;color:#444; margin-bottom:10px; position:relative; float: left;}
.pages a, .pages span,.both{ padding:6px 12px; border:1px solid #ddd; color:#444; line-height:45px;}
.pages span{ background:#3fb5c0; color:#fff;border:1px solid #3fb5c0;}

.pages input{ height:34px;border:1px solid #DDD; margin-top: -3px; width:50px; right:123px; text-align:center;}
.pages input[type=button]{ height:34px; width:55px; background:#999; font-size:14px; color:#fff; line-height:34px; margin: -3px 0 0 6px; border:0; font-family:"微软雅黑";}
.both{ float: left; margin-left: 8px; font-size: 14px; line-height: 20px;}

p{
margin:0px
}
h2 {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #ff0000; LINE-HEIGHT: 26px;FONT-FAMILY: "Microsoft Yahei";
}


.ny_news_content{ width:880px; height:auto; overflow:hidden; float:right; }
.ny_news_content ul{ width:100%; height:auto; overflow:hidden; margin:20px auto 0px;}
.ny_news_content ul li{ width:100%; height:auto; margin-bottom:25px; overflow:hidden; border-bottom:1px solid #E7E7E7; padding-bottom:25px;}
.ny_news_content ul li img{ width:218px; height:146px; padding:3px; border:1px solid #DFDFDF; float:left;}
.news_txt2{ width:630px; height:150px; float:right;}
.news_txt2 a{ color:#23487F; font-size:16px; margin:15px 0 15px; float:left;}
.news_txt2 i{ width:85px; height:20px; float:left; text-align:center; line-height:20px; background:#EBEDEA; color:#EF1C22; font-style:normal; float:left;}
.news_txt2 p{ width:100%; color:#666666; float:left; line-height:25px; margin-top:20px;height:50px;overflow:hidden;}

.clear {
	margin: 0px auto;
	width: 100%;
	height: 1px;
	font-size: 1px;
	clear: both;
	background: none;
	overflow: hidden;
}



@media (max-width:720px){



.ny_news_content{ width:100%; height:auto; overflow:hidden; float:right; }
.ny_news_content ul{ width:100%; height:auto; overflow:hidden; margin:20px auto 0px;}
.ny_news_content ul li{ width:100%; height:auto; margin-bottom:25px; overflow:hidden; border-bottom:1px solid #E7E7E7; padding-bottom:25px;}
.ny_news_content ul li img{ width:30%; height:80px; padding:3px; border:1px solid #DFDFDF; float:left;}
.news_txt2{ width:65%; height:80px; float:right;}
.news_txt2 a{ color:#23487F; font-size:16px; margin:5px 0 5px; float:left;height:25px;line-height:25px;overflow:hidden;}
.news_txt2 i{ width:85px; height:20px; float:left; text-align:center; line-height:20px; background:#EBEDEA; color:#EF1C22; font-style:normal; float:left;display:none}
.news_txt2 p{ width:100%; color:#666666; float:left; line-height:25px; margin-top:0px;height:50px;overflow:hidden;}


}


.container2{ width:880px;}
.menu{
	float:left;
	height:34px;
}

.menu ul{
	list-style:none;
	height:34px;
	float:left;
	background: url(../images/tab_bg.jpg) repeat-x;
	width:880px;
}

.menu li{
	background:url(../images/header_tabs1.jpg) no-repeat;
	display:block;
	float:left;
	width:120px;
	height:29px;
	cursor:pointer;
}

.menu li.current{
	background:url(../images/header_tabs21.jpg) no-repeat;
	color: #ffffff;
}

.menu span{
	color:#000000;
	display:block;
	line-height:29px;
	text-align:center;
	
	
}
.current span{
	color:#ffffff;
	
}
.content{
	
	width:880px; 
}

.content2{
	float:right;
	width:880px;
}
.content ul{
	width:880px;
	list-style:none;
}

.content li{
	float:left;
	width:880px;
	display:block;
	color: #828282;
}




@media (max-width:720px){
.container2{ width:100%;}
.menu{
	width:100%;
	height:34px;
}

.menu ul{
	list-style:none;
	height:34px;
	float:left;
	background: url(../images/tab_bg.jpg) repeat-x;
	width:100%;
}

.menu li{
	background:url(../images/header_tabs.jpg) no-repeat;
	display:block;
	float:left;
	width:80px;
	height:29px;
	cursor:pointer;
}

.menu li.current{
	background:url(../images/header_tabs2.jpg) no-repeat;
	color: #ffffff;
}

.menu span{
	color:#000000;
	display:block;
	line-height:29px;
	text-align:center;
	
	
}
.current span{
	color:#ffffff;
	
}
.content{
	
	width:100%; 
}

.content2{
	float:right;
	width:100%;
}
.content ul{
	width:100%;
	list-style:none;
}

.content li{
	float:left;
	width:100%;
	display:block;
	color: #828282;
}

}

.popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  width: 100vw;
  height: 100vh;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  overflow: hiden;
  -webkit-transition: .64s ease-in-out;
  transition: .64s ease-in-out;
}
.popup-inner {
  position: relative;
  bottom: -100vw;
  right: -100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*max-width: 800px;
  max-height: 600px;
  width: 60%;
  height: 80%;*/
  background-color: #fff;
  -webkit-transform: rotate(32deg);
          transform: rotate(32deg);
  -webkit-transition: .64s ease-in-out;
  transition: .64s ease-in-out;
}
.popup_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
/*  width: 60%;
  height: 100%;
  padding: 4rem;*/
}

.popup_text .honor_img {
	
}
.popup_text .honor_title {
  background:#000;
  font-size: 1.0rem;
  color: #fff;
  line-height: 2.5;
  text-align:center;
}
.popup:target {
  visibility: visible;
  opacity: 1;
}
.popup:target .popup-inner {
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.popup_close {
  position: absolute;
  right: -1rem;
  top: -1rem;
  width: 3rem;
  height: 3rem;
  font-size: .875rem;
  font-weight: 300;
  border-radius: 100%;
  background-color: #0A0A0A;
  z-index: 4;
  color: #fff;
  line-height: 3rem;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}
.intxt{
    border: 1px solid #ccc;
    line-height: 26px;  
}