@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {

.navbar-toggle{padding:6px;color:#fff; padding-top: 20px; z-index: 1111;}
.navbar-toggle i{font-size:20px; line-height: 1;}
.navbar-toggle:active,.navbar-custom .navbar-toggle:focus{outline:0}
.navbar-toggle i{ width: 26px; height: 3px; display: block; background: #fff; margin-bottom: 4px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
}
/*.navbar-toggle1 i:nth-child(3){ margin-bottom:0;}*/
.navbar-toggle1 i:nth-child(1){
    transform:translate3d(0,7px,0) rotate(-135deg);
    -webkit-transform:translate3d(0,7px,0) rotate(-135deg);
    -moz-transform:translate3d(0,7px,0) rotate(-135deg);
    -ms-transform:translate3d(0,7px,0) rotate(-135deg);
}
 .navbar-toggle1 i:nth-child(2){ opacity: 0;
    transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
}
.navbar-toggle1 i:nth-child(3){
    transform:translate3d(0,-7px,0) rotate(135deg);
    -webkit-transform:translate3d(0,-7px,0) rotate(135deg);
    -moz-transform:translate3d(0,-7px,0) rotate(135deg);
    -ms-transform:translate3d(0,-7px,0) rotate(135deg);
}
	
/*=========公共标题==========*/

.title{font-size: 18px;padding-top: 30px;}

/*=========公共按钮==========*/

.button{padding: 30px 0;}
.button i{width: 30px;height: 30px;line-height: 30px;}
.button a.but{height: 30px;line-height: 30px;padding: 5px 25px;font-size: 14px;}

/*=========公共div==========*/

.public{width: 100%;position: relative;background: #fff;}	

/*=========内页公共导航==========*/

.phd{height: auto;}
.phd_ul{height: auto;}
.phd_ul li{text-align: center;}
.phd_ul li a{padding: 0px 8px;}

/*=========内页公共标题==========*/
.ptl{font-size: 24px;padding: 25px 5px;}
	
/*=========内页公共翻页==========*/
.pages{width: 100%;text-align: center;padding: 15px 3px;}
.pages a{width: 30px;height: 30px;line-height: 30px;}
.pages a i{width: 100%;height: 100%;line-height: 30px;text-align: center;}
.pages a:hover,.pages a.pq{background: #0259c7;border: 1px solid #059c7;color: #fff;}
	
/*=========导航=========*/
.top{background: #0259c7;border: 0px;}
.top .menu{width: 100%;height: 80px;float: right;display: none;}
.top .menu_show{display: block;}
.menu .top_ul{width:100%;display: block; float: none;text-align: center;}
.menu .top_ul .top_li{width:100%;padding: 0 0px;float: none; background: rgba(2,89,199,.8);}
.menu .top_ul .top_li a{height:50px;line-height: 50px; position: relative;}
.menu .top_ul .top_li a:before,.menu .top_ul .top_li a:after{display: none;}
.menu .top_ul .top_li a img{width: 25px;height: 25px;}
.menu .top_ul .top_li a.dq{background: rgba(255,255,255,.8);color: #0259c7;}
	
	
.menu .top_ul .top_li dl {position:relative;top: 0px;left: 0;z-index: 1;width: 100%;display: none; background: #0d6fb8; margin-bottom: 0px;}
.menu .top_ul .top_li dl  a {line-height: 35px;height: 35px;background: #0259c7;width: 100%; padding-left: 20px; text-align: left;font-size: 14px; font-weight: 400;border-bottom: 1px #ccc solid;}
.menu .top_ul .top_li dl  a:hover {background: #0259c7;font-weight: 400;}
.menu .top_ul .top_li:hover {background: #0259c7}


	
/* a.gobottom{width: 50px;height: 90px;border: 2px solid #fff;position: absolute;left: 48%;bottom: -400px;background: url(../images/xx.png) no-repeat bottom ;}
 a.gobottom:hover{width: 50px;height: 90px;border: 2px solid #0259c7;position: absolute;left: 48%;bottom: -400px;background: url(../images/xx.png) no-repeat top ;}*/

/*=========banner==========*/
	
.banner_top{position: relative;width: 100%; padding-top: 80px;overflow: hidden;}
.ban{height:0;}
.ban1{height: 0;}

/*============================================================================主营业务==========*/
.business{padding: 15px 10px 0;}
.leftLoop .bd ul li{width: 100%; margin: 0 0px; } 

/* 多个左滚动 - 公用类 */ 
.leftLoop{ overflow:hidden; position:relative;} 
.leftLoop .hd{ width: 155px; } 
.leftLoop .hd ul li {margin-right:10px;} 

/*============================================================================typ==========*/

.typ{overflow: hidden;padding: 0 10px;}
.loptyp{padding-top: 30px;overflow: hidden;}

.typ_ul{width: 100%;margin-top: 60px;}
.typ_ul li{width: 100%;float: left;border-radius: 25px;}
.typ_ul li a .tf{padding: 20px 40px;background: #ededed;}
.typ_ul li a .tg{height: auto;}



/*============================================================================com==========*/	

.com{overflow: hidden;padding: 0 10px;}
.lopcom{padding: 30px 10px 0 0; overflow: hidden;}

.com_ul li{width: 100%;}
.com_ul li a .cg{height: auto;}
.com_ul li a .cf{height: auto;padding:15px 30px;}
.com_ul li a .cf .nb{margin-top: 15px;}

	
.lopcom1{padding-top: 25px;}
.com_ulx{width: 100%;margin-top: 20px;}
.com_ulx li{width: 50%;float: left; padding: 0px 0px;}
.com_ulx li a{width: 100%;height:auto;overflow: hidden; padding: 0px 10px; display: block;}
.com_ulx li a img{width: 100%;}



/*===================================================================video==================*/

.video{width: 100%;height:auto;position: relative;}
.vid_ul{width: 100%;margin-top: 15px;padding: 0 10px;}
.vid_ul li{width: 100%;float: left;}
.vid_ul li:nth-child(2n){float: right;margin-top: 15px;}	
	
/*===================================================================关于我们页==================================================*/

.about .slideBox{overflow:hidden; zoom:1; padding:10px 0 90px 0px; position: relative;margin-bottom: 15px;}
.about .slideBox .sPrev{left: 15%;bottom: 15px;}	 
.about .slideBox .sNext{right:15%;bottom: 15px;}	
.about .parBd{width: 100%;padding: 0 10px;}
.about .parBd ul{margin-bottom:0px;}
.about .parBd ul li.ab_li{width: 100%;}
.about .parBd ul li.ab_li .pic img{ transform: scale(1.1);}
.about .parBd ul li.ab_li .pic .abg::before,.abg::after{opacity:1;}
.about .parBd ul li.ab_li .pic .abg::before {background: rgba(0,0,0,.2);transform: scale(1);}
.about .parBd ul li.ab_li .pic .abg::after {background: rgba(0,0,0,.2);transform: scale(1);}

/*===================================================================bottom==================*/

.bottom{width: 100%;height: auto; background: #f9f9f9;overflow: hidden;position: relative;}
.bottom .pad{padding: 20px 0;}
.bottom .bom_ul{display: none;}
.bottom .con_img{width: 100%;padding: 0 10px;}
.bottom .bom_f{padding: 10px 10px 0;width: 100%;font-size: 10px;color: #999;text-align: left;margin-top:10px; height: 90px;line-height: 20px;overflow: hidden;border-top:  1px solid #e5e5e5;position: relative;}
a.box .gotop{display: none;}

/*===================================================================公司介绍页==================================================*/

.int_ul{width: 100%;padding-bottom: 35px;}
.int_ul li{padding: 20px 10px;}
.int_ul li img{width: 100%;}
.int_ul li .num{padding-right:5px;}
.int_ul li .num p{font-size: 12px;}	
.int_ul li .num span{font-size: 18px;}	
	
/*===================================================================主营业务页==================================================*/

.main_ul {padding: 0 10px;}
.main_ul li{width: 100%;height: auto;margin-top: 25px;}
.main_ul li .mbox1{width: 100%;}
.main_ul li .mbox1 a .mc{padding: 50px 0;}		
.main_ul li .mbox1 a .mc p{font-size:24px;}			
.main_ul li .mbox2{width: 100%;margin-top: 5px;}	
.main_ul li .mbox2 .mb3,.main_ul li .mbox2 .mb4{width: 100%;height:auto;}
.main_ul li .mbox2 .mb4{margin-top: 5px;}

/*===================================================================新闻列表页==================================================*/

.news_ul li{margin-top: 15px;padding: 15px 10px;}
.news_ul li .ng{width: 100%;height: auto;}
.news_ul li .nf{width: 100%;height: auto;float: left;padding: 10px 0px;}	
.news_ul li .nf .nt{font-size: 18px;margin-top: 10px;}
.news_ul li .nf .nc{font-size: 12px;margin-top: 10px;}

/*===================================================================新闻详情页==================================================*/
.ntb{width: 100%;padding: 15px 10px;}	
.news_case h2{font-size: 14px;height: 80px;line-height: 80px;padding: 0 10px;}	
.news_case .nbx{padding: 15px 10px;}
.pag_tit a.pag_left{ padding-left: 0px;font-size: 12px;}
.pag_tit a.pag_right{padding-right: 0px;font-size: 12px;}

.news_more{padding: 15px 0px;}
.nmt{ font-size: 16px;padding: 0 10px;}
.news_more .nm_ul{padding-top: 15px;}
.news_more .nm_ul li{ height: 35px; line-height: 35px;font-size: 14px;padding: 0 10px;}
.news_more .nm_ul li a{height: 35px; line-height: 35px;width: 100%;}

/*===================================================================联系我们页==================================================*/

.contact{width: 100%;padding: 15px 10px;}
iframe{width: 100%;height:350px;}
.site{width: 100%;padding: 25px 0;}
.site .sc{width: 100%;}
.site .sc .sf{width: 100%;padding-bottom: 25px;}
.site .sg{width: 100%;float: left;text-align: center;}
.site .sg p{font-size:12px;}
.form{width: 100%;padding: 0px;}
.form input[type="text"]{width: 100%; height: 45px;line-height: 45px;border: 0px;background: #f0f0f0;padding-left: 15px;}
.form input.ip{margin-left: 0%;margin-top: 10px;}
.form #kk{width: 60%;float: right;}
.form .but{margin-top: 20px;}
.form .but button{width: 45%;float: left; height: 35px;margin: 0 0px;font-size: 14px;}
.form .but button.b1{float: right;}	

/*============================================================组织结构页========================================================*/

.organ{width: 100%;padding: 0 10px;}
.org_ul{width: 100%;padding: 50px 0px 0px;margin-top:  50px;position: relative;}	
.org_ul li{width: 45px;height: 105px;padding: 0 12px;text-align: center;background: #0259c7;writing-mode: tb-rl;float: left;position: relative;margin: 0 19px 50px;}
.org_ul li a{display: block; font-size: 14px;color: #fff;}
.org_ul li:nth-child(2n){background: #03623a;}
.org_ul li:last-of-type{margin: 0 12px 0px;}
	
/*===================================================================案例列表页==================================================*/

.Case{padding: 0 10px;}

.case_ul li{width: 100%;margin-top: 25px;}
.case_ul li .cg{;height: auto;}	
.case_ul li .cf{ padding: 20px 10px 20px;}
.case_ul li .cf h2{font-size: 16px;}	
.case_ul li .cf .hr{margin: 20px 0 20px;}	

/*===================================================================荣耀资质页==================================================*/

.tabshow{width:100%;height:740px;padding: 0 60px; margin: 10px auto;overflow: hidden;}
.pc{display: none;}	

/* tabshow mid*/	
.mid{display: block;}
.tabshow .udbtn1{width:25px;height:25px;line-height:25px;}
.tabshow .udbtn1 i{font-size: 20px;line-height: 25px;}
.tabshow .uPrev1{ left: 10px;top: 15px;}
.tabshow .dNext1{right: 10px;top:15px;}
.tabshow .tabTagBox1{margin:0px 0;text-align: center;}
.tabshow .tabTagBox1 li{float:left;width:92px;height: 70px;line-height: 70px;}	
.tabshow .tabTagBox1 li strong{font-size: 24px;}
.tabshow .tabcon1{top: 100px;}


	
.multipleColumn .hd{ height:50px; line-height:50px;}
.multipleColumn .hd .prev,.multipleColumn .hd .next{top: 0px;}	
.multipleColumn .hd .prev{left: 20%}
.multipleColumn .hd .next{right: 20%;}
.multipleColumn .bd{ height:580px;}
.multipleColumn .bd li.bd_li{width: 100%; padding: 0 15px 0 10px;}
.multipleColumn .bd li.bd_li .pic .picg .pad{height: 220px;padding: 0px;}	   


/* 智能手机（纵向和横向）--------------------------------------------------------------------------------------------------- */
}


@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {


.navbar-toggle{padding:6px;color:#fff; padding-top: 10px; z-index: 1111;}
.navbar-toggle i{font-size:20px; line-height: 1;}
.navbar-toggle:active,.navbar-custom .navbar-toggle:focus{outline:0}
.navbar-toggle i{ width: 28px; height: 3px; display: block; background: #000; margin-bottom: 4px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
}
.navbar-toggle1 i:nth-child(3){ margin-bottom:0;}
.navbar-toggle1 i:nth-child(1){
    transform:translate3d(0,7px,0) rotate(-135deg);
    -webkit-transform:translate3d(0,7px,0) rotate(-135deg);
    -moz-transform:translate3d(0,7px,0) rotate(-135deg);
    -ms-transform:translate3d(0,7px,0) rotate(-135deg);
}
 .navbar-toggle1 i:nth-child(2){ opacity: 0;
    transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
}
.navbar-toggle1 i:nth-child(3){
    transform:translate3d(0,-7px,0) rotate(135deg);
    -webkit-transform:translate3d(0,-7px,0) rotate(135deg);
    -moz-transform:translate3d(0,-7px,0) rotate(135deg);
    -ms-transform:translate3d(0,-7px,0) rotate(135deg);
}

/*=========导航=========*/



/* iPad（横向）--------------------------------------------------------------------------------------------------- */
}


@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {

	
.navbar-toggle{padding:6px;color:#fff; padding-top: 10px; z-index: 1111;}
.navbar-toggle i{font-size:20px; line-height: 1;}
.navbar-toggle:active,.navbar-custom .navbar-toggle:focus{outline:0}
.navbar-toggle i{ width: 28px; height: 3px; display: block; background: #000; margin-bottom: 4px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
}
.navbar-toggle1 i:nth-child(3){ margin-bottom:0;}
.navbar-toggle1 i:nth-child(1){
    transform:translate3d(0,7px,0) rotate(-135deg);
    -webkit-transform:translate3d(0,7px,0) rotate(-135deg);
    -moz-transform:translate3d(0,7px,0) rotate(-135deg);
    -ms-transform:translate3d(0,7px,0) rotate(-135deg);
}
 .navbar-toggle1 i:nth-child(2){ opacity: 0;
    transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
}
.navbar-toggle1 i:nth-child(3){
    transform:translate3d(0,-7px,0) rotate(135deg);
    -webkit-transform:translate3d(0,-7px,0) rotate(135deg);
    -moz-transform:translate3d(0,-7px,0) rotate(135deg);
    -ms-transform:translate3d(0,-7px,0) rotate(135deg);
}	

/*=========导航=========*/

	
	
	
/* iPads（纵向） --------------------------------------------------------------------------------------------------- */
}



@media only screen 
and (min-width : 1024px) 
and (max-width : 1200px) {

.navbar-toggle{padding:6px;color:#fff; padding-top: 10px; z-index: 1111;}
.navbar-toggle i{font-size:20px; line-height: 1;}
.navbar-toggle:active,.navbar-custom .navbar-toggle:focus{outline:0}
.navbar-toggle i{ width: 28px; height: 3px; display: block; background: #000; margin-bottom: 4px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
}
.navbar-toggle1 i:nth-child(3){ margin-bottom:0;}
.navbar-toggle1 i:nth-child(1){
    transform:translate3d(0,7px,0) rotate(-135deg);
    -webkit-transform:translate3d(0,7px,0) rotate(-135deg);
    -moz-transform:translate3d(0,7px,0) rotate(-135deg);
    -ms-transform:translate3d(0,7px,0) rotate(-135deg);
}
 .navbar-toggle1 i:nth-child(2){ opacity: 0;
    transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
}
.navbar-toggle1 i:nth-child(3){
    transform:translate3d(0,-7px,0) rotate(135deg);
    -webkit-transform:translate3d(0,-7px,0) rotate(135deg);
    -moz-transform:translate3d(0,-7px,0) rotate(135deg);
    -ms-transform:translate3d(0,-7px,0) rotate(135deg);
}	

/*=========导航=========*/


		


/* 台式机和笔记本电脑 --------------------------------------------------------------------------------------------------- */
}

