@charset "utf-8";body,html,input{font-family:"Microsoft YaHei", Arial,sans-serif;margin:0 auto;padding:0;height:100%;line-height:22px;width:100%}
html{font-size:16px; font-size:62.5%;}
div{behavior:url(css/iepngfix.htc)}dd,dl dd,ol li,tr td,ul,ul li{list-style-type:none;margin:0;padding:0}p{margin:0;padding:0}.clear{clear:both;height:0;line-height:0;font-size:0}.lt{float:left}.rt{float:right}a{text-decoration:none;cursor:pointer;-webkit-transition:none;transition:color .3s linear,background-color .3s linear,background-image .3s linear;-moz-transition:color .3s linear,background-color .3s linear,background-image .3s linear;-webkit-transition:color .3s linear,background-color .3s linear,background-image .3s linear;-o-transition:color .3s linear,background-color .3s linear,background-image .3s linear}img{vertical-align:middle;border:none}html{overflow-x:hidden}a:hover,div:hover,li:hover,tr:hover{-webkit-transition:none;transition:color .3s linear,background-color .3s linear,background-image .3s linear;-moz-transition:color .3s linear,background-color .3s linear,background-image .3s linear;-webkit-transition:color .3s linear,background-color .3s linear,background-image .3s linear;-o-transition:color .3s linear,background-color .3s linear,background-image .3s linear;}input{outline:0}

/* ���� */
.op0{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);opacity:0;filter:alpha(opacity=0);}
.mr{width:1200px; margin:0 auto;}
.np{white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis;}
.uc{text-transform:uppercase;}
.hide{display:none;}
input[type=button]{cursor:pointer;}

/* ���� */
header{height: 50px; line-height: 50px;}
.logo{margin-left: 5%;}
.menu{margin-right: 5%;}
.closehs{margin-right: 5%;}
.nav{width: 100%; padding: 20px 0 200px 0; background: url(../images/navBg.png) ; position: absolute; top: 50px; left: 0; z-index: 2; transform: translate3d(-100%,0,0);-webkit-transform: translate3d(-100%,0,0); transition: all 0.3s linear;}
.nav2{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0); transition: all 0.3s linear;}
.nav>a{display: block; height: 50px; line-height: 50px; font-size: 1.6em; color: #fff; padding-left: 41%; position: relative;}
.navSub{padding: 12px 0; display: none;}
.navline{position: absolute; left: 50%; bottom: 0; width: 40px; margin-left: -20px;height: 0; border-bottom: 1px solid #bbb;}
.navSub>a{display: block; height: 30px; line-height: 30px; font-size: 1.4em; color: #fff; padding-left: 41.4%; background: url(../images/dot-1.png) no-repeat 36% center; background-size:3px 3px ;}
.nav>a.act-1{background: url(../images/home-xz.png) no-repeat 30% center,url(../images/narrow-f-xz.png) no-repeat 70% center; background-size:auto 16px;}
.nav>a.act-2{background: url(../images/news.png) no-repeat 30% center,url(../images/narrow-f-xz.png) no-repeat 70% center;background-size:auto 16px;}
.nav>a.act-3{background: url(../images/solution.png) no-repeat 30% center,url(../images/narrow-f-xz.png) no-repeat 70% center;background-size:auto 16px;}
.nav>a.act-4{background: url(../images/book.png) no-repeat 30% center,url(../images/narrow-f-xz.png) no-repeat 70% center;background-size:auto 16px;}
.nav>a.act-5{background: url(../images/person.png) no-repeat 30% center,url(../images/narrow-f-xz.png) no-repeat 70% center;background-size:auto 16px;}
.nav>a.act-6{background: url(../images/building.png) no-repeat 30% center,url(../images/narrow-f-xz.png) no-repeat 70% center;background-size:auto 16px;}
.nav>a.act-7{background: url(../images/about.png) no-repeat 30% center,url(../images/narrow-f-xz.png) no-repeat 70% center;background-size:auto 16px ;}
.nav>a.act2 .navline{display: none;}
.closehs{display: none;}

/*banner*/
.inBanner{ position:relative;height:auto;overflow:hidden;}
.inBanner .slides { position:relative;z-index:1;}
.inBanner .slides li { height:auto;}
.inBanner .slides li img{ width:100%; height:auto}
.inBanner .flexslider p { width:100%; background:url(../images/1_02.png) repeat; height:16%; position:absolute; bottom:0px; left:0; z-index:1;opacity:0.5;}
.inBanner .flex-control-nav { position:absolute; bottom:11%; margin-bottom:-9px; z-index:99;width:100%; left:50%; margin-left:-70px;}   
.inBanner .flex-control-nav li { display:inline-block; width:14px; height:5px; margin:0 5px; float:left;}
.inBanner .flex-control-nav li span { display:none;}
.inBanner .flex-control-nav li a { float:left; width:14px; height:5px; cursor:pointer; }
.inBanner .flex-control-nav li a.flex-active { }
.inBanner .flex-direction-nav{ display:none;}
/*banner*/
.in{ padding: 25px 4%;}
.in1{background: #f7f7f7;}
.in1h{text-align: center;}
.in1M{text-align: center; margin-top: 10px;}
.in1M a{display: inline-block; width: 48%; border: 1px solid #ddd; background: #fff; height: 30px; line-height: 30px; color: #3d3d4d; margin-bottom: 6px; font-size: 14px; display:block; float:left;}
.in1M a.act{background: #3498db; border: 1px solid #3498db; color: #fff;}
.in1M a:nth-of-type(2n+2){float:right;}
/*in1M2*/
.in1M2{ position:relative;height:auto;overflow:hidden;margin-top: 14px; padding:  0 10%; padding-top:5%;}
.in1M2 .slides { position:relative;z-index:1;}
.in1M2 .slides li { height:auto; padding-bottom: 40px;}
.in1M2 .slides li img{ width:100%; height:auto}
.in1M2 .flex-control-nav { position:absolute; bottom:10%; margin-bottom:-9px; z-index:99;width:100%; left:50%; margin-left:-70px;}   
.in1M2 .flex-control-nav li { display:inline-block; margin:0 5px; float:left;}
.in1M2 .flex-control-nav li span { display:none;}
.in1M2 .flex-control-nav li a { float:left; width:5px; height:5px; background: #bbb; border-radius: 50%; cursor:pointer; }
.in1M2 .flex-control-nav li a.flex-active { background: #3498db;}
.in1M2 .flex-direction-nav{ display:none;}
/*in1M2*/
.in1M3{text-align: center; padding-top:5%;}
.in1M3H{font-size: 20px; color: #333; font-weight: bold;}
.in1M3H2{font-size: 16px; color: #333; margin: 5px 0 10px 0;}
.in1M3p{font-size: 14px; color: #888; height: 44px; overflow: hidden;}
.more{display: block; margin: 0 auto; width: 36%; height: 22px;line-height: 22px; color: #fff; font-size: 12px; border-radius: 11px; text-align: center; }
.in1M3More{background: #3498db; margin-top: 10px;}
.in2{}
/*in2M2*/
.in2M2{ position:relative;height:auto;overflow:hidden;margin-top: 14px; padding:  0 10%;}
.in2M2 .slides { position:relative;z-index:1;}
.in2M2 .slides li { height:auto; padding-bottom: 40px;}
.in2M2 .slides li img{ width:100%; height:auto}
.in2M2 .flex-control-nav { position:absolute; bottom:10%; margin-bottom:-9px; z-index:99;width:100%; left:50%; margin-left:-70px;}   
.in2M2 .flex-control-nav li { display:inline-block; margin:0 5px; float:left;}
.in2M2 .flex-control-nav li span { display:none;}
.in2M2 .flex-control-nav li a { float:left; width:5px; height:5px; background: #bbb; border-radius: 50%; cursor:pointer; }
.in2M2 .flex-control-nav li a.flex-active { background: #3498db;}
.in2M2 .flex-direction-nav{ display:none;}
/*in2M2*/
.in1M3p span{color:#477cbe;}
.in3{background: url(../images/in3Bg.png); background-size:100%  100px;}
.in3Mc{height: 110px; overflow: hidden; color: #fefefe; font-size: 14px; margin-top:10px ;}
.in4{background: #F7F7F7;}
.in4Mca{text-align: center;}
.in4Mca a{width: 48%; display:block; float:left; margin-bottom:10px; border:1px solid #ddd; }
.in4Mca a:nth-of-type(2n+2){float:right;}
.in4Mca a img{width:100%;height:44px; }

/*in4Mc*/
.in4Mc{ position:relative;height:auto;overflow:hidden;margin-top: 14px;}
.in4Mc .slides { position:relative;z-index:1;}
.in4Mc .slides li { height:auto; padding-bottom: 40px;}
.in4Mc .flex-control-nav { position:absolute; bottom:10%; margin-bottom:-9px; z-index:99;width:100%; left:50%; margin-left:-70px;}   
.in4Mc .flex-control-nav li { display:inline-block; margin:0 5px; float:left;}
.in4Mc .flex-control-nav li span { display:none;}
.in4Mc .flex-control-nav li a { float:left; width:5px; height:5px; background: #bbb; border-radius: 50%; cursor:pointer; }
.in4Mc .flex-control-nav li a.flex-active { background: #3498db;}
.in4Mc .flex-direction-nav{ display:none;}
/*in4Mc*/
.in5Mbtn{text-align: center; margin-top: 10px;}
.in5Mbtn a{ color: #454958; font-size: 14px; display: inline-block; width: 48%; border: 1px solid #ddd; background: #fff; height: 30px; line-height: 30px; margin-bottom: 6px; }
.in5Mbtn a.act{background: #3498db; border: 1px solid #3498db; color: #fff;}
.in5Mcntlt{width: 17%; height: 56px; color: #fff; background: #3498db; text-align: center; padding-top:10px ;}
.in5McntltDate{font-size: 24px; }
.in5McntltYear{font-size: 12px; color: #ddd; white-space: nowrap;}
.in5McntltLine{width: 10px; margin: 0 auto; height: 0; border-top: 1px solid #fff; margin-top: 4px;}
.in5Mcntrt{width: 80%; }
.in5McntrtH{color: #333; font-size: 16px; font-weight: bold;}
.in5McntrtP{color: #888; font-size: 14px; height: 44px;}
.in5Mcnt{padding-top: 20px;}
.in5Mcnt ul li{margin-bottom: 10px;}

footer{background: #272729; padding: 20px 4% 20px ;}
.ft1{text-align: center;}
.ft1 a{margin: 0 12px;}
.ft1p{padding-left: 20px; background: url(../images/location.png) no-repeat left center; background-size:auto 14px;  color: #fff;  margin: 10px 0 10px; color: #aaa; white-space: nowrap;}
.ft1line{width: 100%; border-top: 1px solid #363639;}
.copyright{color: #545459; text-align: center; margin-top: 6px;}
.copyright a{color: #545459;}
.csbanner{width: 100%; position: relative;}
.csh{position: absolute; left: 50%; margin-left: -46px; bottom: -30px;}
.cs1{padding: 50px 4% 30px; background: #F7F7F7;}
.cs1btn{text-align: center;}
.cs1btn a{display:block; width: 48%; border: 1px solid #ddd; background: #fff; height: 30px; line-height: 30px; color: #3d3d4d; margin-bottom: 6px; font-size: 14px; float: left;}
.cs1btn a.act{background: #3498db; border: 1px solid #3498db; color: #fff;}
.cs1btn a:nth-of-type(2n+2){float: right;}
.cs1cntlt{width: 45%; height: 88px;}
.cs1cntrt{width: 50%;}
.cs1cntrtH{font-size: 16px; color: #333; font-weight: bold;}
.cs1cntrtp{font-size: 16px; color: #333;}
.cs1cntrtp2{font-size: 12px; color: #888; height: 44px;}
.cs1cnt{padding: 25px 0 0 0 ;}
.cs1cnt ul li{margin-bottom: 14px;}
.csdth{font-size: 16px; color: #333; font-weight: bold; text-align: center;}
.csdth2{font-size: 12px; color: #333; font-weight: bold; text-align: center;}
.csdtm{font-size: 14px; color: #888; border-top: dotted 1px #ddd; margin-top: 10px;padding-top: 12px;}
.csdtm img {width:100%}
.csdtback{background: #3498db; margin-top: 30px;}
.sl1cover{width: 180px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; position: absolute; left: 50%; margin-left: -90px; top: 50%; margin-top: -25px; background: url(../images/sl1-1bg.png); background-size: 100% 100%; font-weight: bold;}
.sl1 ul li{position: relative; margin-bottom: 14px;}
.sldth{color: #3498db;}
.sl1i{width: 100%; margin: 20px 0 ;}
.nwM{padding-top: 20px;}
.nwM ul li{padding: 10px 0; border-bottom:1px dotted #ddd ;}
.invMi{display: block; margin: 0 auto;}
.invM{padding: 20px 0 0 0 ;}
.invTable{font-size: 14px; color: #333; margin-top: 16px;}
.invTable tr td:nth-of-type(2n+1){width: 35%; vertical-align: top;}
.abinM{padding: 20px 0 0 0 ;}
.abinMi{display: block; margin: 0 auto;}
.abinMc{font-size: 14px; color: #666; padding: 20px 0 0 0 ;}
.abdvMclt{width: 20%; color: #3498db; font-size: 14px; font-weight: bold;}
.abdvMcrt{width: 73%; padding-left: 6%; color: #888; font-size: 14px; background: url(../images/abdvbg.png) no-repeat left top;}
.abdvMc{padding: 27px 0 0 0;}
.abhr{padding: 20px 10% 0;}
.abhr img{margin-bottom: 20px;}
.abpaMc{padding: 20px 0 0 0;}
.abpaMc a{display: block; float: left; margin-bottom: 14px; width:48%; border:1px solid #ddd; }
.abpaMc a:nth-of-type(2n+2){float:right;}
.abpaMc a img{width:100%; height:40px;}
.emgdMc{font-size: 14px ;color: #666; padding: 20px 0 0  0 ;}
.emflMc{padding: 20px 10% 0;}
.emdsDate{text-align: center;}
.emdsDate a{color: #888; margin: 5px 2px; font-size: 12px;}
.emcn{padding: 20px 0 10px 0; background: #3498DB; margin-top: 20px;}
.emcnp{font-size: 14px; color: #fff; text-align: center; margin-top: 5px; margin-bottom: 15px;}
.emcnli img{display: block; margin:  0 auto;}
.addr{padding: 20px 0;}
.addrp{color: #666; font-size: 12px; padding-left: 20px;}
.addrp1{background: url(../images/location-blue.png) no-repeat left center; background-size:12px auto;}
.addrp2{background: url(../images/post.png) no-repeat left center; background-size:12px auto;}
.addrp3{background: url(../images/fax-blue.png) no-repeat left center; background-size:12px auto;}
.addrp4{background: url(../images/mail-blue.png) no-repeat left center; background-size:12px auto;}
.enjnMcbtn{width: 100%; overflow: auto; height: 32px;}
.enjnMcbtna{width: 450px;}
.enjnMcbtna a{display: inline-block; padding: 0 20px; color: #666; font-size: 14px; height: 30px; line-height: 30px; }
.enjnMcbtna a:hover{border-bottom: 2px solid #3498DB;}
.enjnMcbtna a.act{border-bottom: 2px solid #3498DB;}
.enjnMccnt{padding:4%; background: #F7F7F7;}
.emact1{display: block; height: 30px; line-height: 30px; padding-left: 5%; background:#e6e6e6 url(../images/jiahao.png) 95% center no-repeat; background-size:12px auto ; color: #4c4c4c; margin-bottom: 10px;}
.emact2{background:#3498DB url(../images/jianhao.png) 95% center no-repeat; background-size:12px auto ; color: #fff;}
.act1h1{font-size: 14px; display: block; float: left; margin-right: 4%;}
.act1h2{font-size: 12px; display:block; padding: 0 4%; float: left; position: relative;}
.emact1 .act1h2:before{
	content: "";
	position: absolute;
	width: 0;
	height: 12px;
	border-left: 1px solid #4C4C4C;
	left: 0;
	top: 10px;
}
.emact2 .act1h2:before{
	content: "";
	position: absolute;
	width: 0;
	height: 12px;
	border-left: 1px solid #fff;
	left: 0;
	top: 10px;
}
.emsub{background: #fff; padding: 0 5%; padding-bottom:8%; display: none;}
.emsub1{font-size: 14px; color: #4c4c4c;}
.emsub1 span{font-weight: bold; display: inline-block; padding-right: 5%;}
.emsubM{border-top: 1px dotted #ddd; padding: 10px 0 0 0 ; margin: 10px 0 0 0; font-size: 14px ; color:#4c4c4c;}
.emmail{font-size: 14px; color: #3498DB;}
.emmail a{font-size: 14px; color: #3498DB;}


@media only screen and (max-width: 320px) {
	.ft1p{padding-left: 16px;}
}