body{
	background-image: url(../images/left_bg.jpg);
	background-repeat: repeat-y;
}

.pagesize, .main, .header, .banner, .content, .footer, .textArea, .pageBox {
    width: 100%;
}
.main {
    min-height: 200px;
}
.headerCon {
    width: 100%;
    height: 95px;
    background-color: #3065AC;
    z-index: 10000;
    position: fixed;
    float: none;
    top: 0px;
    left: 0px;
}
.headerCon .back {
    width: 242px;
    height: 100%;
    background: #1A54A3 url(../images/back.png) no-repeat center center;
    float: left;
}
.headerCon .back:hover{
	background-color: #268EF7;
	background-position: 50px center;
}
.headerCon .menuBtn,.headerCon .menuBtn i{width:26px;height:26px;}
.headerCon .menuBtn{cursor:pointer;margin:35px 0 0 300px; position:relative;}
.headerCon .menuBtn i{position:absolute;top:0px;left:0px;}
.headerCon .menuBtn i.m{background:url(../images/menu.png) no-repeat;}
.headerCon .menuBtn i.c{background:url(../images/close.png) no-repeat;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.headerCon .menuBtn i.m.hide{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.headerCon .menuBtn i.c.show{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.headerCon ul,.headerCon li{white-space:nowrap;}
.headerCon ul{margin-left:30px;display:inline;display:none;}
.headerCon li{line-height:65px;padding:0 20px;}
.headerCon li a{font-size:16px;color:#fff;}
.headerCon li a:hover{text-decoration:underline;}
.headerCon .search {
	width: 230px;
	height: 30px;
	position: absolute;
	top:35px;
	right:70px;
	background-color: #FFF;
	 -moz-border-radius: 15px;  
    -webkit-border-radius: 15px; 
    border-radius:15px;
	overflow:hidden;
	
}
.headerCon .search .txt{ width:190px; height:30px; line-height:30px; border:0; float:left; text-indent:20px;}
.headerCon .search .submit{
	width: 19px;
	height: 19px;
	background-image: url(../images/search.jpg);
	background-repeat: no-repeat;
	float:right;
	margin-top:5px;
	margin-right:10px;
}
.content {
	width: 100%;
	min-height: 300px;
	overflow: hidden;
	margin-top: 65px;
	display: inline;
	position:relative;
	
}
.content .left{ width:243px; height:100%; position:absolute; z-index:1000;}

.content .right{ margin-left:243px; padding-left:80px; padding-right:80px;}

.content .enname{
	font-size: 18px;
	line-height: 2em;
	color: #1A54A3;
	text-align:center;
	text-transform : uppercase
}

.content .name{
	font-size: 30px;
	line-height: 2em;
	color: #1A54A3;
	text-align:center;
}

.content .left dl{ width:210px; margin-left:33px;}

.content .left dl dd{
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	color: #626262;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #f1f3f2;
	text-indent:25px;
}

.content .left dl dd.active,.content .left dl dd:hover{
	border-left-color: #56aaff;
	background-color: #FFF;
}

.content .left dl dd a{
	font-size: 18px;
	color: #626262;
	display:block;
}

.content .right h1{
	font-size: 24px;
	line-height: 2em;
	color: #1A54A3;
	text-align: left;
	font-weight: normal;
}

.content .right h2{
	font-size: 24px;
	line-height: 2em;
	color: #626262;
	text-align: left;
	font-weight: normal;
}

.content .right#product h1{
	font-size: 24px;
	line-height: 2em;
	height:48px;
	position:relative;
	color: #555555;
	text-align: center;
	font-weight: bold;
	margin-bottom:30px;
}

.content .right#product h1 span{ display:block; width:82px; height:32px; position:absolute; right:0px; top:5px;}

.content .right#product h1 span a{
	display: block;
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #959595;
	font-size: 16px;
	color: #555;
	-moz-border-radius: 3px;      /* Gecko browsers */
	-webkit-border-radius: 3px;   /* Webkit browsers */
	border-radius: 3px;            /* W3C syntax */
	font-weight: normal;
}

.content .right .info{ width:100%; clear:both; height:35px; line-height:35px;}

.content .right .info .time{
	float: left;
	font-size: 14px;
	line-height: 35px;
	color: #999;
}

.content .right .info .shareIcon.mt0 {
    margin-top: 0px;
}

.shareIcon a {
    float: left;
}

.shareIcon i.i04 {
    background-position: -36px 0px;
}

.shareIcon i.i05 {
    background-position: -36px -36px;
}

.shareIcon i.i04:hover{
	background-position:-72px 0px;
	 filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.shareIcon i.i05:hover{
	background-position:-72px -36px;
	 filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}


.newsPage .shareIcon i {
    filter: alpha(opacity=2);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}
a, .animate, .header, .header .logo, .header .shareIcon i, .header .menu li i, .header .menu li h3, .page1 .box .item .mask, .page2 .left .textArea .more, .bodyWindow .close, .page5 .item .img, .page6 .age .move .tip, .page6 .tabBox .tab span, .page6 .tabBox .list .prev, .page6 .tabBox .list .next, .page6 .tabBox .list li h3, .page6 .tabBox .list li h4, .page7 .tool .item .btn, .page4 .numBox, .page4 .map, .page4 .change, .shareIcon a i, .onePage .mask, .fromBox .ipt, .headerCon .menuBtn i, .newsPage .list li .more, .newsPage .ipt, .aboutPage .right .honor .info, .content .left .nav li span, .fromBox .btn, .page4 .world .dot em, .videoPage .close, .gui, .productPage .title i, .productPage .list li .img img, .productPage .list li .text, .onePage .qrcode {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.shareIcon i {
    background: url(../images/share2.png) no-repeat;
}

.shareIcon i {
    width: 36px;
    height: 36px;
    position: relative;
    float: left;
}

.content .right .main{
	font-size: 16px;
	line-height: 2em;
	color: #555;
	text-align:left;
}
.content .right .main img{ max-width:100%; height:auto; margin:5px 0px;}

.content .right .next{ clear:both;}

.content .right .next li{
	clear: both;
	font-size: 14px;
	line-height: 2em;
	color: #555;
}
.content .right .next li span{ float:left;}

.content .right .next li a{
	font-size: 14px;
	color: #4884c5;
}

.content .right .list{}

.content .right .list li{
	padding-top: 48px;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e0e0e0;
	height:150px;
	position:relative;
}
.content .right .list li:last-child{ border:0;}
.content .right .list li .img{ width:220px; height:150px; float:left;margin-right:20px;}

.content .right .list li .img img{width:220px; height:150px; }

.content .right .list li h2{
	font-size: 18px;
	line-height: 2em;
	color: #444;
	font-weight: normal;
	display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
    overflow: hidden;
}
.content .right .list li h2 a{color: #444;font-size: 18px;}

.content .right .list li .time{
	font-size: 12px;
	line-height: 24px;
	color: #999;
}
.content .right .list li p{
	font-size: 14px;
	line-height: 2em;
	color: #999;
	display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
    overflow: hidden;
	margin-right:100px;
}

.content .right .list li .more{
	width: 31px;
	height: 31px;
	position: absolute;
	top: 35px;
	right:0px;
	background-image: url(../images/more.jpg);
	background-repeat: no-repeat;
	display:block;
}


.pageinfo{ padding-top:15px; padding-bottom:20px; clear:both;}

.pageinfo .pagelist{ text-align:center;}

.pageinfo .pagelist a,.pageinfo .pagelist span{ display:inline-table;line-height: 20px; padding:0 5px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; margin:0 5px;}

.pageinfo .pagelist  a {
    padding: 8px 15px;
    color: #666666;
    background-color: #f5f5f5;
	display:inline-table;
}

.pageinfo .pagelist  li {
width:36px;
}

.pageinfo .pagelist  span{
    color: #666666;
	padding: 8px 15px;
	display:inline-table;
   
}

.pageinfo .pagelist span, .pageinfo .pagelist  a:hover {
    color: #FFF;
    text-decoration: none;
    padding: 8px 15px;
    background-color: #56aaff;
}

.content .right .typelist{ width:100%; clear:both; margin-top:50px; margin-bottom:50px;}

.content .right .typelist li{ width:150px; height:35px; line-height:35px; float:left; margin-right:27px;}

.content .right .typelist li a{
	display: block;
	font-size: 20px;
	line-height: 35px;
	color: #6d6d6d;
	background-color: #dddddd;
	text-align:center;
}

.content .right .typelist li.active a{
	background-color: #4ea0e3;
	color: #fff;
	text-align: center;
	font-weight: normal;
}

.content .right .prolist{ width:100%; clear:both;}

.content .right .prolist ul{ margin-left:-1.6%; margin-right:-1.6%;}

.content .right .prolist li{ width:30%; margin-left:1.6%; margin-right:1.6%; position:relative; float:left;}

.content .right .prolist li .img{width:100%; height:100%; position:absolute; z-index:100;}

.content .right .prolist li .img img{ width:100%; height:100%;}

.content .right .prolist li .bg{
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-image: url(../images/bg.png);
	background-repeat: repeat;
	position:absolute;
	display:none;
}
.content .right .prolist li:hover .bg,.content .right .prolist li:hover .title,.content .right .prolist li:hover .more{ display:block;}

.content .right .prolist li .title{
	font-size: 24px;
	line-height: 2em;
	color: #fff;
	text-align: center;
	display:none;
	position:absolute;
	width:100%;
	top:30%;
	z-index:2000;
}

.content .right .prolist li .more{
	font-size: 20px;
	line-height: 2em;
	color: #fff;
	text-align: center;
	display:none;
	position:absolute;
	width:100%;
	top:50%;
	z-index:2000;
}

.content.search .right{
	 margin-left: 0px;
    padding-left: 90px;
    padding-right: 90px;
}
.content.search .right .list li{ height:auto; padding-top:30px;}

.content.search .search{ font-size:20px; color:#555; height:60px; line-height:60px; margin-top:30px;}


@media (max-width: 1250px)
{
.content .right .prolist li .title{
	font-size: 18px;
	line-height: 2em;
	
}

.content .right .prolist li .more{
	font-size: 14px;
	line-height: 2em;
	
}


}

@media (max-width: 767px)
{
.headerCon{ height:55px;}
.headerCon .back {
    width: 171px;
	background-size:80px auto;
}
body{
	background-image: none;
}
 .headerCon .search{ display:none;}
 
 .content .left{
	width: 100%;
    position: relative;
    float: left;
    top: auto;
    left: auto;
    bottom: auto;
    margin: 0px;
	background-color: #f1f3f2;
}
.content .left dl{
    width: 100%;
    margin-top: 10px;
	margin-left:0px;
}
.content .left dl dd {
	width: 50%;
	margin-top: 1px;
	display: inline;
	float: left;
	border-left-style: none;
	text-indent:0;
	text-align:center;
}
.content .left dl#pro dd{ width:33.3%;}
.content .left dl#about dd{width:33.3%;}
.content .left dd a:hover, .content .left dd a.active{
    border: none;
    text-indent: inherit;
    text-align: center;
	background-color: #fff;
}
.content .left dl dd a{ font-size:16px;}

.content .right {
    width: 100%;
	height:auto;
    position: relative;
    float: left;
    top: auto;
    left: auto;
    bottom: auto;
    margin: 0px;
	padding-left:0;
	padding-right:0;
}
.content .right h2{ display:none;}
.content .right .typelist{ margin-left:15px; margin-right:15px; margin-top:15px; margin-bottom:15px;}
.content .right .prolist{ width:auto; padding-left:15px; padding-right:15px;}
.content .right .prolist ul {
    margin-left: -3%;
    margin-right: -3%;
}
.content .right .prolist li {
    width: 44%;
    margin-left: 3%;
    margin-right: 3%;
    position: relative;
    float: left;
}
.content .h120{ height:20px;}

.content .h100 {
    height:20px;
}

.mt-140 {
    margin-top: 80px;
}
.content .name{ font-size:20px;}

.content .left dl dd {
    height: 40px;
    line-height: 40px;
}
.content .right .typelist li {
    width: 25%;
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 5%;
}
.content .right .typelist li a {
    display: block;
    font-size: 16px;
    line-height: 30px;
}
.content .right .list{ padding-left:15px; padding-right:15px;}

.content .right .list li{ clear:both; position:static; height:auto; border:0px; padding-top: 15px;padding-bottom: 15px;}

.content .right .list li .img{ width:100%; height:auto; float:none; clear:both;}

.content .right .list li .img img{ width:100%; height:auto;}

.content .right .list li p{ margin-right:0px;}

.content .right .list li .more{ display:none;}

.content .right h1{ font-size:20px; padding-left:15px; padding-right:15px;}

.content .right .info{ width:auto; padding-left:15px; padding-right:15px;}

.content .right .main{ padding-left:15px; padding-right:15px; width:auto;}

.content .right .next{ padding-left:15px; padding-right:15px; margin-bottom:30px;}

.headerCon .menuBtn {
    cursor: pointer;
    margin: 21px 0 0 250px;
    position: relative;
}
.content.search .right {
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.content.search .search{ padding-left:15px;}

.bodyWindow .close{ right:-30px;}
}