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

	img{ width:100%;}
	.comt{ background:none;}
	.tel,.tell,.about_left,.newsus1,.logo,.beij,.news1t,.footer_tcxt{ display:none;}
	.head{ width:100%; background:none; height:auto; overflow:hidden;}
	.menu{



	height: auto;
	line-height:50px;



	margin-bottom: 0;
	margin-left: auto;
	margin-right:0%;
}

.pagea{ display:block;}.pageb{ display:none;}
.product li{ width:44%; }
.product{ width:100%; float:right; overflow:hidden; padding-top:25px;}
.logo{ float:left; overflow:hidden; margin-top:10px; margin-bottom:5px; border-right:0px solid #CCC;}
	.menu li{width:32.3%; float:left; margin-right:1%; margin-bottom:1%;   text-align:center; height:35px;line-height:35px;   text-align:center;  }
	.menu li a{	height:35px;line-height:35px; font-size:14px;  text-align:center;color:#000; text-decoration:none;}
.menu li a:hover{ color:#fff; background:#3f7fbf; display:block;}

.main{ width:90%; margin:0 auto;}
.a1{ width:100%; float:left; overflow:hidden;}.P1q{ width:100%; float:right; overflow:hidden;}
.part5 {
    padding-top: 70px;
    background-image: url(title4.png);
	background-size:90%;
    background-repeat: no-repeat;
    background-position: center top;
	margin-top:50px;
}

.news4t {
    width: 100%;
    float: right;
    overflow: hidden;
    font-size: 18px;
}	
.txtq {
	font-size:16px;
    float: right;
    width: 100%;
    line-height: 30px;
    padding: 0px;
    margin-left: 35px;box-sizing: border-box;
}
.comt {
    background: url(part5comt.jpg) no-repeat center top;
    min-height: 1194px;
    width: auto;
    padding-top: 0px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
	background:none;
}

.aboutus {
    border: 0px solid #fff;
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
	 box-sizing: border-box;
}	.bot{margin-bottom:0px; margin-top:0px;}
.txtA{ text-align:center;  font-size:18px; margin-top:5px; color:#666; margin-bottom:20px; }
.txt {
	margin-top:0px;
  
    float: right;
    width: 100%;
    line-height: 24px;

    margin-left: 35px;	 box-sizing: border-box;
}
.div1 {
    width: 100%;
    font-size: 36px;
    height: auto; 
    margin-top: 0px;
}
.server li {
    width: 48%;
    overflow: hidden;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    background: #FFF;
    margin-bottom: 20px;
}
.newss {
    width: 100%;
    margin-right: 4%;
    margin-left: 2%;
    float: left;
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px solid #CCC;
    margin-bottom: 20px;
    margin-bottom: 10px;
}
.nav2 {
    width: 100%;
    overflow: hidden;
    float: left;
}
.foot1 {
    float: none;
    width: 40%;
    overflow: hidden;
	margin:0 auto;
	margin-top:30px;

	margin-top:50px;
}


.fullSlide {
	margin-top:50px;
	width:100%;
	position:relative;
	height:200px;
	background:#3f7fbf;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:200px;
	overflow:hidden;
	text-align:center;
	background-position: -50px 0px;
}
.fullSlide .bd li a {
	display:block;
	height:200px;
}

.newsus2{ width:100%;  overflow:hidden; }.liyou{height: auto;overflow:hidden;}

.poct{ margin-top:30px; padding-bottom:30px;}
	.p_articles {
 width: calc((100% - 13px)/2);
 position: relative;
 overflow: hidden;
 padding: 5px;
 display: inline-block;
 height: auto;
}
 .banner{ margin-top:60px;}



.list-1 li {
    float: left;
    width: 50%;
}

.about {
	background:none;
    background-size: 100% 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}
.about_right {
    width: 100%;
    float: none;
	text-align:justify;
    overflow: hidden;
}

.m_banner{ width:100%; background:#F00; overflow: hidden; margin-top:50px;}
.m_banner img{ width:100%; display:block;}
.content{margin-top:10px;padding: 5px; overflow:hidden;}



.box2 ul li {
    text-align: center;
 float: none; 
    background: rgba(122,216,195,0.7);
    padding: 20px;
    color: white;
    font-size: 36px;
	margin-bottom:20px;
    font-weight: bold;
    /* margin-right: 20px; */
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}
.dsff{ margin-top:50px;}
.footer_1 {
    width: 33.333%;
    float: left;
    font-size: 16px;
    font-weight: 800;
    color: #ccc;
    line-height: 40px;
    margin-top: 80PX;
}

.weibo {
    width: 100%;
    margin-top: 80px;
	padding-top:50px;
    float: none;
    overflow: hidden;
	margin:0px auto;
}


.newst li {
    width: 100%;
    padding: 20px;
    float: left;
    overflow: hidden;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 2%;
}

.txt3 {
    width: 100%;
    text-align: center;
    font-size: 26px;
    color: #444;
    font-weight: 400;
    overflow: hidden;
	margin-top: 20px;
    margin-bottom: 10px;
}

.about_n {
    width: 100%;
    float: right;
    overflow: hidden;
}



.content p{ line-height:180%;}
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:60px;overflow:hidden;background:#fff;position:fixed;z-index:9999999;width:100%; font-family:"Microsoft Himalaya"; top:0px;}
.sp_logo{padding:0px;float:left;height:50px; width:70%;}
.sp_logo img{margin:auto;max-height:70px; width:200px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px}
.sp_nav span{display:block;background:#000;width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#fff;width:100%;/*height:calc(100% - 104px);*/ padding-bottom:50px; font-size:16px; font-weight:800;line-height:50px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;   z-index:999999; box-shadow:0px 1px 15px #CCC;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 80px)}
.sjj_nav>ul>li:first-child .language{float:right;width:80px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999; font-weight:100;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 10px 0 10px; text-align:left;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:16px; text-align:left; }
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%;text-align:left;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left; font-weight:100; font-size:14px;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#000}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

.pict{width:100%; float:left; overflow:hidden; margin-bottom:30px;}.pict img{ width:100%; display:block;}

.page_turner { padding: 10px 10px; overflow: hidden; text-align: right; }
.page_turner a, .page_turner span { text-align: center; color:#333; display: inline-block; *display:inline; overflow:hidden;
border: 1px solid #2E2E2E; min-width: 20px; margin-left: 4px; line-height: 20px; padding: 4px; }
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.c { background: #2E2E2E; color: #FFF; }

.porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 130px;
}
.min{width:auto;padding:0 0px;}









.listy {
display:block;
	width: 100%;
	height: auto;
	overflow:hidden;

	transition: height 0.4s;
	justify-content: space-between;

	box-sizing: border-box;
	border: none;
	background-image: url(hg1.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}


.listy a:hover{ text-decoration:none;}
.itemt {

    width: 85%;
	margin-bottom:30px;
    top: 0;
    height: 100%;
    overflow: hidden;
    background-position: top left 40%;
    background-size: auto 100%;
    display: block;
    color: #fefefe;
    box-sizing: border-box;
    transition: 1s cubic-bezier(0.14, 0.99, 0.43, 0.99);
    border: none;
	background:#999;
	margin:0 auto 10% auto;
	transition: all 0.3s ease-out 0s;

}
.itemt:hover {margin:0 auto 10% auto;    width: 100%;}



.zhezhao{width:100%;  overflow:hidden; background: rgba(0, 0, 0, .5)}
.entitle {
    font-family: Didot;
    font-size: 36px;
    line-height: 50px;
    letter-spacing: 4px;
    color: #fefefe;
	text-align:center;
	overflow:hidden;
	margin-top:20%;
	width:40%;
	margin:20% auto 0 auto;




}

.title2{font-size: 30px;

    letter-spacing: 6px;
    color: #fefefe;
    margin-top: 5px;
	text-align:center;

}

.title3{font-size: 20px;
   
    letter-spacing: 6px;
    color: #fefefe;
    margin-top: 5px;
	text-align:center;
}










.kimtr{width:100%; display:block; margin-top:50px; overflow:hidden; background:url(img/bj0.jpg) no-repeat; background-size:100% ; padding-top:50px; padding-bottom:50px;}
.kimtr li{ width:50%; padding:2%; float:left; min-height:200px; overflow:hidden; font-size:30px;color:#FFF;}
.kimtr li p{ color:#ccc; font-size:14px}



.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 340px;
}


.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: 340px;
}

.tellc{ display:block}

.list-1 li .inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0px;
}

.list-1 li .text h4 {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
}




.global-nav {

    bottom: 0;
    z-index: 1013;
    display: -webkit-box;
    display: run-in;
    display: -ms-flexbox;
    width: 100%;
position: fixed;
height:70px;
background:#000000;
border-top: 1px solid #eee;
    background-color: #eee;
 
}

.global_1i {
    background: url(img/t11.png) no-repeat;
    background-size: cover;-webkit-box-flex: 1;
	height: 60px;
	font-size: 24px;
    font-style: normal;
    width: 30px;
    height: 25px;
    display: inline-block;
}
.footer_tcxt2{ display:block; margin-left:15%; margin-top:0px; float:left; color:#CCC; overflow:hidden; line-height:180%; margin-bottom:80px;}







.visit {
    height: 52px;
position: relative;
    font-size: 14px;
    line-height: 52px;
    letter-spacing: 1px;
    color: #fefefe;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
	margin:0 auto;
    opacity: 0;
    transition: 1s cubic-bezier(0.14, 0.99, 0.43, 0.99);
	margin-bottom: 20%;
	
}




.itemt:hover .visit{    opacity: 1;}

.visit:after {
    width: 0;
    display: block;
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    height: 1px;
    background: #fff;
    transition: 1s cubic-bezier(0.14, 0.99, 0.43, 0.99);
}


.itemt:hover .visit:after { width:100%;}
.ico {
    width: 9px;
    height: 13px;
    margin-left: 40px;
    display: block;
    transform: translateX(-20px);
    transition: 1s cubic-bezier(0.14, 0.99, 0.43, 0.99);
}







}