@charset "utf-8";
/* @import url(dll.css);
@import url(module.css);
@import url(global.css);
@import url(onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css); */

*{padding:0px;}
.prevnext span {
    display: block;
    margin: 9px;
    font-size: 14px;
}

body, li, ul, ol, dl, dt, dd, form, input, textarea, h1, h2, h3, h4, h5, h6, p, select {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-family: "microsoft yahei";
    font-size: 14px;
}
a{
	text-decoration:none;
	color:#333;
}
a:hover{
	color: #2071dd;
}
a:hover > div{
	color: #2071dd;
}
img {
    width: auto;
    height: auto;
    max-width: 100%;
}
.clear{
	clear: both;
}

.header{
	display: flex;
	flex-flow: row wrap;
	max-width: 1200px;
	justify-content: space-evenly;
	align-items: center;
	margin: 0 auto;
	padding: 1% 0;
	background: white;
}
.headerlogo {
    flex: 0.5 0 0;
    justify-content: right;
    padding-left: 1%;
}
.company {
    flex: 2 0 0;
    font-size: 24px;
    color: #333333;
}
.headernav {
    flex: 6 0;
}
.ddsmoothmenu ul{
	display: flex;
	    flex-flow: row wrap;
	    justify-content: space-evenly;
	    align-items: center;
}
.navactive.nava:hover{
	color:#2087e7;
}
.backgrpund{
	overflow: hidden;
	position: relative;
	height: 1080px;
}
.box {
    text-align: center;
}
.header1{
	width: 100%;
	position: absolute;
	top: 0px;
	z-index: 1;
}
.area{
	max-width: 1200px;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	margin: 5% auto;
	display: flex;
}
.buletitle{
	color: rgb(32, 113, 221);
	font-size: 36px;
	float: left;
}
.greentitle{
	color: rgb(78, 178, 64);
	font-size: 36px;
	float: left;
}
.areatitlech{
	font-size: 24px;
	color: rgb(51, 51, 51);
	padding: 2% 0;
	padding-top: 0%;
}
.areatxt{
	text-align: center;
	font-size: 14px;
	line-height: 230%;
	color: rgb(153, 153, 153);
	width: 70%;
}
.inewsbg{
	background: url(../images/bg2.png);
	background-position: top;
}
.inews{
	max-width: 1200px;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    display: flex;
    padding: 135px 0;
}
.inewsflex{
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	justify-content: center;
	margin-top: 3%;
}
.inewsleft{
	background-color: white; 
    flex: 0.8;
    margin-right: 4.2%;
    height: 100%;
}
.inewsright{
	background-color: white;
	flex: 1;
	display: flex;
	flex-flow: wrap;
	width: 100%;
}
.inewsleft1 {
	padding: 4%;
}

.inewsleftimg {
    display: flex;
    justify-content: center;
    align-items: center;
	height: 280px;
	max-width: 470px;
	overflow: hidden;
}

.iaboutimg img {

}

.inewsleftcontent {
	margin-top: 5%;
	max-width: 470px;
}

.inewslefttitle {
	width: 80%;
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.inewslefttitle:hover{
	color:#2071dd;
}

.inewslefttime {
    display: block;
    font-size: 13px;
    padding-top: 15px;
    color: #666666;
    font-weight: normal;
    text-decoration: none;
    line-height: 140%;
}

.inewslefttext {
    display: inline-block;
    font-family: Microsoft YaHei;
    font-size: 13px;
    line-height: 2;
    max-height: 78px;
    padding-top: 10px;
    color: #888888;
    font-weight: normal;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.inewsmenu {
    float: left;
    font-style: normal;
    font-family: Microsoft YaHei;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    width: 33.3%;
    height: 100%;
}
.inewsmenu a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.inewsmenu:hover {
	background-color: rgb(78, 178, 64);
}
.inewsmenubar {
    width: 77%;
    background-color: #2071dd;
    height: 9.8%;
    position: relative;
    top: 4%;
    margin-right: 23%;
}

.inewsdetail {
    position: relative;
    top: 6%;
}
.inewsright1 {
    float: left;
    margin-left: 5%;
    margin-top: 1%;
}

.inewsright2 {
    float: right;
    width: 75%;
    margin: 1% 5%;
}

.inewstopic {
    display: inline-block;
    font-family: Microsoft YaHei;
    font-size: 17px;
    color: #333333;
    font-weight: normal;
    text-decoration: none;
    line-height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.inewsinfo {
    font-family: Microsoft YaHei;
    font-size: 13px;
    line-height: 23px !important;
    padding-top: 6px;
    color: #888888;
    font-weight: normal;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.inewsday {
    color: #333333;
    font-size: 45px;
}

.inewstime {
    color: #333333;
    font-size: 16px;
    display: block;
}
.iproducts{
	max-width: 1200px;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	display: flex;
	padding-top: 5%;
}
.iproductslist{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	margin: 3% auto;
}
.ipromore {
    width: 100px;
    height: 35px;
    margin: 35px auto;
    background: #2071dd;
}

.ipromore a {
    color: white;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.serverflow {
    width: 22%;
	margin: 1%;
    border: 1px #9999992e solid;
}
.serverflow:hover{
	border: 1px #2087e7 solid;
}
.serverimg {
    padding: 15px;
    text-align: center;
    max-width: 220px;
    height: 220px;
    overflow: hidden;
}
.serverimg img {
	transition: all 0.5s;
}
.serverimg img:hover{
	transform: scale(1.08);
}
.servertopic {
    font-size: 14px;
    color: #666666;
	height: 19px;
    display: block;
    text-align: center;
	margin: 15px 0;
   text-overflow: ellipsis;
   overflow: hidden;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   display: -webkit-box;
}
.ienergysize {
    display: flex;
    width: 100%;
	margin-top: 35px;
}

.ienergy {
	position: relative;
    width: 25%;
    height: 430px;	
}
.ienergy:hover > .ienergybg2{
	display: none;
}

.ienergynum {
    font-size: 80px;
    color: rgb(255 255 255 / 0.6);
}

.ienergytopic {
	font-size: 18px;
	color: rgb(255, 255, 255);
}
.ienergytxt {
    padding-left: 10%;
}

.ienergyinfos {
    font-size: 18px;
    color: rgb(255, 255, 255);
}
.ienergyline {
    width: 0px;
    height: 210px;
    border: 1px #b1bfd1 solid;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 5%;
}
.ienergybg2{
	position: absolute;
	    width: 100%;
	    height: 100%;
	    background-color: #45b1da2e;
}
.iabout {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: normal;
    padding: 4%;
    margin-top: -30%;
    position: relative;
    z-index: inherit;
    background: white;
}

.iaboutimg {
	flex: 0.83;
    width: 460px;
    height: 560px;
    overflow: hidden;
    text-align: center;
}

.iaboutcontant {
    flex: 1;
    margin: 4%;
	position: relative;
}

.iabouttitle {display: flex;flex-flow: column wrap;}

.iabouttxt {
    text-indent: 2em;
    line-height: 2.3;
    font-family: "Microsoft YaHei";
    color: rgb(102, 102, 102);
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-weight: normal;
    font-size: 14px;
    max-height: 290px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ipartner{
	background:#f4f4f4;padding-bottom: 3%;
}
#ipartnerwrap{
    width: 100%;
    height: 60px;
    /* border: 1px solid #000; */
    position: relative;
    margin-top: 50px;
    overflow: hidden;
}
#ipartnerlist{
    position: absolute;
    left: 0; 
    top: 0; 
    margin: 0; 
    padding: 0;    
    -webkit-animation: 10s move infinite linear; 
    width: 200%; 
}
#ipartnerlist li {
    list-style: none;
    width: 10%;
    /* height: 98px; */
    /* border: 1px solid #fff; */
    /* background: #000; */
    /* color: #fff; */
    text-align: center;
    float: left;
    margin-left: 30px;
}
.iaboutmenu {
    display: flex;
    flex-flow: row;
    align-items: center;
    position: absolute;
	width: 100%;
	bottom: 0px;
}

.iaboutmenuimg {
    flex: 1;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.iaboutmenutxt {
    padding-top: 10px;
}

@-webkit-keyframes move{
    0% {
          left: 0;
    }
    100% {
          left: -500px;
    }
}
@keyframes move {
    0% {
       left: 0;
    }
    100% {
       left: -500px;
    }
}
#ipartnerwrap:hover #ipartnerlist {
    -webkit-animation-play-state: paused; /*动画暂停播放*/
}
.ipartnername {
	font-size: 14px;height: 20px;
}
.ipartnerimg {
}
.leftlist {
    max-width: 1200px;
    margin: 0 auto;
}
.sortnavli {
	width: 11%;
    padding: 0.5%;
    float: left;
    height: 5%;
    line-height: 379%;
    background: url(../images/menu2.png);
    background-position: right;
    background-repeat: no-repeat;
    text-align: center;
	
}
.sortnavli:hover{
	color: white !important;
	background-color: #2071dd;
}
.sortnavli:hover > a{
	color: white !important;
}
.about {
    position: relative;
    background-color: #f9f9f9;
	padding: 2% 5%;
}

.aboutrange {
    max-width: 1200px;
    margin: 0 auto;
    background: white;
    display: flex;
    flex-flow: column;
    padding: 2%;
}

.abouttitle {
    /* width: 8%; */
    font-size: 24px;
    color: #2071dd;
    /* padding-left: 5%; */
    /* padding-top: 3%; */
}

.aboutline {
    border-top: 3px solid #4eb240;
    width: 6em;
    margin-top: 1%;
    margin-bottom: 2%;
}

.aboutcontant {
    display: flex;
    flex-flow: row wrap;
    justify-content: normal;
    /* padding-left: 5%; */
    /* padding-bottom: 5%; */
}

.aboutimg {
    flex: 1;
	width: 460px;
    max-height: 640px;
    overflow: hidden;
    text-align: center;
}

.abouttxt {
    flex: 1.3;
    font-size: 14px;
    line-height: 230%;
    color: rgb(102, 102, 102);
    text-align: justify;
    padding-right: 2%;
    padding-left: 2%;
	text-indent: 2em;
}
.culturettxt {
    flex: 1.3;
    font-size: 14px;
    line-height: 230%;
    color: rgb(102, 102, 102);
    text-align: justify;
}
.areamenu:hover{
	color: white;
}
.areamenu {
    max-width: 1200px;
    margin: 0 auto;
}
.navPage{
	clear:left;
	padding:45px 0px 35px 0px;
	font-size:14px;
	font-family:arial,simsun,sans-serif;
	text-align:center;
	width:100%;
	height: 50px;
	margin:0 auto;
}
.navPage ul{ text-align:center;}
.navPage li{ display:inline-block; margin-right:2px;}
.navPage a{
	display:block;
	color:#cccccc;
	width:26px; 
	height:26px; 
	display:block; 
	border:1px solid #cccccc; 
	line-height:26px; 
}
.navPage a:hover,a.pagebarCurrent{
	color:#fff; 
	text-decoration:none; 
	border:1px solid #2071dd ; 
	background-color:#2071dd ;
}
.productsview {
    display: flex;
}

.pdvimg {
	max-width: 350px;
    margin-right: 5%;
    margin-bottom: 5%;
    height: 300px;
    text-align: center;
    flex: 1;
}
.pdvtitle {
	border-bottom: 1px solid #e2e2e2;
    margin-bottom: 1%;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pdvright {
    flex: 1;
    padding-top: 5%;
	max-width: 750px;
}
span.nextrecord {
    /* float: right; */
}
.pdvdetial {
    margin-bottom: 3%;
	color: #555;
}
li.newslist {
    display: flex;
    padding-bottom: 1%;
    margin-bottom: 1%;
    border-bottom: 1px #e2e2e2 solid;
}

.newsimg {
    flex: 1;
    max-width: 270px;
    height: 159px;
    text-align: center;
    overflow: hidden;
}

.newscontant {
    flex: 1;
    padding-left: 3%;
}

.newstopic {
	max-width: 700px;
    padding: 1%;
    font-size: 20px;
    padding-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.newsinfo {
	padding: 1%;
    color: #999999;
    font-size: 14px;
    line-height: 2;
    height: 84px;
    overflow: hidden;
}

.newstime {
    text-align: right;
    position: relative;
    font-size: 14px;
    color: #cccccc;
    margin-top: 3%;
}
.p_n_title{
	font-size: 22px;
	color: #333333;
	text-align: center;
}
.p_n_info{
	text-align: center;
	color: #999;
	font-size: 15px;
	padding: 1%;
}
ul.n_j_list {
    margin-top: 10px;
}
.info {
    width: 100%;
    position: relative;
    margin: 2% auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 1%;
    font-size: 14px;
    background: #f9f9f9;
    color: rgb(153, 153, 153);
    margin-top: 0;
}
.remark{
	
		font-size: 16px;
		text-align: justify;
		padding-bottom: 3%;
}
.rencai {
    display: flex;
    flex-flow: column;
    align-items: center;
}

.rencaitxt {
    max-width: 1100px;
}
.adv{
position: relative;
    max-width: 1100px;
    max-height: 520px;
    overflow: hidden;
	margin-top: 4%;
}
.advcontant {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    color: white;
}

.adv1 {
    float: left;
    width: 33.3%;
    background: rgb(32, 113, 221);
    height: 50%;
}

.adv2 {
    float: left;
    width: 33.3%;
    background: rgb(78, 178, 64);
    height: 50%;
    position: absolute;
    left: 33.3%;
    bottom: 0;
}

.adv3 {background: rgb(32, 113, 221);width: 33.4%;float: right;height: 50%;}

.advtitle {
    text-align: center;
    position: relative;
    top: 20%;
    margin-bottom: 10%;
}

.advtxt {
    padding: 10%;
}
.n_j_list li {
    border-bottom: 1px solid #f1e4e4;
    margin-bottom: 20px;
}
.n_j_list li a {
    font-size: 16px;
    float: left;
    width: 80%;
	line-height: 1.5;
}
.n_j_list li span {
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size: 14px;
}
.jobtitle {
    text-align: center;
    font-size: 20px;
    margin: 1%;
}

li.p_jv_item {
    padding-left: 5%;
    display: flex;
}
.contactflax {
    display: flex;
    justify-content: space-between;
}

.contact {
    flex: 1;
    padding: 2%;
	font-size: 14px;
	line-height: 2;
}

.map {flex: 1;}

.contacttitle {font-size: 20px;}

.contacttxt {
    line-height: 2;
    padding-top: 1%;
}
.contactqr {display: flex;justify-content: flex-start;}

.contactqrimg {
    padding-right: 10%;
    padding-top: 10%;
}
.gbook_indexpost {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1%;
}
.gbookbtn {
	font-size: 16px;
    color: #4F50C9;
    margin-right: 3%;
    margin-top: 1%;
    border: 0px;
}
.item {
	width: 31%;
    margin: 1%;
}
.itemimgbox {
    max-width: 370px;
    height: 240px;
    text-align: center;
    overflow: hidden;
}
.waterfall {
    display: flex;
    flex-flow: row wrap;
}
.productbigimg1 {
    padding: 2%;
    text-align: center;
}
.factoryimglist {
    display: flex;
    width: 100%;
    flex-flow: row wrap;
}
.factoryimg {
	margin: 1%;
    width: 30%;
    height: 220px;
    overflow: hidden;
    text-align: center;
}
.honorimglist {display: flex;flex-flow: row wrap;padding-top: 3%;}

.honorimg {
    text-align: center;
    margin-right: 1%;
    margin-left: 1%;
    width: 23%;
    max-height: 367px;
    margin-bottom: 3%;
    overflow: hidden;
}
.footer {
    background: rgb(32, 113, 221);
    padding-top: 5%;
    padding-bottom: 2%;
}

.footerrange {
    max-width: 1200px;
    margin: 0 auto;
    color: white;
    display: flex;
}

.footermenu {
    flex: 1;
}
.fnt a {
    font-size:16px;
}
.fn a {
    font-size:14px;
}
.fnt {
    margin-bottom: 15%;
}

.fn {
    margin-bottom: 10%;
}

.footerright {flex: 0.6;display: flex;}

.footertxt {
    flex: 1;
    line-height: 2;
	font-size: 14px;
}

.footerqr {
    flex: 0.8;
    display: flex;
    flex-flow: column;
    align-items: center;
	font-size: 14px;
}

.qrimg {
    max-width: 130px;
    background: rgb(62, 133, 227);
    padding: 2%;
    text-align: center;
    display: flex;
    align-items: center;
	margin-bottom: 10px;
}
.teltitle {
    display: flex;
    align-items: center;
    font-size: 18px;
}
.fnav {
	display: flex;
}
.fnav ul{
	flex: 1;
}
.fnav a{
	color: white;
}
.copyright {
    background: rgb(51, 51, 51);
    text-align: center;
    width: 100%;
    height: 30px;
	font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #cccccc;
}
#sortnava:hover {
    color:white;
}
.sortnava {
    display: block;
}
.ddsmoothmenu ul li{
	position: relative;
}
.ddsmoothmenu ul li a {
    font-size: 15px;
}
.ddsmoothmenu ul li ul {
    position: absolute;
    background-color: white;
    top: 230% !important;
    width: 100px !important;
    left: -4% !important;
    display: none;
}
.ddsmoothmenu ul li ul li {
    padding: 10%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	font-size: 14px;
}
input[type="submit"] {
    width: 100%;
    background: #2071dd;
    border: 0;
    color: white;
    margin-top: 5%;
    font-size: 16px;
	height: 40px;
}
.gbook_post_1 {
    display: flex;
    background: #f9f9f9;
    color: rgb(153, 153, 153);
    padding: 2%;
    margin-bottom: 1%;
}

input#gbookTopic {
    margin-left: 6%;
    border: 0px;
    background: #f9f9f9;
	width: 200px;
	height: 24px;
}

.gbook_post_3 {
    display: flex;
    background: #f9f9f9;
    color: rgb(153, 153, 153);
    padding: 2%;
    margin-bottom: 1%;
}

input#userMail {
    margin-left: 6%;
    border: 0px;
    background: #f9f9f9;
	width: 200px;
	height: 24px;
}

.gbook_post_5 {
    background: #f9f9f9;
    color: rgb(153, 153, 153);
    padding: 2%;
    margin-bottom: 1%;
}

textarea#gbookMain {
    margin-left: -2%;
    border: 0px;
    background: #f9f9f9;
}

.gbook_post_6 {
    background: #f9f9f9;
    color: rgb(153, 153, 153);
    padding: 2%;
    margin-bottom: 1%;
    display: flex;
}

input#gbverifycode {
    border: 0px;
    background: #fffdfd;
    margin: 0 8px;
}
.serverimg img {
    
}
.newsimg img {
    height: 159px;
}
.p_l_list ul {
    display: flex;
    justify-content: left;
    align-items: center;
    flex-flow: row wrap;
}

.p_l_list ul li {
	width: 120px;
    margin: 10px;
    overflow: hidden;
}
.linkbox {
    width: 120px;
    height: 60px;
    overflow: hidden;
    margin: 0 auto;
}
.p_m_div{margin:auto;clear: both;text-align:left;overflow:hidden;width:100%;padding-top: 30px;}
.p_m_div a{line-height:20px;height:20px; font-size:12px;}
.p_m_div a:hover{line-height:20px;font-size:12px;}
.p_m_ul{margin:0 0 6px 0;	display: table; border-bottom: dashed 1px #d7d7d7;width:100%; padding:0px;}
.p_m_div2 .p_m_ul{margin:0px;float:left;width:auto;border:none; padding-left:10px;}
.p_m_menu{ font-weight: bold; clear: both;}
.i_p_list .p_m_ul li,.menusort_list li{white-space: nowrap; width:653px;}
.p_m_class,.menusort_lists{margin-left: 24px;}
.p_m_div2 {margin:0 10px 0 0;}
@media screen and (max-width: 1024px){ 
.header{
	max-width: 95%;
}
.iabout{
	max-width: 80%;
}
.iaboutimg {
	flex: 0.83;
    width: 460px;
    height: 500px;
    overflow: hidden;
    text-align: center;
}
.area{
	max-width: 900px;
}
.inewsright1 {
    float: left;
    margin-left: 3%;
    margin-top: 1%;
}
.footerrange {
    max-width: 90%;
    margin: 0 auto;
    color: white;
    display: flex;
    font-size: 14px;
}
.footerright {
    flex: 0.8;
    display: flex;
}
.ddsmoothmenu ul li ul {
    position: absolute;
    background-color: white;
    top: 220% !important;
}
.iaboutimg img {
    height: 467px;
}
}
@media screen and (max-width: 768px){ 
.company {
    flex: 2 0 0;
    font-size: 18px;
    color: #333333;
}
.ddsmoothmenu ul li ul {
    position: absolute;
    background-color: white;
    top: 190% !important;
}
.iaboutimg {
    flex: 0.83;
    padding-top: 7%;
}
.iaboutimg img {
    height: 550px;
}
.inewsmenubar {
	width: 77%;
    background-color: #2071dd;
    height: 10.8%;
    position: relative;
    top: 2%;
    margin-right: 23%;
}
.inewsleftimg {
    height: 200px;
}
.inewsmenu {

}
.inewsinfo {
    height: 60px;
    font-family: Microsoft YaHei;
    font-size: 13px;
    line-height: 1.5 !important;
    padding-top: 6px;
    color: #888888;
    font-weight: normal;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.inewsdetail {
    position: relative;
    top: 5%;
	background: white;
}
.inewsday {
    color: #333333;
    font-size: 40px;
}
.inewsright2 {
    float: right;
    width: 70%;
}
.serverimg {
    padding: 15px;
    text-align: center;
    max-width: 220px;
    height: 100px;
    overflow: hidden;
}
.factoryimg {
    height: 120px;
}
.itemimgbox {
    max-width: 370px;
    height: 140px;
    text-align: center;
    overflow: hidden;
}
.newscontant {
    flex: 1;
    padding-left: 3%;
    max-width: 360px;
}
.newstopic {
	font-size: 16px;
}
.teltxt{
	font-size: 20px !important;
}
.teltitle {
    display: flex;
    align-items: center;
    font-size: 18px;
}
.abouttxt {
	padding-right: 0;
}
.contactflax {
    display: flex;
    justify-content: space-between;
    flex-flow: column wrap;
    align-items: flex-start;
}

}
@media screen and (max-width: 480px){ 
.header1{
	position: relative;
}
.menubtn{
    /* background: url(../images/menu.png); */
    width: 45px;
    height: 45px;
    /* background-position: center; */
}
.ddsmoothmenu ul li ul {
    background-color: #ffffffb8;
    position: static;
	width: 100%!important;
}
.ddsmoothmenu ul li ul li {
	width: 100%;
	padding: 10px 0;
	font-size: 14px;
}
.iaboutmenu {
    display: flex;
    flex-flow: row;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    position: relative;
}
.about{
	padding: 0;
}
.aboutrange {
	padding: 3%;
}
.iabout{
		max-width: 95%;
}
.area {
    margin: 50px auto;
}
.areatitleen {
    display: flex;
    justify-content: center;
}
.iaboutcontant {
    flex: 1;
	padding: 0;
}
.iabout {
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: normal;
    padding: 0;
    margin-top: 0;
    position: relative;
    z-index: inherit;
    background: white;
}
.areatitlech {
	text-align: center;
}
.areatxt {
    text-align: center;
    font-size: 12px;
    line-height: 230%;
    color: rgb(153, 153, 153);
    width: 95%;
}

.iaboutimg {
    flex: 0.83;
    padding-top: 7%;
}
.ienergysize {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}
.ienergy {
    position: relative;
    width: 50%;
    height: 430px;
}
.inewsleft {
    background-color: white;
    height: 100%;
    width: 100%;
}
.iaboutimg {
    display: none;
}
.inewsleft {
    background-color: white;
    height: 100%;
    width: 100%;
    margin: 0;
    flex: auto;
}
.inewsright {
    background-color: white;
    display: flex;
    flex-flow: wrap;
    width: 100%;
    margin: 5% 0;
}
.inewsmenubar {
	width: 100%;
    background-color: #2071dd;
    height: 10.8%;
    position: relative;
    top: 2%;
    height: 12.1%;
    margin-right: 0;
}
.inews {
    max-width: 1200px;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    display: flex;
    padding-top: 100px;
    padding-bottom: 100px;
}
.iproductslist {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding-top: 5%;
    padding-bottom: 5%;
}
.serverflow {
    width: 45%;
    margin-right: 2%;
    margin-bottom: 2%;
    border: 1px #9999992e solid;
}
.headernav {
    flex: 1 0;
}
.ddsmoothmenu{
    background: url(../images/menu.png);
    height: 45px;
    margin-left: 46%;
    background-position: center;
}
.ddsmoothmenu ul {
    display: flex;
    flex-flow: column;
    align-items: center;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #ffffffb8;
}
.i_n0{
	display: none;
	width: 100%;
	text-align: center;
	padding: 10px 0;
}
.i_n0:hover{
	background: white;
	margin-bottom: 1%;
}
.footerrange {
    flex-flow: column wrap;
	margin-left: 7%;
}
.sortnavli {
    width: 20%;
}
.aboutcontant {
    display: flex;
    flex-flow: column wrap;
	align-items: center;
}
.factoryimglist {
    display: flex;
    width: 100%;
    flex-flow: column wrap;
}
.factoryimg {
    padding-right: 3%;
    padding-bottom: 3%;
    width: 100%;
}
.honorimg {
    padding-right: 3%;
    width: 45%;
    padding-bottom: 3%;
}
#baiduapi_1_mapframe {
    max-width: 360px;
    max-height: 280px;
}
.aboutimg {
    flex: 1;
    width: 400px;
    max-height: 640px;
    overflow: hidden;
    text-align: center;
}
form{
	width: 100%;
}
td{
	display: block;
}
.p_jv_item {
    padding-left: 5%;
    display: flex;
    flex-flow: row wrap;
}
.n_j_list li a {
    font-size: 16px;
    float: left;
    width: 60%;
    line-height: 1.5;
}
.pdvright {
    flex: 1;
    padding-top: 15%;
}
.pdvimg {
	margin-right: 0;
	height: 220px;
}
.pdvdetial {
    margin-bottom: 3%;
    font-size: 14px;
}
.pdvnext {
    font-size: 12px;
}
.itemimgbox {
    max-width: 370px;
    height: 100px;
    text-align: center;
    overflow: hidden;
}
.newslist {
    display: flex;
    padding-bottom: 1%;
    margin-bottom: 1%;
    border-bottom: 1px #e2e2e2 solid;
    flex-flow: column;
}
.newsimg {
    flex: 1;
    max-width: none;
	text-align: center;
}
.newsimg img {
    width: auto;
}
.newscontant {
    flex: 1;
    padding-left: 0;
}
.newstopic {
    padding: 1%;
    font-size: 16px;
    padding-bottom: 0;
}
.newsinfo {
    padding: 1%;
    color: #999999;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
	font-size: 14px;
}
.remark {
    font-size: 14px;
}
.adv1 {
    width: 100%;
    background: rgb(32 113 221 / 0.3);
    height: 33%;
}
.adv2 {
    width: 100%;
    background: rgb(78 178 64 / 0.3);
    height: 33%;
	margin: 0;
	left: 0;
	bottom: 3px;
}
.adv3 {
    background: rgb(32 113 221 / 0.3);
    width: 100%;
    height: 33%;
}
.advtitle {
    text-align: center;
    position: relative;
	top: 0;
	bottom: 0;
	padding: 0;
	margin: 0;
}
.advtxt {
    font-size: 14px;
	top: 0;
	bottom: 0;
	padding: 0;
	margin: 0;
}
.footerright {
    flex: 0.8;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.item {
    width: 45%;
    padding-right: 3%;
}
}
@media screen and (max-width: 414px){
.ddsmoothmenu ul li ul {
    background-color: #ffffffb8;
    position: static;
}
.ddsmoothmenu ul li ul li {
	width: 100%;
	font-size: 14px;
}
.inewsright2 {
    width: 68%;
	margin: 1% 2%;
}
.aboutimg {
    flex: 1;
    width: 300px;
    max-height: 640px;
    overflow: hidden;
    text-align: center;
}
.buletitle {
    color: rgb(32, 113, 221);
    font-size: 24px;
    float: left;
}
.greentitle {
    color: rgb(78, 178, 64);
    font-size: 24px;
    float: left;
}
.areatitlech {
    font-size: 20px;
    color: rgb(51, 51, 51);
    padding: 2% 0;
}
#gbookMain{
	width:300px !important ;
}
#baiduapi_1_mapframe {
    max-width: 300px;
    max-height: 280px;
}
.sortnavli {
    width: 23%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.adv1 {
    width: 100%;
    background: rgb(32 113 221 / 0.3);
    height: 33%;
}
.adv2 {
    width: 100%;
    background: rgb(78 178 64 / 0.3);
    height: 33%;
	margin: 0;
}
.adv3 {
    background: rgb(32 113 221 / 0.3);
    width: 100%;
    height: 33%;
}
.advtitle {
    text-align: center;
    position: relative;
	top: 0;
	bottom: 0;
	padding: 0;
	margin: 0;
}
.advtxt {
    font-size: 12px;
	top: 0;
	bottom: 0;
	padding: 0;
	margin: 0;
}
.fnav {
	display: none;
}
.p_l_list ul {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    justify-content: space-between;
}
.p_l_list ul li {
    width: 120px;
    margin: 10px;
    overflow: hidden;
}
.linkbox {
    width: 120px;
    height: 60px;
    overflow: hidden;
    margin: 0 auto;
}
}
@media screen and (max-width: 350px){

}


  .paginator
{
	float:none !important;
	text-align:center;
    padding-bottom:40px
}
	.paginator ul > li
	{
		float:left;
        margin-bottom: 10px;
	}
.paginator ul > li > a
{
	float: left;
	 position: relative;
    /*padding: 4px 8px;*/
    line-height: 1.42857143;
    color: #999;
    text-decoration: none;
    background-color: #fff;
    border:1px solid #ccc;
    text-align: center;
	border-radius: 5px;
	padding: 0 15px;
    height: 28px;
    line-height: 28px;
}
.paginator ul>li>span {
    position: relative;
    float: left;
    /*padding: 4px 8px;*/
    line-height: 1.42857143;
    color: #999;
    text-decoration: none;
    background-color: #fff;
    border:1px solid #ccc;
    text-align: center;
	border-radius: 5px;
	padding: 0 15px;
    height: 28px;
    line-height: 28px;
    font-size:16px;
}
.active2 {
    z-index: 2;
    color:White !important;
    cursor: default;
    background-color: #2071dd !important;
    border-color: #2071dd !important;
	text-align: center !important;
}
#AspNetPager1_input
{
	float:left;	
	padding: 8px 10px;
	margin-left:5%;
	margin-top:21px;
}
#AspNetPager1_btn
{
	float:left;	
	padding: 6px 12px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-top:21px;
    margin-left:5px;
}


/*联系我们*/
.cont_b{width: 100%;overflow: hidden;}
.cont_b .cont_le{float: left;width: 45%;}
.cont_b .cont_le h3{font-size: 36px;color: #000;font-weight: normal;line-height: 50px;text-align: left;margin-bottom: 25px;}
.cont_b .cont_le p{font-size: 16px;padding: 10px 0;color: #333;}
.cont_b .cont_rig{float: right;width: 45%;}
.cont_b .cont_rig h3{font-size: 36px;color: #000;font-weight: normal;line-height: 50px;text-align: left;margin-bottom: 25px;}
.cont_b .cont_rig form{width: 100%;}
.cont_b .cont_rig form label{font-size: 16px;padding:10px 0 7px 0;display: block;width: 100%;}
.cont_b .cont_rig form input{width: calc(100% - 10px);padding: 0 5px;height: 30px;border: 1px solid #666;border-radius: 5px;}
.cont_b .cont_rig form textarea{width: calc(100% - 10px);padding: 0 5px;height:70px;border: 1px solid #666;border-radius: 5px;line-height: 24px;}
.cont_b .cont_rig form button{width: 120px;background: #c2a360;border-radius: 5px;border:1px solid #c2a360;height: 35px;color: #fff;margin-top: 15px;}
.map{width: 100%;margin-top: 50px;}
.map img{display: block;width: 100%;}

.contact{width: 100%;margin: 30px 0;}
.contact-list .contact-li1{width: 100%;overflow: hidden;margin: 0 0 20px 0;}
.contact-li1 .contact-lileft{float: left;width: 60%;background: #f6f6f6;}
.contact-lileft .contact-txt1{width: 100%;padding: 25px 2%;/*background: #ebebeb;*/}
.contact-lileft .contact-txt1 h2{font-size: 30px;color: #151515;line-height: 46px;}
.contact-lileft .contact-txt1 p{font-size: 16px;color: #9c9c9c;text-transform: uppercase;letter-spacing: 12px;line-height: 46px;}
.contact-lileft .contact-txt2{padding: 25px 2%;width: 42%;float: left;margin: 0 6.34% 0 0;overflow: hidden;}
.contact-txt2 img{width:15%;float: left;}
.contact-txt2t{width:75%;float: right;}
.contact-txt2t h3{font-size: 16px;line-height:32px ;}
.contact-txt2t p{font-size: 14px;line-height: 24px;}
.contact-txt3{width: 100%;display: block;float: left;overflow: hidden;padding: 25px 2%;background: #ebebeb;}
.contact-txt3 img{width:5.7%;float: left;margin: 16px 0 0 0;}
.contact-txt3 .contact-txt3t{width:85%;float: left;margin: 10px 0 0 4%;font-size: 16px;line-height: 28px;
color: #444444;}
.contact-txtb1{overflow: hidden;width: 100%;background: #ebebeb;}
.contact-txtb2{overflow: hidden;width: 100%;}

.contact-li1 .contact-liright{float: right;width: 32%;border: 1.5px solid #ebebeb;padding:30px 2.14% 20px 2.14%;}
.contact-li1 .contact-liright h2{text-align: center;font-size: 24px; color: #333333;padding-bottom: 15px;}
.contact-liright form{width: 100%;overflow: hidden;}
.contact-liright form label{font-size: 14px;line-height: 24px;}
.contact-liright form input{background: #EBEBEB;border: none;width: 100%;margin:5px 0 5px 0;height: 25px;
padding: 5px 2px;}
.contact-liright form p.inp-m{position: relative;width: 100%;}
.contact-liright form p.inp-yzm{position: relative;width: 100%;overflow: hidden;}
.contact-liright form p.inp-m span{position: absolute;right:15px;top:5px;font-size: 20px;}
.contact-liright form p.inp-yzm input{width:75%;float: left;}
.contact-liright form p.inp-yzm a{width: 23%;background:#EBEBEB ;display: block;float: right;margin: 5px 0 5px 0;
height: 25px;text-align: center;line-height: 25px;}
.contact-liright form textarea{width: 100%;padding: 5px;height: 50px;margin: 5px 0;}
.contact-liright form button{margin: 5px;background: #E8410C;padding:7px 20px;color: #fff;
border: none;border-radius: 5px;float: right;}


.contact-list .contact-li2{width: 100%;overflow: hidden;}
.contact-list .contact-li2 img{width: 100%;margin-top: 30px;}

.iabouttitle, .area,.inews,.iproducts,.ipartner {
    line-height: 40px;
}
.appdiv {
    display:none
}
@media screen and (max-width: 991px) {
    .header1 {
        display:none;
    }
    .appdiv {
        display: block!important;
        background: #fff;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }

    .footerrange {
        display:inherit !important;
    }
    .footermenu {
        width:80%;
        margin:0 auto
        
    }
    .footerright {
        width:80%;margin:0 auto
    }
    body, li, ul, ol, dl, dt, dd, form, input, textarea, h1, h2, h3, h4, h5, h6, p, select {
        font-size:16px !important
    }
 
}
@media screen and (max-width: 1799px) {
    .serverimg {
        height: auto;
    }

    .servertopic {
        font-size: 16px;
        height: auto;
    }

    .iaboutmenu {
        bottom: auto;
    }

    .ienergynum {
        padding-top: 25px;
    }
    .inewsright2 {
        width:74%
    }
    .teltxt > img {
           width: 30px;
    height: 30px;
    margin-right: 3%;
    float: left;
    }
}