@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {
.contact_main1{background: #fff;padding: 10px 0 10px;}
 #header {
    width: 100%;
  }
  #header .container {
    width: 100%;
    display: block;
  }
  #header .container .pc-header {
    display: none;
  }
  #header .container .phone-header {
    height: auto;
    width: 100%;
    display: block;
  }
  #header .container .phone-header .phone-header-top {
    background: white;
    height: 60px;
    z-index: 55;
    position: fixed;
    width: 100%;
  }
  #header .container .phone-header .phone-header-top .phone-logo {
    padding-left: 15px;
    width: 150px;
    margin-top: 8px;
    float: left;
  }
  #header .container .phone-header .phone-header-top .phone-logo img {
    width: 98%;
  }
  #header .container .phone-header .phone-header-top .phone-en-ch {
    margin-right: 15px;
    margin-top: 18px;
    float: right;
  }
  #header .container .phone-header .phone-header-top .phone-en-ch a {
    text-decoration: none;
    text-align: center;
    line-height: 23px;
    color: #4c4c4c;
    font-size: 16px;
  }
  #header .container .phone-header .phone-header-top .phone-en-ch a:hover {
    color: #FF0000;
  }
  #header .container .phone-header .phone-header-top .across {
    padding-right: 15px;
    cursor: pointer;
    margin-top: 16px;
    float: right;
    background: white;
	position: absolute; right: 10px; z-index: 199;
  }
  #header .container .phone-header .phone-header-top .across span {
    transition: all 300ms ease 0s;
    display: block;
    width: 34px;
    height: 25px;
    background: url(../images/index_map.png) no-repeat -3px -2px;
  }
  #header .container .phone-header .phone-header-top .across-hover {
    transition: all 300ms ease 0s;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);/* Firefox 4 */
    -webkit-transform: rotate(-90deg);/* Safari and Chrome */
    -o-transform: rotate(-90deg);/* Opera */
  }
  #header .container .phone-header .phone-header-top #phone-nav {
    padding: 25px 0;
    display: none;
    z-index: 99;
    position: fixed;
    width: 100%;
    height: 100%;
    background: white;
  }
  #header .container .phone-header .phone-header-top #phone-nav a {
    transition: all 0.5s ease 0s;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 17px;
    color: #4C4C4C;
  }
  #header .container .phone-header .phone-header-top #phone-nav a:hover {
    color: #FF0000;
    transition: all 0.5s ease 0s;
  }	
	

	#pc-banner {
    display: none;
  }

	#phone-benner{margin-top: 60px;display: block;}
 #phone-benner {
    margin-top: 60px;
    display: block;
  }
  #phone-benner .block_home_slider {
    list-style-type: none;
    position: relative;
    border-radius: 3px;
    text-align: center;
    line-height: 0px;
    margin-right: auto;
    margin-left: auto;
  }
  #phone-benner .block_home_slider .slide {
    list-style-type: none;
    position: relative;
  }
  #phone-benner .block_home_slider .slide img {
    width: 100%;
    display: block;
  }
  #phone-benner .block_home_slider li {
    list-style-type: none;
  }
  #phone-benner .block_home_slider .flex-control-paging {
    list-style-type: none;
    display: inline-block;
    position: absolute;
    top: 90%;
    left: 45.3%;
  }
  #phone-benner .block_home_slider .flex-control-paging li {
    margin: 0px;
    padding: 0px;
    float: left;
    overflow: hidden;
    list-style-type: none;
  }
  #phone-benner .block_home_slider .flex-control-paging li a {
    margin: 0 7px;
    width: 16px;
    height: 16px;
    display: block;
    background-repeat: no-repeat;
    background: url(../images/sprite_nav_4.png);
    text-indent: -9000px;
    cursor: pointer;
  }
  #phone-benner .block_home_slider .flex-control-paging li .flex-active {
    background-position: right top;
  }
  #phone-benner .block_home_slider .flex-direction-nav a {
    list-style-type: none;
    width: 25px;
    height: 25px;
    margin-top: -27px;
    display: block;
    position: absolute;
    top: 50%;
    background-repeat: no-repeat;
    text-indent: -9000px;
  }
  #phone-benner .block_home_slider .flex-control-paging {
    list-style-type: none;
    display: inline-block;
    position: absolute;
    top: 90%;
    left: 45.3%;
  }
	
	
	
	
  #business {
    padding-bottom: 10px;
    width: 100%;
	  background: #fff;
  }
  #business .business-top {
    width: 100%;
  }
  #business .business-top .title {
    padding-top: 20px;
    margin: 0 auto;
    text-align: center;
    font-size: 24px;
    color: #4c4c4c;
    border-bottom: 1px solid #ccc;
    width: 312px;
  }
  #business .business-top .wire {
    display: block;
    margin: 0 auto;
    width: 95px;
    border-bottom: 2px solid #808080;
    font-style: normal;
    padding-bottom: 17px;
  }
  #business .business-top .hint {
    padding: 0 15px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    color: #999;
    font-size: 12px;
    line-height: 24px;
  }
  #business .business-bottom {
    padding: 0 15px;
  }
  #business .business-bottom .business-benner {
    display: none;
  }
  #business .business-bottom .phone-business {
    padding: 0;
    display: block;
	 background: #fff;
  }
  #business .business-bottom .phone-business a {
    width: 50%;
    padding: 0;
    text-decoration: none;
    margin: 10px auto 10px;
  }
  #business .business-bottom .phone-business a .a-img img {
    display: block;
    margin: 0 auto;
  }
  #business .business-bottom .phone-business a .a-title {
    padding-top: 10px;
    display: block;
    text-align: center;
    color: #4c4c4c;
    font-size: 14px;
  }
	
	
	
	
#product-kernel {
    background: #f7f7f7;
  }
  #product-kernel .container {
    width: 100%;
    padding: 0 15px;
  }
  #product-kernel .container .product-kernel-model .product-kernel-bottom .product-kernel-list {
    display: none;
  }
  #product-kernel .container .product-kernel-model .product-kernel-bottom .product-kernel-list .title {
    width: 100%;
    margin: 30px auto 20px;
    text-align: center;
    font-size: 12px;
    color: #999;
    line-height: 24px;
  }
  #product-kernel .container .product-kernel-model .product-kernel-bottom .product-kernel-list .tab-list {
    display: none;
  }
  #product-kernel .container .product-kernel-model .product-kernel-bottom .product-kernel-list .product-phone {
    padding: 0;
    display: block;
  }
  #product-kernel .container .product-kernel-model .product-kernel-bottom .product-kernel-list .product-phone .recru-list {
    margin-bottom: 15px;
    text-decoration: none;
  }
  #product-kernel .container .product-kernel-model .product-kernel-bottom .product-kernel-list .product-phone .recru-list img {
    width: 100%;
  }
  #product-kernel .container .product-kernel-model .product-kernel-bottom .product-kernel-list .product-phone .recru-list p {
    width: 100%;
    text-align: center;
    padding: 0px 0;
    font-size: 12px;
    color: #4c4c4c;
    margin-bottom: 10px;
	  height: 30px; line-height: 30px; overflow: hidden;
  }
  #product-kernel .container .product-kernel-model .product-kernel-bottom .product-kernel-list .product-phone .recru-list span {
    transition: all 0.5s ease 0s;
    text-align: center;
    margin: 0 auto 10px;
    width: 80px;
    display: block;
    border: 1px solid #ccc;
    padding: 3px 15px;
    color: #acacac;
    font-style: normal;
  }
  #product-kernel .container .product-kernel-model .product-kernel-bottom .product-kernel-list .aimg {
    margin: 30px auto;
    display: block;
  }
  #product-kernel .container .product-kernel-model .product-kernel-bottom .product-kernel-list .aimg img {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
	
	
	
#home-news .news-top .hint {
  width: 100%;
  margin: 0 auto 30px;
  text-align: center;
  padding-top: 30px;
  color: #999;
  font-size: 12px;
  line-height: 24px;
}
	
	
#home-news .news-bottom .container .news-list .news-cont {
  width: 100%;
  display: block;
  margin-top: 18px;
	margin-bottom: 10px;
	
}
#home-news .news-bottom .container .news-list .news-cont .news-list-img {
  padding: 0;
}
#home-news .news-bottom .container .news-list .news-cont .news-list-img img {
  width: 100%;
  height:auto;
}
#home-news .news-bottom .container .news-list .news-cont .news-list-content {
  width: 67%;
  padding: 0 0 0 10px;
}
#home-news .news-bottom .container .news-list .news-cont .news-list-content .news-list-top {
  width: 100%;
}
#home-news .news-bottom .container .news-list .news-cont .news-list-content .news-list-top .title {
  outline: none;
  width: 70%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #5b5b5b;
  font-size: 16px;
}
#home-news .news-bottom .container .news-list .news-cont .news-list-content .news-list-top .title:hover {
  color: #FF0000;
}
#home-news .news-bottom .container .news-list .news-cont .news-list-content .news-list-top .time {
  padding-top: 2px;
  display: inline-block;
  color: #999999;
  font-size: 14px;
  float: right;
}
#home-news .news-bottom .container .news-list .news-cont .news-list-content .content {
  margin: 0;
  padding-top: 5px;
  color: #888888;
  font-size: 12px;
  line-height: 20px;
height: 45px; overflow: hidden;
}
#home-news .news-bottom .container .news-list .news-cont .news-list-content .more {
  outline: none;
  padding: 3px 15px;
  border-radius: 20px;
  margin-top: 9px;
  text-decoration: none;
  color: #aeaeae;
  font-size: 12px;
  text-align: center;
  display: block;
  float: right;
  border: 1px solid #aeaeae;
}
#home-news .news-bottom .container .news-list .news-cont .news-list-content .more:hover {
  color: #f00;
  border: 1px solid #f00;
}
	
.footer_top{padding:20px 0 15px;}
	.footer_bom_x{width: 100%; max-width: 1200px; margin: 0px auto; position: relative;text-align: center; height: auto; }
.footer_bom_x_img{position: absolute; left: 0px; top: 0px;display: none;}

.foot_t_l{ padding:0px 10px;}
.foot_t_l dd{font-size: 14px; color:#666;margin-bottom: 20px;}
.foot_t_l dt{font-size: 30px; color:#82c3e5;margin-bottom: 20px;font-family: Myriad Pro;}
.foot_t_r{ display: none;}
	
.weizi{margin-top: 60px;background: #525252;padding: 20px 0px; z-index: 9;}
.weizi dd{float:left;font-size: 12px;color:#999999;}
.weizi dd i{font-size: 20px;padding-right: 10px; margin-left: 5px;}
.weizi dd a{;padding-right: 10px;color:#fff;}
.weizi dd a:hover{color:#999;}
	
.neww_main{background:#fff;width: 100%;padding:20px 10px 0 10px;text-align: center;}
.neww_main h2{color:#333;font-size: 16px; line-height: 22px; margin-bottom: 10px; float: none;}
.neww_main .neww_main_time{color:#333;font-size: 14px;padding-bottom: 10px;overflow: hidden;border-bottom: 1px solid #f4f4f4;}
.neww_main .neww_main_in{overflow: hidden;zoom:1;padding: 10px 0 10px; text-align: left;}
	.neww_main .neww_main_in img{width: 100%;}
.shangxia1{margin:0;border-bottom:1px solid #f4f4f4;border-top:1px solid #f4f4f4; }
.neww_main_1{background:#fff;padding:0 10px 10px;margin-bottom: 10px;}
.neww_main_1 h4{font-size: 16px;color:#555;margin: 14px 0 14px;}
.neww_main_1 ul{}
.neww_main_1 ul li{float: left;width: 100%;}
.neww_main_1 ul li a{display: inline-block;width:90%;border-bottom: 1px solid #f4f4f4;padding: 7px 0;}
.neww_main_1 ul li a:hover{color:#1165be;}

.neww_main .nav{float: right; width: 100%;}
.neww_main .nav a{background: #ccc; margin: 0px 5px 5px 0px; color: #333; padding: 5px 10px; float: left;}
.neww_main .nav a.click{ background: #244d96; color: #fff;}
.clear{clear: both;}
	
	
.neww_mainxxx{background:#fff;width: 100%;padding:20px 10px 20px 10px;text-align: center;border-bottom: 1px solid #ccc;}
.neww_mainxxx .nav{float: left; text-align: left;}
.neww_mainxxx .nav a{background: #ccc; margin: 0px 5px 10px 5px; color: #333; padding: 5px 10px; display: inline-block;}
.neww_mainxxx .nav a.click{ background: #244d96; color: #fff;}

.pro_left1{background: #fff;padding:0 20px;width:26%;overflow: hidden; display: none;}
.pro_left1 dt{padding: 36px 0 30px;font-size: 20px;color:#666;}
.pro_left1 dd{margin-bottom: 20px;}
.pro_left1 dd a{display:inline-block;}
.pro_left1 dd a:hover{background: #004f99;}
.pro_left1 dd a:hover .pro_l_dd_r{color:#fff;}
.pro_left1 .pro_l_dd_l{width:100px;margin-right: 8px;}
.pro_left1 .pro_l_dd_l img{width:100%;}
.pro_left1 .pro_l_dd_r{color:#666;font-size: 12px;line-height: 30px;overflow: hidden;zoom:1;max-height: 60px;margin-top: 3px;}
	
	
.pro_list1_1{margin-left: 0;margin-right:0%;width: 100%;background-color: transparent;}
.pro_list1_1 a{padding: 10px 0;}
.pro_list1_1 a:hover .pro_list_r h4{color:#004f99;}
.pro_list1_1 a:hover .pro_list_r p{color:#666;}

.pro_list1_1 .pro_list_r{width:70%;}
.pro_list1_1 .pro_list_r h4{margin: 0px 0 20px;font-size: 14px;font-weight: 100;color:#333;}
.pro_list1_1 .pro_list_r p{ display: none;}
.pro_list1_1 .pro_list_r .gengduo{padding: 13px 20px;color:#fff;margin-top:20px;border-radius: 5px;border: 1px solid #999;background: #999; display: none;}
.pro_list1_1 .pro_list_r .gengduo i{color:#fff;padding-left: 20px;}

	

.pro_list_l{width:30%; padding-left: 10px;}
.pro_list_l img{width: 100%;}
.pro_list_r{width:70%;padding-left: 10px;overflow: hidden;zoom:1;}
.pro_list_r h4{font-size: 22px;color:#004f99;margin: 22px 0 6px;overflow: hidden;white-space: normal;text-overflow: ellipsis;transition: all ease .3s; font-weight: 100;}
.pro_list_r p{font-size: 12px;color:#666666;line-height: 28px;max-height: 84px;overflow: hidden;transition: all ease .3s;}
.pro_list_r .gengduo{font-size: 12px;color:#333;background-color: #eee;padding: 7px 28px;display: inline-block;margin-top: 25px;transition: all ease .3s;}
.pro_list_r .gengduo i{font-size: 12px;color:#333;padding-left: 17px;display: inline-block;transition: all ease .3s;}

.pro_list1{width:100%;min-height: 300px;margin-left: 3%;background: #fff;}
.pro_list1 .pro_list_li{padding:0 6px; }
.pro_list1 .pro_list_li a{padding: 7px 0;font-size: 14px;color:#333;border-bottom: 1px solid #ebe7e9;width: 100%;display: inline-block;transition: all ease .3s;}
.pro_list1 .pro_list_li span{font-size: 14px;color:#333;display: inline-block;padding:0 10px;transition: all ease .3s;}
.pro_list1 .teli{font-size: 30px; color:#333;padding: 35px 0 30px 24px;border-bottom: 1px solid #ebe7e9;}
.pro_list1 .pro_list_li a p{width:85%;float: left;overflow: hidden;zoom:1;text-overflow: ellipsis;white-space: nowrap;transition: all ease .3s;}
.pro_list1 .pro_list_li a:hover{color:#004f99;}
.pro_list1 .pro_list_li a:hover span{color:#fff;background: #004f99;}


/**  new_fenye **/
.fanye{width:100%;}
.fanye .pagination {text-align: center;height: 40px;width:100%;margin: 10px 0;}
.fanye .pagination li{ display: inline-block;height: 40px;margin-right: 5px;}
.fanye .pagination>.active>a, .fanye .pagination>.active>span, .fanye .pagination>.active>a:hover, .fanye .pagination>.active>span:hover, .fanye .pagination>.active>a:focus, .fanye .pagination>.active>span:focus {
background-color: #69c;border-color: #69c;color: #FFF;}
.fanye .pagination>li.thisclass a, .fanye .pagination>li>a:hover, .fanye .pagination>li>span:hover, .fanye .pagination>li>a:focus, .fanye .pagination>li>span:focus {color: #fff;background-color: #014f99;border-color: #014f99;}
.fanye .pagination>li>a, .fanye .pagination>li>span {color: #666;border-color: #ededed;font-size: 14px}
	.pagination-lg > li > a, .pagination-lg > li > span{padding: 3px 6px;}
	

	
.product_main{background: #f4f4f4;padding: 30px 0 50px;}
.pro_left{width:100%;}

.inner1_right{background:#004f99;height:100%;}
.pro_title{color:#fff;font-size: 24px;padding:28px 0 28px 47px;}
.pro_left .ul11{margin-left: 10px;background: #fff;margin-bottom: 10px;}
.pro_left .ul11 .li11{}
.pro_left .ul11 .li11>a{padding: 10px 0 10px 20px;display: inline-block;border: 1px solid #e8e8e8;width:100%;color:#666;font-size: 16px;}
.pro_left .ul11 .li11 a:hover{color:#004f99;}
.pro_left .ul11 .li11 a.active{color:#004f99;}
.pro_left .ul11 .li11 .zt{color:#004f99;}
.ul2_22{margin-left: 40px;display: none;}
.ul2_22 li{}
.ul2_22 li a{display: inline-block;padding: 30px 0 25px 40px;width:100%;border: 1px solid #e8e8e8;color:#666;font-size: 14px;}
.ul2_33{display: block;}


.fangan_main_list{margin-bottom: 20px;background: #fff;}
.fangan_main_list .fangan_img{width:100%;}
.fangan_main_list .fangan_img img{width:100%;}
.fangan_main_list .fangan_t{width:100%;padding-left: 10px; padding-bottom: 20px; text-align: left;}
.fangan_main_list .fangan_t h4{margin-top:25px;color:#333;font-size: 18px;padding: 20px 0;}
.fangan_main_list .fangan_t p{color:#777;font-size: 14px;line-height: 26px;max-height: 52px;overflow: hidden;zoom:1;}
.fangan_main_list .fangan_t a{font-size: 14px;color:#fff;background: linear-gradient(to right,  #8bdbe5, #81c1e5);padding: 13px 30px;display: inline-block;margin-top: 23px;transition: all ease .3s;}
.fangan_main_list .swiper-container .fangan_t a:hover{transform: translateX(10px)}
.fangan_main_list .fangan_t a i{padding-left:22px;}
.fangan_main_list  .fangan_t a:hover{transform: translateX(10px)}

	
	
.recrui_list{margin-top: 20px;width:100%;overflow: hidden; }
.recrui_list table{width:100%;}

.recrui_list table th{background: #525252;line-height: 40px;text-align: center;font-size: 12px;color:#fff;}
.recrui_list table td{background-color:transparent;line-height: 40px;text-align: center;color:#666;font-size: 12px;}
.recrui_list table tr{border-bottom:1px #ccc solid;}
.recrui_list table tr:hover{background-color: #fff;}
.recrui_list table tr:hover a{background-color: #005091;}

.recrui_list table .recrui_th1{padding-left: 5px;text-align: left;}
.recrui_list table .recrui_th2{padding-right: 5px;text-align: right;width: 79px;}

.recrui_list table a{display: inline-block;text-align: center;padding: 2px 2px;background: #999;color:#fff;line-height: 14px;margin:0;}
.recrui_list table .a_wai{margin: 2px 2px 2px 0;}
.recrui_list table td.recrui_th2{text-align:right;padding-right: 0;}

	
.recrui_t_b{font-size: 12px;color:#999;line-height:22px;overflow: hidden;zoom:1; margin-bottom: 20px;}
	
	
	
.pro_index .part_1 li .textbox,.pro_index .part_1 li .contbox{float: none;width: 100%;}
	.pro_index .part_1 li .textbox{height: auto!important;border-bottom: 1px solid #fff;padding: 15px 10px;}
	.pro_index .part_1 li .textbox h4{margin-bottom: 12px;}
	.pro_index .part_1 li .hidden .rightbox a{border: none;display: block;}
	
.pro_index .part_1 li .contbox dl{width: 50%;float: left;}
.pro_index .part_1 li .contbox dl:nth-child(3n+1){clear: none;}
.pro_index .part_1 li .contbox .dlbox{display: block;border: 1px solid #fff;border-top: none;background: #f1f3f5;position: relative;}
.pro_index .part_1 li .contbox .dlbox:hover{background: #fff;}
.pro_index .part_1 li img{width: 100%;height: 100%;-webkit-transition:all 1s; 
-moz-transition:all 1s; 
-o-transition:all 1s;}
.pro_index .part_1 li .contbox .dlbox:hover img{-webkit-transform:scale(1.1) rotate(0deg); 
-moz-transform:scale(1.1) rotate(0deg); 
-o-transform:scale(1.1) rotate(0deg);}
	
	
	
#intro1{float:right;width:100%;overflow:hidden;margin-left: 0%; padding: 20px 10px;}
	
	
	
.pro_inner1 .i_p_ul2{margin: 20px 0px 30px; padding: 0px 10px; width: 100%;}
.pro_inner1 .i_p_ul2 li{display: none;} 
.pro_inner1 .i_p_ul2 li dd{font-size: 14px;color:#666;line-height: 35px;} 
.pro_inner1 .i_p_ul2 li:first-child{display: block;} 

.content_form_{}
.footer_table_{width: 96%;font-size: 12px;color:#fff;margin: 0 auto;}
.footer_table_ tr th{font-size: 14px;color:#fff;}
.footer_table_ input{width:100%;border:1px solid #fff;background-color:#f4f4f4;color:#000;padding: 10px;}
.footer_table_ textarea{padding:10px;width:100%;border:1px solid #fff;background-color:#f4f4f4;resize: none;color:#000;appearance: none;}
.footer_table_ tr td{margin: 3px 0;display: block;}
.footer_table_ input:hover,.footer_table_ textarea:hover{background-color:#005091;color:#fff;}
.footer_table_ input:active{border:1px solid #1165be;outline:none}

.footer_table_ input:hover:-moz-placeholder{color:#fff;}
.footer_table_ input:hover::-webkit-input-placeholder{color:#fff;}
.footer_table_ input:hover::-moz-placeholder{color:#fff;}
.footer_table_ input:hover:-ms-input-placeholder{color:#fff;}

.footer_table_ textarea:hover:-moz-placeholder{color:#fff;}
.footer_table_ textarea:hover::-webkit-input-placeholder{color:#fff;}
.footer_table_ textarea:hover::-moz-placeholder{color:#fff;}
.footer_table_ textarea:hover:-ms-input-placeholder{color:#fff;}

	
.footer_table_  .footer_sub{width:auto;text-align: center;color:#fff; background:#1165be; float: left;}
.footer_table_  .footer_sub:hover{background:#004287;color:#fff;}
	
	
	
.fangan_1{margin: 35px 0 35px;}
.fangan_1_img{width: 73px;height: 62px;background: url(../images/gongju1.png) bottom center no-repeat; background-size: 100%; margin:0 auto;transition:all ease .3s;}
.fangan_1_img1{width: 73px;height: 62px;background: url(../images/gongju.png) bottom center no-repeat;background-size: 100%;margin:0 auto;transition:all ease .3s;}
.fangan_1_img2{width: 73px;height: 62px;background: url(../images/gongju2.png) bottom center no-repeat;background-size: 100%;margin:0 auto;transition:all ease .3s;}
a.fangan_1_list{display:block;text-align: center;background: #fff;padding: 30px 0;}
a.fangan_1_list p{text-align: center;margin-top: 30px;color:#555;font-size: 16px;}	
	
	
	a.fangan_1_list:hover .fangan_1_img{background: url(../images/gongju1.png) top center no-repeat; background-size: 100%; }
a.fangan_1_list:hover .fangan_1_img1{background: url(../images/gongju.png) top center no-repeat; background-size: 100%; }
a.fangan_1_list:hover .fangan_1_img2{background: url(../images/gongju2.png) top center no-repeat; background-size: 100%; }
.col_fangan{padding:0;}
.col_fangan1{border-left: 2px solid #f4f4f4;border-right: 2px solid #f4f4f4;}

	
	.pro_inner1{background:#fff;}
.pro_inner1 .i_p_ul1{width: 100%;text-align: left;margin-top: 26px;background: #e8e8e8;} 
.pro_inner1 .i_p_ul1 li{display:block;float: left;} 
.pro_inner1 .i_p_ul1 li.lii a{background: #005091;color:#fff;}
.pro_inner1 .i_p_ul1 li:last-child{margin-right:0;} 
.pro_inner1 .i_p_ul1 span{display:inline-block;border-bottom: 1px solid #cccccc;}
.pro_inner1 .i_p_ul1 li a{display: inline-block;font-size: 16px; color:#555;padding: 10px 30px;background: #ccc} 

.fangan_main h2{font-size: 22px;line-height: 56px;color:#333;overflow: hidden;zoom:1;text-overflow: ellipsis;white-space: nowrap; padding-left: 10px;}	
	
/* 智能手机（纵向和横向）--------------------------------------------------------------------------------------------------- */
}


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

	

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


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

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



@media only screen 
and (min-width : 1024px) 
and (max-width : 1200px) {



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