@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {


	
	
/*=====================首页=====================*/
/*index导航*/
.navbar-toggle{padding:0px;color:#fff; padding-top: 0px; z-index: 1111;position: absolute;top:50px;right:0px;height: 60px;}
.navbar-toggle i{font-size:22px; line-height: 1;color:#fff;}
.navbar-toggle:active,.navbar-custom .navbar-toggle:focus{outline:0}
.navbar-toggle i{ width: 30px; height: 3px; display: block; background: #8e0b05;; margin-bottom: 8px;
    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,11px,0) rotate(-135deg);
    -webkit-transform:translate3d(0,11px,0) rotate(-135deg);
    -moz-transform:translate3d(0,11px,0) rotate(-135deg);
    -ms-transform:translate3d(0,11px,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,-11px,0) rotate(135deg);
    -webkit-transform:translate3d(0,-11px,0) rotate(135deg);
    -moz-transform:translate3d(0,-11px,0) rotate(135deg);
    -ms-transform:translate3d(0,-11px,0) rotate(135deg);
}



/*=============================================================================================================*/

/*-------导航------------*/
/*=================引导页========================*/

.back100{width: 100%;height: 100%;overflow: hidden;top: 0px;left: 0px;position: relative;}
.bg100{width: 100%;height: 100%;z-index: -1;position: fixed;top: 0px;text-align: center;}
.logo_alph{width: 100%;overflow: hidden;position: relative;z-index:2;height: auto;top: 20%;left: 18%;transition: all 500ms;text-align: center;padding-top: 0px;display: none;}
.alph1{position: relative;overflow: hidden;width: 60%;opacity: 0;transition: all 500ms;z-index: 2;max-width: 180px;}
.alph1s{opacity: 0;transition: all 500ms;}
.alph1 img{width: 100%;}
.alph3 img{width: 95%;}
.alph3{position: relative;top: 15%;left: 0px;overflow: hidden;opacity: 1;transition: all 500ms;z-index: 1;width: 80%;max-width: 180px;}
.alph3s{opacity: 1;transition: all 500ms;z-index: 6;}
.logo_bravo{width: 100%;position: absolute;top: 20%;left: 0px;text-align: center;}
.bravo1 img{width: 80%;margin: auto;padding-left: 3%;padding-top: 5%;max-width: 200px;display: none;}
.bravo2 img{width: 80%;max-width: 200px;}
.bravo3 img{width: 80%;max-width:200px;}
.bravo1{text-align: center;z-index: 2;}
.bravo2{position: relative;left:0%;top:0px;width: 100%;padding-left: 3%;opacity: 1;transition: all 500ms;}
.bravo3{position: relative;left: 0%;top:-0px;z-index: 2;width: 100%;padding-left: 3%;opacity: 1;transition: all 500ms;}
.bravo2s{opacity: 1;transition: all 500ms;z-index: 6;}
.bravo1s{opacity: 0;transition: all 500ms;}
.bravo3s{opacity: 1;transition: all 500ms;z-index: 6;}
.logo_child{width: 100%;overflow: hidden;position: absolute;z-index: 222;height: 30%;bottom:14%;right: 17%;transition: all 500ms;display: none;}
.child1{opacity: 1;transition: all 500ms;width: 16%;z-index: 6;float: right;position: relative;width: 20%;max-width: 310px;}
.child1 img{width: 100%;}
.child3 img{width: 95%;}
.child3{position: absolute;top: 14%;right: 0px;overflow: hidden;opacity: 0; transition: all 500ms;width: 16%;z-index: -1;width: 20%;max-width: 310px;}
.child1s{opacity: 0;transition: all 500ms;}
.child3s{opacity: 1;transition: all 500ms;z-index: 7;}
/*=====*/

/*=======*/
/*==========国创首页==========*/
.index1_top{width: 100%;overflow: visible;position: fixed;top: 0px;left: 0px;z-index: 999999;}
.red_bar{width: 100%;height: 30px;background:#8e0b05;}
.red_bar1200{width: 100%;max-width: 1200px;overflow: hidden;padding: 0px 10px;line-height: 30px;margin: auto;font-size: 12px;}
.welcome{float: left;color: #fff;line-height: 30px;overflow: hidden;height: 30px;}
.func{width: auto;text-align: right;float: right;display: none;}

/*导航*/
.nav{width: 100%;background: #fff;overflow: visible;height: 80px;}
.nav_1200{width: 100%;max-width: 1200px;margin: auto;overflow: visible;padding: 0px 0px;}
.logo{width:40%;max-width: 200px;overflow: hidden;float: left;line-height: 80px;height: 80px;padding-left: 10px;}
.logo img{width: 100%;}
.nav_bar{width: 100%;float: none;text-align: center;overflow: hidden;height: auto;background: #fff;display: none;}
.nav_bar li{width:100%;float: none; height: auto;line-height: 45px;overflow: visible;position: relative;}
.nav_bar li a{line-height:45px;height: 45px;overflow: hidden;border-bottom: 2px solid #fff;font-size: 18px;color: #000;transition: all 500ms;margin-top: 0px;display: block;width: 100%;}
.nav_bar li.dq a{transition: all 500ms; border-color:#8e0b05;}
.second{width: 100%;overflow: visible;background: #fff;height: auto;position: relative;margin-left: 0%;display: none;}
.second li a{display: block;width: 100%;overflow: hidden;color: #000;line-height: 20px;height: auto;margin: 0px;padding: 5px 0px;}
.second li{width: 100%;line-height: 30px;height: 0px;overflow: hidden;transition: all 500ms;float: none;}
.nav_bar li:hover .second li{height: 0px;transition: all 500ms;}
.second li:hover{background: #8e0b05;color: #fff;transition: all 500ms;}
.second li:hover a{background: #8e0b05;color: #fff;transition: all 500ms;}
	.nav_bar li:nth-child(8){ display:block;}
/*--------------------*/

/*banner*/
.banner_top{padding-top: 110px;position: relative;overflow: hidden;}
.banfix_word{overflow: hidden; position: absolute;width: 100%;top:0px;z-index: 2222;left: 0px;}
.banfix_des{width: 80%;text-align: center;overflow: hidden;margin: auto;margin-top: 20px;color: #fff;font-size: 18px;line-height: 20px;}
.banfix_des2{width: 80%;text-align: center;overflow: hidden;margin: auto;margin-top: 10px;color: #fff;font-size: 16px;line-height: 20px;}
/*--------/

/*分类*/
.kind{width: 100%;overflow: hidden;position: relative;margin-top: 0px;z-index: 2222;}
.kind_1200{width: 100%;padding: 0px 0px;max-width: 1260px;margin: auto;}
.kind_ul{width: 100%;overflow: hidden;}
.kind_ul li{width: 33.33%;float: left;overflow: hidden;position: relative;}
	.kind_ul li:nth-child(4){margin-left:16.665%; }
.kind_img{width: 100%;overflow: hidden;}
.kind_img img{width: 100%;}
.kind_bg{width: 100%;position: absolute;top:0px;left: 0px;height: 100%;text-align: center;padding: 10px;transition: all 500ms;}
.kind_sign{width:100%;overflow: hidden;text-align: center;}
.kind_sign img{width:20px;}
.kind_name{width: 100%;text-align: left;;color: #fff;font-size: 16px;line-height: 20px;margin-top: 10px;position: relative;padding-right: 0px;font-family: "微软雅黑";}
.ra{font-family: '宋体';position: absolute;display: block;right: 0px;top: 40%;transition: all 500ms;display: none;}
.kind_ul li:hover .kind_bg{background: #b4170f;transition: all 500ms;}
.kindstr{width: 20px;height: 2px;overflow: hidden;margin: auto;margin-top: 20px;background: rgba(0,0,0,0.00);transition: all 500ms;}
.kind_ul li:hover .kindstr{background: #fff;transition: all 500ms;}
.kind_ul li:hover .ra{display: none;}
/*----*/

/*能力*/
.team{width: 100%;overflow: hidden;padding-bottom: 20px;}
.team1200{width: 100%;max-width: 1200px;margin: auto;}
.index_title{width: 100%;text-align: center;font-size: 18px;overflow: hidden;padding:15px 10px;line-height: 20px;color: #000;}
.case{width: 100%;overflow: hidden;background: #fff;}
.case li{width: 100%;float: none;overflow: hidden;position: relative;height: auto;margin-top: 5px;}
.case_title{width: 35%;float: left;overflow: visible;background: #a9a9a9;color: #fff;padding:30px 10px;z-index: 2;height: 200px;position: relative;transition: all 500ms;}
.titlecn{width: 100%;overflow: hidden;text-align: left;font-size: 20px;line-height: 20px;color: #fff;}
.titleen{width: 100%;overflow: hidden;text-align: left;font-size: 14px;line-height: 18px;color: #fff;margin-top: 5px;}
.case_title:before{content: '';width: 20px;height: 20px;overflow: hidden;position: absolute;right: -10px;top: 45%;transform: rotate(45deg);background: #a9a9a9;transition: all 500ms;z-index: -1;}
.ulpad{width: 65%;float: left;position: relative;overflow: hidden;padding:20px 20px;height: 100%;background: #f4f4f4;}
.businness{width: 100%;height: 160px;overflow: hidden;}
.businness li{width: 100%;overflow: hidden;line-height: 30px;height: 30px;}
.businness li a{display: block;width: 100%;line-height: 25px;height: 27px;text-align: center;border: 1px solid #000;font-size: 16px;color: #000;padding: 0px 5px;text-overflow: ellipsis;overflow: hidden;transition: all 500ms;}
.case li:hover .case_title{transition: all 500ms;background:#d2170e; }
.case li:hover .case_title:before{transition: all 500ms;background:#d2170e; }
.businness li a:hover{color: #fff;background:#d2170e;transition: all 500ms;border-color:#d2170e;}
.case li:nth-child(3){width: 100%;overflow: hidden;float: none;margin-top: 5px;}
.case li:nth-child(3) .case_title{width: 35%;overflow: visible;height: 200px;padding: 0px;padding:40px 10px;}
.case li:nth-child(3) .titlecn{width: 100%;overflow: visible;padding: 0px;padding:0px;}
.case li:nth-child(3) .titleen{width: 100%;overflow: visible;padding: 0px;padding-left: 0px;}
.case li:nth-child(3) .ulpad{width: 65%;overflow: hidden;padding: 20px;}
.case li:nth-child(3) .businness li{width: 100%;float: left;overflow: hidden;height:100%;text-align: center;}
.case li:nth-child(3) .businness li a{width: 100%;height: 100%;border: 0px;padding: 0px;overflow: hidden;}
.case li:nth-child(3) .businness li img{width: 80%;overflow: hidden;transition: all 500ms;}
.case li:nth-child(3) .businness li:hover img{transition: all 500ms;transform: scale(1.1);}
.case li:nth-child(3) .businness li a:hover{background: #f4f4f4;}
/*---*/

/*底部*/
.bottom{width: 100%;overflow: hidden;background:#a30700;padding: 20px 8px;}
.bottom1200{width: 100%;margin: auto;max-width: 1200px;}
.bottoml{width:100%;float: left;overflow: hidden;padding-top: 20px;}
.bottomlogo{width:100%;float: left;overflow: hidden;}
.bottomlogo img{width: 100%;max-width: 180px;}
.contact{width:100%;float: left;overflow: hidden;padding: 10px;border: 1px solid rgba(255,255,255,0.4);margin-top: 5px; }
.qr_code{width: 30%;float: left;overflow: hidden;}
.qr_code img{width: 100%;}
.phone{width:70%;float: left;padding: 0px 20px;overflow: hidden;}
.tel{width: 100%;padding: 4px 0px;line-height: 14px;overflow: hidden;line-height: 13px;}
.tel span{padding-right: 0px;color: #fff;font-size:12px;width: 100%;display: block;}
.bottomr{width: 100%;float: none;overflow: hidden;padding-left: 0%; padding-top: 10px;}
.r_title{width: 100%;text-align: left;font-size: 22px;color: #fff;line-height: 30px;overflow: hidden;}
.r_content{width: 100%;text-align: left;line-height: 25px;overflow: hidden;font-size: 12px;}
.r_content a{color: #fff;}
.r_content a:hover{color:#f94a42; }

.copyright{width: 100%;border-top: 1px solid #d7d7d7;margin-top: 20px;}
.copyright1200{width: 100%;max-width: 1200px;margin: auto;padding:10px;color: #fff;}
.copyright1200l{width: 100%;float: none;overflow: hidden;margin-top: 10px;font-size: 12px;}
.copyright1200r{width: 100%;float: none;overflow: hidden;text-align: left;padding-left: 0%;}
#share{float: none;width: 100%;}
.bactop{float: none;width: 35%;margin: auto;margin-left: 0px;}
.bactop a{line-height: 30px;height: 32px;color: #fff;border: 1px solid #fff;display: block;width: 80px;text-align: center;margin-top:7px;margin-right: 0px;}


#share a {
  outline: none;
  float: left;
  display: block;
  width: 30px;
  height: 33px;
}
#share .bds_sqq {
  width: 30px;
  height: 31px;
  background: url(../images/index_map.png) 0 -38px;
}
#share .bds_sqq:hover {
  background: url(../images/index_map.png) 0 -72px;
}
#share .bds_weixin {
  width: 30px;
  height: 31px;
  background: url(../images/index_map.png) -32px -38px;
}
#share .bds_weixin:hover {
  background: url(../images/index_map.png) -32px -72px;
}
#share .bds_tsina {
  width: 30px;
  height: 31px;
  background: url(../images/index_map.png) -64px -38px;
}
#share .bds_tsina:hover {
  background: url(../images/index_map.png) -64px -72px;
}
#share .bds_renren {
  width: 30px;
  height: 31px;
  background: url(../images/index_map.png) -96px -38px;
}
#share .bds_renren:hover {
  background: url(../images/index_map.png) -96px -72px;
}
#share .bds_douban {
  width: 31px;
  height: 31px;
  background: url(../images/index_map.png) -128px -38px;
}
#share .bds_douban:hover {
  background: url(../images/index_map.png) -128px -72px;
}
.bd_weixin_popup_foot {
  display: none;
}



/*技术首页*/
.kind2{width: 100%;position: relative;margin-top: 0px;z-index: 2222;}
.scroll_padding{width: 100%;margin: auto;max-width: 1200px;}
.picScroll-left{ width:100%;  overflow:hidden; position:relative;    }
.picScroll-left .hd{ overflow:visible;  height:0px; margin: auto; line-height: 80px; width: 100%;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:35px; height:80px;   overflow:hidden;
 cursor:pointer;text-align: center;position: absolute;top: 35%;font-family: '宋体'; }
.picScroll-left .hd .next{ position: absolute; right: 0%;bottom: 0px;font-size: 22px; color: #999;background: #000;}
.picScroll-left .hd .prev{ position: absolute; left: 0%;bottom: 0px;font-size: 22px; color: #999;background: #000;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.picScroll-left .bd{ padding:0px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{  float:left; _display:inline; overflow:hidden; text-align:center;width: 33.333333%;position: relative;}
.picScroll-left .bd ul li .pic{ text-align:center; height: 150px;position: relative;padding: 0px 0px;}
.picScroll-left .bd ul li .pic img{ width:100%; height:auto; display:block;    }
.picScroll-left .bd ul li .title{ width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;}
	.picScroll-left .bd ul li .title img{width: 40px;}
.title a{display: block;width:100%;overflow: hidden;background:rgba(0,0,0,0.5);text-align: center;height: 100%;padding:0px 2px;transition: all 500ms;padding-top: 20px; font-size: 12px;}
.kind_sign2{width:100%;overflow: hidden;text-align: center;}
.kind_sign2 img{width:40px;margin: auto;}
.kind_name2{width: 100%;text-align: center;;color: #fff;font-size: 12px;line-height: 20px;margin-top: 15px;position: relative;padding-right: 20px;font-family: "微软雅黑";}
.ra2{font-family: '宋体';position: absolute;display: block;right: 0px;top: 40%;transition: all 500ms;}
.picScroll-left .bd ul li:hover .title a{background:#b61911;transition: all 500ms; }
/*------------*/

/*能力*/
.team2{width: 100%;overflow: hidden;padding-bottom: 20px;}
.team21200{width: 100%;max-width: 1200px;margin: auto;}
.index_title2{width: 100%;text-align: center;font-size: 18px;overflow: hidden;padding:15px 10px;line-height: 20px;color: #000;}
.case2{width: 100%;overflow: hidden;background: #fff;}
.case2 li{width: 100%;float: left;overflow: hidden;position: relative;height:auto;margin-top: 5px;}
.case_title2{width: 100%;float: left;overflow: visible;background: #a9a9a9;color: #fff;padding:5px 10px;z-index: 2;height: 100%;position: relative;transition: all 500ms;}
.titlecn2{width:auto; display: inline-block; overflow: hidden;text-align: left;font-size: 20px;line-height: 20px;color: #fff;}
.titleen2{width:auto; display: inline-block; overflow: hidden;text-align: left;font-size: 14px;line-height: 18px;color:#fff;} 
.case_title2:before{content: '';width: 20px;height: 20px;overflow: hidden;position: absolute;right: -10px;top: 45%;transform: rotate(45deg);background: #a9a9a9;transition: all 500ms;z-index: -1;}
.ulpad2{width: 100%;float: left;position: relative;overflow: hidden;padding:20px;height: 100%;background: #f4f4f4;}
.businness2{width: 100%;height:auto;overflow: hidden;}
.businness2 li{width: 50%;overflow: hidden;line-height: 30px;height: 30px;}
.businness2 li a{display: block;width: 100%;line-height: 25px;height: 27px;text-align: center;border: 1px solid #000;font-size: 12px;color: #000;padding: 0px 5px;text-overflow: ellipsis;overflow: hidden;transition: all 500ms;}
.case2 li:hover .case_title2{transition: all 500ms;background:#d2170e; }
.case2 li:hover .case_title2:before{transition: all 500ms;background:#d2170e; }
.businness2 li a:hover{color: #fff;background:#d2170e;transition: all 500ms;border-color:#d2170e;}
.case2 li:nth-child(3) .case_title2,.case2 li:nth-child(4) .case_title2{float: right;}
.case2 li:nth-child(3) .case_title2:before,.case2 li:nth-child(4) .case_title2:before{left: -10px;}
.case2 li:nth-child(2n-1) .case_title2{background:#d2170e;}
.case2 li:nth-child(2n-1) .case_title2:before{background:#d2170e;}
.case2 li:nth-child(2n-1):hover .case_title2{transition: all 500ms;background:#a9a9a9; }
.case2 li:nth-child(2n-1):hover .case_title2:before{transition: all 500ms;background:#a9a9a9;}
.case2 li:nth-child(3) .titlecn2{width:auto; display: inline-block; overflow: visible;padding: 0px;padding: 0% 10px;}
.case2 li:nth-child(3) .titleen2{width:auto; display: inline-block; overflow: visible;padding: 0px;padding: 0% 10px;}
.case2 li:nth-child(3) .case_title2{height: 100%;padding: 0px;padding: 5px 0;}
.case2 li:nth-child(4) .businness2 li{width: 100%;height: auto;}
.case2 li:nth-child(4) .businness2 li a{height: auto;border: 0px;line-height: 20px;padding: 8px 0px;text-align: left;}
.case2 li:nth-child(4) .businness2 li a:hover{color: #fff;background:#f4f4f4;transition: all 500ms;border-color:#d2170e;color: #000;}
/*---*/

/*内页bannerbanne*/
/*banner*/
.banner_top1{padding-top: 110px;position: relative;overflow: hidden;}
.banfix_word2{overflow: hidden; position: absolute;width: 100%;top:0px;z-index: 2222;left: 0px;}
.banfix_descn{width: 80%;text-align: center;overflow: hidden;margin: auto;margin-top: 10px;color: #fff;font-size: 20px;line-height: 20px;}
.banfix_desen{width: 80%;text-align: center;overflow: hidden;margin: auto;margin-top: 5px;color: #fff;font-size:16px;line-height: 20px;}
.banfix_str{width: 50px;margin:auto;height: 2px;height: 2px;background: #fff;margin-top: 5px;}
/*--------/

/**/


/*国创观点*/
.page{width: 100%;overflow: hidden;padding-bottom: 20px;}
.location{width: 100%;overflow: hidden;border-bottom: 1px solid #d2d2d2;}
.location_ul{text-align: left; width: 100%;max-width: 1200px;margin: auto;padding: 0px 10px;}
.location_ul li{display: inline-block;line-height: 20px;overflow: hidden;padding: 10px 0px; font-size: 12px;}
.pad{padding: 0px 2px;}
.location_ul li.dq a{color: #8e0b05;}
.page1200{width: 100%;max-width: 1200px;margin: auto;padding: 0px 10px;}
.opinion_list{width: 100%;overflow: hidden;}
.opinion_list li{width: 49.5%;overflow: hidden;margin-right: 0%;float: left;border: 3px solid #eb2a21;margin-top: 20px;margin-right: 0.5;}
.opinion_list li:nth-child(3n){margin-right: 0px;}
.opinion_list li:nth-child(2n){margin-right: 0px;margin-left: 0.5%;}
.opinion_title{width: 100%;background: #eb2a21;color: #fff;margin: auto;text-align: center;overflow: hidden;line-height: 40px;font-size: 14px;text-overflow: ellipsis;}
.opinion_con{padding: 5%;width: 100%;overflow: hidden;}
.content{width: 100%;overflow: hidden;text-align: left;line-height: 18px;font-size: 12px;height: 126px;}
.more_detail{font-size: 12px;color: #fff;line-height: 20px;margin: auto;margin-top: 10px;border-radius: 10px;width: 100px;text-align: center;background: #eb2a21;transition: all 500ms;}
.more_detail:hover{transition: all 500ms;width: 120px;}
/*------*/

/*翻页*/
.flip{width: 100%;overflow: hidden;margin-top: 20px;}
.flip_page{width: 100%;text-align: center;overflow: hidden;}
.flip_page li{display: inline-block;overflow: hidden;padding: 3px;}
.flip_page li a{display: block;width:25px;height: 25px;overflow: hidden;color: #999;border: 1px solid #ebebeb;transition: all 500ms;font-size: 12px;line-height: 25px;}
.flip_page li:first-child a,.flip_page li:last-child a{font-family: "宋体";font-size: 16px;}
.flip_page li a:hover,.flip_page li.dq a{color: #fff;background:#fb000d;transition: all 500ms;border-color: #fb000d; }

/*---*/

/*经典案例*/
.example{width: 100%;overflow: hidden;}
.example li{width: 50%;margin-right:0%;overflow: hidden;margin-top:10px;float: left;padding: 2px;}
.example li:nth-child(3n){margin-right: 0px;}
.pad_con{padding: 5px;overflow: hidden;border: 1px solid #d2d2d2;transition: all 500ms;}
.eimg{width: 100%;overflow: hidden;}
.eimg img{width: 100%;transition: all 500ms;}
.moree{width: 100%;line-height: 35px;height: 35px;background: #d2251d;color: #fff;font-size: 14px;text-align: center;transition: all 500ms;}
.moree span{padding: 0px 5px;}
.moree:hover{color:#8e0b05;transition: all 500ms; }
.econ{width: 100%;line-height: 15px;height: 90px;overflow: hidden;color: #999;font-size: 12px;margin-top: 5px;transition: all 500ms;}
.example li:hover .eimg img{transition: all 500ms;transform: scale(1.2);}
.example li:hover .pad_con{border-color: #d2251d;transition: all 500ms;}
.example li:hover .econ{color:#d2251d;transition: all 500ms; }
/*------*/

/*专家二*/
.expert{width: 100%;margin-top: 20px;overflow: hidden;}
.expert li{width: 48%;float: left;border: 2px solid #9d9d9d;margin-right: 0%;overflow: hidden;padding: 5px;transition: all 500ms;margin:0 1%;margin-top: 10px;}
.expert li:nth-child(5n){margin-right: 0px;}
.name{width:100%;text-align: center;color: #000;font-size: 24px;line-height: 30px;height: 30px;overflow: hidden;}
.position{width: 100%;text-align: center;color: #ff0000;line-height: 15px;height: 45px; overflow: hidden; font-size: 12px;margin-top: 10px;}
.profile{width: 100%;margin-top: 10px;line-height:15px;font-size: 12px;color: #666;height: 90px;overflow: hidden;}
.morepro{width: 100px;line-height: 30px;height: 30px;text-align: center;color: #fff;font-size: 12px;background: #9d9d9d;margin: auto;margin-top: 20px;transition: all 500ms;}
.expert li:hover{border-color: #ff0000;transition: all 500ms;}
.expert li:hover .morepro{background: #ff0000;transition: all 500ms;}
/*----*/

/*新闻*/
/*二级导航*/
.pagesec{width: 100%;overflow: hidden;border-bottom: 1px solid #d2d2d2;}
.nav_sec{width: 100%;overflow: hidden;margin: auto;text-align: left;max-width: 1200px;margin: auto;line-height: 40px;height:auto;}
.nav_sec li{display:block;padding: 5px 5px;width: 33.33%;float: left;}
.nav_sec li a{display: block;padding: 0px 5px;line-height: 35px;width: 100%;text-align: center;border: 1px solid #d2d2d2;}
.nav_sec li a:hover,.nav_sec li.dq a{background: #eb2a21;color: #fff;transition: all 500ms;border-color:#eb2a21; }
/*------*/
.news_list{width: 100%;overflow: hidden;}
.news_list li{width: 100%;margin-top: 5px;border-bottom: 2px solid #f1f1f1;padding: 10px 0px;overflow: hidden;transition: all 500ms;}
.news_title{width: 100%;overflow: hidden;line-height: 30px;height: 30px;}
.titlel{width: 70%;float: left;text-align: left;font-size: 16px;color: #000;overflow: hidden;text-overflow: ellipsis;transition: all 500ms;}
.news_time{width: 30%;float: left;text-align: right;color: #000;line-height: 30px;}
.news_con{width: 100%;overflow: hidden;line-height: 20px;height: 60px;color: #999;margin-top: 5px;font-size: 14px;transition: all 500ms;}
.news_bottom{width: 100%;overflow: hidden;margin-top: 10px;}
.visit{float: left;line-height: 40px;height: 40px;font-size: 16px;color: #999;}
.visit img{width: 20px;margin-right: 10px;}
.more{width: 100px;line-height: 20px;height: 20px;background:#eb2a21;color: #fff;text-align: center;margin-top: 12px;float: left;margin-left: 30px;overflow: hidden;border-radius: 20px;font-size: 12px;transition: all 500ms; }
.news_list li:hover .titlel,.news_list li:hover .news_con{color:#eb2a21;transition: all 500ms; }
.news_list li:hover{border-color:#eb2a21; }
.more:hover{width: 120px;transition: all 500ms;}
/*====*/


/*联系我们*/
.contact2{width: 100%;overflow: hidden;margin-top: 10px;height:auto; }
.contactl{width: 100%;float: none;overflow: hidden;height: 250px;}
.maps{width: 100%;height: 100%;overflow: hidden;}
.maps iframe{width: 100%;height: 100%;}
.contactr{width: 100%;float:none;height: 100%;overflow: hidden;padding:20px 0px;}
.contacts{width: 100%;overflow: hidden;}
.contacts li{width: 100%;float: none;font-size: 14px;line-height: 18px;padding: 5px 0px;text-align: left;overflow: hidden;}
.contacts li:nth-child(5){width: 100%;}
.onlinetitle{width: 99%;margin: auto;line-height: 50px;height: 50px;overflow: hidden;border-bottom: 1px solid #d2d2d2;text-align: left;}
.red{font-size: 20px;color:#ff0b00;font-weight: 600;}
.en{font-size: 16px;color: #757575;}
.online{width: 100%;margin-top: 10px;overflow: hidden;}
.online_pad{width: 100%;margin: auto;overflow: hidden;padding: 0px;}
.online_pad textarea{width: 100%;line-height: 25px;height: 100px;padding: 10px 20px;overflow: hidden;font-size: 16px;}
.qq{width: 100%;margin-top: 10px;border: 1px solid #d2d2d2;line-height: 40px;height: 42px;position: relative;}
.qq_title{width: 75px;float: left;position: absolute;z-index: 2;left: 0px;top:0px;text-align: center;font-size: 14px;}
.qq input{width: 100%;height:100%;overflow: hidden;padding-left:75px;line-height: 40px;font-size: 14px;position: relative;}
.code{width: 100%;margin-top: 10px;overflow: hidden;}
.testify{width: 50%;float: left;position: relative;overflow: hidden;line-height: 40px;height: 40px;border: 1px solid #d2d2d2;}
.testify input{width: 100%;padding-left: 10px;line-height: 38px;overflow: hidden;position: relative;padding-right: 80px;outline: 0px;}
.codeimg{width: 80px;height:40px;position: absolute;top: -2px;right: 0px;overflow: hidden; }
.codeimg img{width: 100%;height: 100%;}
.code input[type=submit]{width: 45%;float: left;line-height: 40px;height: 40px;color: #fff;font-size: 16px;text-align: center;background:#d4002d;margin-left: 5%;}
/*====*/

/*业务范围*/
.pagel{width: 100%;float: left;overflow: hidden;padding-top: 10px;}
.kind_sec{width: 100%;overflow: hidden;}
.kind_sec li{width: 50%;overflow: hidden;border-bottom: 1px solid #fff;text-align: center;float: left;}
.kind_sec li a{color: #fff;display: block;width: 100%;padding: 10px 5px;line-height: 25px;font-size:12px;background:#eb2a21;transition: all 500ms;}
.kind_sec li:hover a,.kind_sec li.dq a{background:#8e0b05;transition: all 500ms;}
.pc_con{width: 100%;overflow: hidden;padding: 0px 20px;font-size: 12px;margin-top: 15px;display: none;}
.pc_con li{line-height:15px;padding: 5px 0px;overflow: hidden;text-align: left;}
.pager{width: 100%;float: none;padding:5px;overflow: hidden;}
	.pager img{width: auto; max-width: 100%;}
.onlinetitle2{width: 99%;margin: auto;line-height: 60px;height: 60px;overflow: hidden;border-bottom: 1px solid #d2d2d2;text-align: left;}
.pc_img{width: 100%;overflow: hidden;display: none;}
.pc_img img{width: 100%;}
.red2{font-size: 20px;color:#ff0b00;font-weight: 600;}
.en2{font-size: 16px;color: #757575;}
.yewucon{text-align: left;line-height: 25px;padding: 10px 10px;overflow: hidden;}
/*======*/
/*关于与我们*/
.company{width: 100%;overflow: hidden;line-height: 25px;font-size: 16px;padding: 50px 10px;}
.onlinetitle3{width: 99%;margin: auto;line-height: 60px;height: 60px;overflow: hidden;border-bottom: 1px solid #d2d2d2;text-align: left;}
.red3{font-size: 20px;color:#ff0b00;font-weight: 600;}
.en3{font-size: 18px;color: #757575;}
.about_img{width: 100%;text-align: center;}
.about_img img{width: auto;max-width: 100%;}
/*========*/

/*法律法规*/
.law_list{width: 100%;overflow: hidden;}
.law_list li{padding: 5px;overflow: hidden;float: left;width: 50%;margin-top: 10px;position: relative;}
.law_bg{width: 100%;text-align: center;overflow: hidden;}
.law_bg img{width: 100%;}
.law_name{width: 100%;overflow: hidden;position: absolute;top: 40px;left: 0px;overflow: hidden;padding: 0px 5px;transition: all 500ms;}
.laws{width: 100%;overflow: hidden;border-bottom: 3px solid rgba(0,0,0,1.00);}
.lawl{width: 5%;height: 96px;float: left;background:#e36467;overflow: hidden;}
.law_con{width:95%;float: left;overflow: hidden;text-align: center;background: #b6282d;padding: 15px 10px;color: #fff;font-size: 14px;line-height: 22px;height: 96px;}
.law_content{width: 100%;overflow: hidden;height: 100%;}
.law_list li:nth-child(3n) .lawl{background:#ffab48;}
.law_list li:nth-child(3n) .law_con{background:#de7600;}
.law_list li:nth-child(2n) .lawl{background:#64e3e0;}
.law_list li:nth-child(2n) .law_con{background:#28b6b0;}
.law_list li:nth-child(4n) .lawl{background:#af64e3;}
.law_list li:nth-child(4n) .law_con{background:#7a28b6;}
.law_list li:hover .law_name{transition: all 500ms;top: 29%;}

/*新闻详情页*/
.news_content{width: 100%;overflow: hidden;}
.spetitle{width: 90%;margin: auto;text-align: center;font-size: 16px;line-height: 22px;overflow: hidden;margin-top: 10px;color: #000;padding: 10px 0px;}
.visiter{width: 100%;text-align: center;}
.visiter li{display: block;width: 100%;line-height: 15px;overflow: hidden;padding: 5px 0px;}
.content_news{width: 100%;padding: 15px 10px;border: 1px solid #d2d2d2;border-left: 0px;border-right: 0px;line-height: 20px;overflow: hidden;}
.content_news img{width:auto;margin: auto;max-width: 95%;overflow: hidden;}
.updown{width: 100%;border-bottom: 1px solid #d2d2d2;overflow: hidden;margin-top: 0px;line-height: 50px;height: 50px;}
.updown li{width: 50%;float: left;overflow: hidden;text-overflow: ellipsis;line-height: 50px;padding-right: 20px;}

.page100{width: 100%;overflow: hidden;padding: 50px 10px;}
	

/* 智能手机（纵向和横向）--------------------------------------------------------------------------------------------------- */
}

















@media only screen 
and (min-width : 768px) 
and (max-width : 1440px) 
and (orientation : landscape) {




/* iPad（横向）--------------------------------------------------------------------------------------------------- */
}


@media only screen 
and (min-width : 768px) 
and (max-width : 1024px)  {
	
.back100{width: 100%;height: 100%;overflow: hidden;top: 0px;left: 0px;position: relative;}
.bg100{width: 100%;height: 100%;z-index: -1;position: fixed;top: 0px;text-align: center;}
.logo_alph{width: 100%;overflow: hidden;position: absolute;z-index:2;height: 30%;top: 20%;left: 8%;transition: all 500ms;text-align: left;padding-top: 0px;}
.alph1{position: relative;overflow: hidden;width: 16%;opacity: 1;transition: all 500ms;z-index: 2;width: 25%;max-width: 310px;}
.alph1s{opacity: 0;transition: all 500ms;}
.alph1 img{width: 100%;}
.alph3 img{width: 95%;}
.alph3{position: absolute;top: 15%;left: 0px;overflow: hidden;opacity: 0;transition: all 500ms;z-index: 1;width: 23%;max-width: 310px;}
.alph3s{opacity: 1;transition: all 500ms;z-index: 6;}
.logo_bravo{width: 100%;position: absolute;top: 35%;left: 0px;text-align: center;}
.bravo1 img{width: 18%;margin: auto;padding-left: 3%;padding-top: 5%;width: 25%;max-width: 310px;}
.bravo2 img{width: 16%;width: 25%;max-width: 310px;}
.bravo3 img{width: 16%;width: 25%;max-width: 310px;}
.bravo1{text-align: center;z-index: 2;}
.bravo2{position: absolute;left:0%;top:0px;width: 100%;padding-left: 5%;opacity: 0;transition: all 500ms;}
.bravo3{position: absolute;left: 0%;top:-0px;z-index: 2;width: 100%;padding-left: 5%;opacity: 0;transition: all 500ms;}
.bravo2s{opacity: 1;transition: all 500ms;z-index: 6;}
.bravo1s{opacity: 0;transition: all 500ms;}
.bravo3s{opacity: 1;transition: all 500ms;z-index: 6;}
.logo_child{width: 100%;overflow: hidden;position: absolute;z-index: 222;height: 30%;bottom:14%;right:5%;transition: all 500ms;}
.child1{opacity: 1;transition: all 500ms;width: 25%;z-index: 6;float: right;position: relative;width: 25%;max-width: 310px;}
.child1 img{width: 100%;}
.child3 img{width: 95%;}
.child3{position: absolute;top: 14%;right: 0px;overflow: hidden;opacity: 0; transition: all 500ms;width: 16%;z-index: -1;width: 23%;max-width: 310px;}
.child1s{opacity: 0;transition: all 500ms;}
.child3s{opacity: 1;transition: all 500ms;z-index: 7;}

.banner_top{padding-top: 110px;position: relative;overflow: hidden;}
.banfix_word{overflow: hidden; position: absolute;width: 100%;top:0px;z-index: 2222;left: 0px;}
.banfix_des{width: 80%;font-family:Constantia;text-align: center;overflow: hidden;margin: auto;margin-top: 7%;color: #fff;font-size: 40px;line-height: 40px;}
.banfix_des2{width: 80%;text-align: center;overflow: hidden;margin: auto;margin-top: 20px;color: #fff;font-size: 20px;line-height: 30px;}
.businness2 li{width: 100%;overflow: hidden;line-height: 38px;height: 38px;float: left;padding: 0px 5px;}
.law_con{width:95%;float: left;overflow: hidden;text-align: center;background: #b6282d;padding: 15px 10px;color: #fff;font-size: 16px;line-height: 22px;height: 96px;}
	
.banfix_descn{width: 80%;font-family:Constantia;text-align: center;overflow: hidden;margin: auto;margin-top: 7%;color: #fff;font-size: 30px;line-height: 30px;}
.banfix_desen{width: 80%;text-align: center;overflow: hidden;margin: auto;margin-top: 5px;color: #fff;font-size:18px;line-height: 20px;}
.banfix_str{width: 50px;margin:auto;height: 2px;height: 2px;background: #fff;margin-top: 10px;}
.morepro{width: 100px;line-height: 30px;height: 30px;text-align: center;color: #fff;font-size: 16px;background: #9d9d9d;margin: auto;margin-top: 20px;transition: all 500ms;}	
.titlecn2{width: 100%;overflow: hidden;text-align: left;font-size: 30px;line-height: 47px;color: #fff;}
.titleen2{width: 100%;overflow: hidden;text-align: left;font-size: 20px;line-height: 34px;color: #fff;margin-top: 15px;}
.titlecn{width: 100%;overflow: hidden;text-align: left;font-size: 30px;line-height: 47px;color: #fff;}
.titleen{width: 100%;overflow: hidden;text-align: left;font-size: 20px;line-height: 34px;color: #fff;margin-top: 15px;}

/* iPads（纵向） --------------------------------------------------------------------------------------------------- */
}

@media only screen 
and (min-width : 1024px) 
and (max-width : 1200px) {
/*banner*/
.banner_top{padding-top: 110px;position: relative;overflow: hidden;}
.banfix_word{overflow: hidden; position: absolute;width: 100%;top:0px;z-index: 2222;left: 0px;}
.banfix_des{width: 80%;font-family:Constantia;text-align: center;overflow: hidden;margin: auto;margin-top: 7%;color: #fff;font-size: 40px;line-height: 40px;}
.banfix_des2{width: 80%;text-align: center;overflow: hidden;margin: auto;margin-top: 20px;color: #fff;font-size: 20px;line-height: 30px;}

	
.back100{width: 100%;height: 100%;overflow: hidden;top: 0px;left: 0px;position: relative;}
.bg100{width: 100%;height: 100%;z-index: -1;position: fixed;top: 0px;text-align: center;}
.logo_alph{width: 100%;overflow: hidden;position: absolute;z-index:2;height: 30%;top: 20%;left: 8%;transition: all 500ms;text-align: left;padding-top: 0px;}
.alph1{position: relative;overflow: hidden;width: 16%;opacity: 1;transition: all 500ms;z-index: 2;width: 23%;max-width: 310px;}
.alph1s{opacity: 0;transition: all 500ms;}
.alph1 img{width: 100%;}
.alph3 img{width: 95%;}
.alph3{position: absolute;top: 15%;left: 0px;overflow: hidden;opacity: 0;transition: all 500ms;z-index: 1;width: 23%;max-width: 310px;}
.alph3s{opacity: 1;transition: all 500ms;z-index: 6;}
.logo_bravo{width: 100%;position: absolute;top: 35%;left: 0px;text-align: center;}
.bravo1 img{width: 18%;margin: auto;padding-left: 3%;padding-top: 5%;width: 23%;max-width: 310px;}
.bravo2 img{width: 16%;width: 23%;max-width: 310px;}
.bravo3 img{width: 16%;width: 23%;max-width: 310px;}
.bravo1{text-align: center;z-index: 2;padding-top: 3%;}
.bravo2{position: absolute;left:0%;top:0px;width: 100%;padding-left: 5%;opacity: 0;transition: all 500ms;}
.bravo3{position: absolute;left: 0%;top:-0px;z-index: 2;width: 100%;padding-left: 5%;opacity: 0;transition: all 500ms;}
.bravo2s{opacity: 1;transition: all 500ms;z-index: 6;}
.bravo1s{opacity: 0;transition: all 500ms;}
.bravo3s{opacity: 1;transition: all 500ms;z-index: 6;}
.logo_child{width: 100%;overflow: hidden;position: absolute;z-index: 222;height: 30%;bottom:14%;right:5%;transition: all 500ms;}
.child1{opacity: 1;transition: all 500ms;width: 23%;z-index: 6;float: right;position: relative;width: 23%;max-width: 310px;}
.child1 img{width: 100%;}
.child3 img{width: 95%;}
.child3{position: absolute;top: 14%;right: 0px;overflow: hidden;opacity: 0; transition: all 500ms;width: 16%;z-index: -1;width: 23%;max-width: 310px;}
.child1s{opacity: 0;transition: all 500ms;}
.child3s{opacity: 1;transition: all 500ms;z-index: 7;}

	
/*--------/

/* 台式机和笔记本电脑 --------------------------------------------------------------------------------------------------- */
}



@media only screen 
and (min-width : 1201px) 
and (max-width : 1440px) {
/*banner*/
.banner_top{padding-top: 110px;position: relative;overflow: hidden;}
.banfix_word{overflow: hidden; position: absolute;width: 100%;top:0px;z-index: 2222;left: 0px;}
.banfix_des{width: 80%;font-family:Constantia;text-align: center;overflow: hidden;margin: auto;margin-top: 7%;color: #fff;font-size: 40px;line-height: 40px;}
.banfix_des2{width: 80%;text-align: center;overflow: hidden;margin: auto;margin-top: 20px;color: #fff;font-size: 20px;line-height: 30px;}

	
.back100{width: 100%;height: 100%;overflow: hidden;top: 0px;left: 0px;position: relative;}
.bg100{width: 100%;height: 100%;z-index: -1;position: fixed;top: 0px;text-align: center;}
.logo_alph{width: 100%;overflow: hidden;position: absolute;z-index:2;height: 30%;top: 20%;left: 8%;transition: all 500ms;text-align: left;padding-top: 0px;}
.alph1{position: relative;overflow: hidden;width: 16%;opacity: 1;transition: all 500ms;z-index: 2;width: 22%;max-width: 310px;}
.alph1s{opacity: 0;transition: all 500ms;}
.alph1 img{width: 100%;}
.alph3 img{width: 95%;}
.alph3{position: absolute;top: 15%;left: 0px;overflow: hidden;opacity: 0;transition: all 500ms;z-index: 1;width: 21%;max-width: 310px;}
.alph3s{opacity: 1;transition: all 500ms;z-index: 6;}
.logo_bravo{width: 100%;position: absolute;top: 35%;left: 0px;text-align: center;}
.bravo1 img{width: 18%;margin: auto;padding-left: 3%;padding-top: 5%;width: 23%;max-width: 310px;}
.bravo2 img{width: 16%;width: 21%;max-width: 310px;}
.bravo3 img{width: 16%;width: 21%;max-width: 310px;}
.bravo1{text-align: center;z-index: 2;padding-top: 1%;}
.bravo2{position: absolute;left:0%;top:0px;width: 100%;padding-left: 5%;opacity: 0;transition: all 500ms;}
.bravo3{position: absolute;left: 0%;top:-0px;z-index: 2;width: 100%;padding-left: 5%;opacity: 0;transition: all 500ms;}
.bravo2s{opacity: 1;transition: all 500ms;z-index: 6;}
.bravo1s{opacity: 0;transition: all 500ms;}
.bravo3s{opacity: 1;transition: all 500ms;z-index: 6;}
.logo_child{width: 100%;overflow: hidden;position: absolute;z-index: 222;height: 30%;bottom:14%;right:5%;transition: all 500ms;}
.child1{opacity: 1;transition: all 500ms;width: 25%;z-index: 6;float: right;position: relative;width: 22%;max-width: 310px;}
.child1 img{width: 100%;}
.child3 img{width: 95%;}
.child3{position: absolute;top: 14%;right: 0px;overflow: hidden;opacity: 0; transition: all 500ms;width: 16%;z-index: -1;width: 21%;max-width: 310px;}
.child1s{opacity: 0;transition: all 500ms;}
.child3s{opacity: 1;transition: all 500ms;z-index: 7;}

/*--------/

/* 台式机和笔记本电脑 --------------------------------------------------------------------------------------------------- */
}
@media only screen 
and (min-width : 1441px) 
and (max-width : 1440px) {
}