.layout{max-width:1200px; margin:0 auto; padding:0px 10px;}
img{max-width:100%;}
.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix{zoom:1;}
.clearfix:after{content:" ";clear:both;height:0;visibility:hidden;display:block;}

.container{width:100%; height:100%; background:#fff; position:relative; z-index:100;}
.container.on{box-shadow:#ccc 0px 0px 10px;}
.commimg{width:100%; display:block; transition: all 0.5s;}
.scaleimg{width:100%; height:100%; overflow:hidden;}
.scaleimg:hover img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); opacity:0.8;}

/*header*/
.header{width:100%; background:#FFFFFF;}
.header .logo{float:left; margin:0px 0px;}
.header .hdtmain{float:right; padding-top:45px;}
.header .hdtmain .hdczbtn{display:block; float:left; font-size:14px; color:#fff; margin-right:20px; line-height:30px;}
.header .hdtmain .hdczbtn:hover{text-decoration:underline;}
.header .hdtmain .t1{padding-left:0px;}
.header .hdtmain .t2{padding-left:0px;}
.header .hdtmain .t3{padding-left:0px;}
.header .searchbox{width:250px; height:30px; background:#FFFFFF; overflow:hidden;zoom:1; float:right; border-radius:25px;}
.header .searchbox .searchtext{margin:5px 0px 0px 10px; float:left; width:205px; height:20px; background:none; border:1; color:#000000;}
.header .searchbox .searchbtn{width:15px; height:15px; float:right; background:url(../skin/searchbtn.png) no-repeat; border:none; margin:7px 10px 0px 0px; cursor:pointer;}
.header .lang{position:absolute; right:10px; top:18px; z-index:10; color:#fff; background:url(../skin/langci.png) left center no-repeat; padding-left:25px;}
.header .lang a{color:#fff;}
.header .lang a:hover{text-decoration:underline;}
.header .lang i{color:#fff; font-size:10px; margin:0px 3px; vertical-align:1px;}
.header .showbtn{float:right; margin-top:40px; display:none;}
.header .showbtn .bg2{display:none;}
.header .showbtn.on .bg1{display:none;}
.header .showbtn.on .bg2{display:block;}
.header .navbg{width:100%; height:30px; background:#002F97;}
.header .navbg ul li{ float:left;font-size:16px; line-height:30px; width:16.111%; /*width:113px; padding:0px 10px;*/ position:relative; text-align:center; background:url(../skin/navli.png) left center no-repeat;}
.header .navbg ul li:nth-child(1){background:none;}
.header .navbg ul li a{color:#FFFFFF; margin:0px 10px;}
.header .navbg ul li:hover a,.header .navbg ul li.on a{color:#0886DA;}
.header .navbg ul li .subnav{width:170px; background:#fff; position:absolute; left:50%; margin-left:-85px; top:10px; z-index:10; border-radius:0px 0px 10px 10px; opacity:0; visibility:hidden; transition: all 0.5s;}
.header .navbg ul li .subnav a{display:block; height:30px; line-height:20px; border-top:1px solid #ddd; font-size:14px; color:#666; transition: all 0.5s;}
.header .navbg ul li .subnav a:hover{color:#0886DA; padding-bottom:0px;}
.header .navbg ul li:hover .subnav{visibility:visible; opacity:1; top:30px;}

/*navsub*/
.navsub{overflow:hidden; position:fixed; right:-50%; top:0px; width:50%; height:100%; z-index:1; background:#f5f5f5; opacity:0;}
.navsub .subsearch{width:100%; height:50px; background:#eee;}
.navsub .subsearch .searchtext{width:90%; height:20px; padding:15px 5%; border:none; font-size:18px; background:none;}
.navsub .subsearch .searchbtn{width:50px; height:50px; background:url(../skin/con11.png) center center no-repeat; border:none; overflow:hidden; text-indent:-9999px; position:absolute; right:0px; top:0px; cursor:pointer;}
.navsub .subbox{width:100%; height:100%; background:#f5f5f5; position:relative; overflow-y:auto;}
.navsub .subbox .subtab li{border-bottom:1px solid #ddd; position:relative;}
.navsub .subbox .subtab li .tlink{display:block; padding:10px; font-size:18px; color:#333;}
.navsub .subbox .subtab li.on .tlink{background:#7cb938;}
.navsub .subbox .subtab li .submenu{width:100%; overflow:hidden; display:none;}
.navsub .subbox .subtab li .submenu a{display:block; font-size:16px; color:#fff; padding:10px 20px; border-top:1px solid #343434;}

/*banner*/
.banner{position:relative; background:#000; margin:0 auto;}
.banner .bd{position:relative; z-index:0;}
.banner .bd li img{width:100%; vertical-align:top; display:block;}
.banner .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;}
.banner .hd ul{text-align:center;}
.banner .hd ul li{cursor:pointer; display:inline-block; *display:inline; width:8px; height:8px; background:#8c8499; border-radius:50%; margin:5px; overflow:hidden;zoom:1; font-size:0;}
.banner .hd ul .on{background:#0886DA;}
.banner .prev,.fullSlide .next{z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left; filter:alpha(opacity=40);opacity:0.4;}
.banner .next{background-position:right 0; float:right; margin-right:3%}
.banner .prev:hover,.fullSlide .next:hover{filter:alpha(opacity=80);opacity:0.8}

/*index*/
.notnews{width:100%; height:40px; line-height:40px; background:#f3f3f3;}
.notnews .stn{display:block; float:left; font-size:14px; color:#333; background:url(../skin/notnews.png) left center no-repeat; padding-left:25px;}
.notnews .noprev,.notnews .nonext{display:block; width:31px; height:26px; overflow:hidden; text-indent:-9999px; position:absolute; top:8px; z-index:10; background:url(../skin/notbtn.png) no-repeat;}
.notnews .noprev{right:0px; background-position:-31px 0px;}
.notnews .nonext{right:31px; background-position:0px 0px;}
.notnews .notnewslt{height:40px; overflow:hidden;zoom:1; padding-left:10px;}
.notnews .notnewslt ul li{font-size:14px; color:#666; line-height:40px; height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:440px;}
.notnews .notnewslt ul li a{color:#666;}
.notnews .notnewslt ul li:hover a{color:#0886DA;}
.indexabout{width:100%; background:#fff; padding:50px 0px;}
.indexabout .iabout{float:left; max-width:794px; width:66%;}
.indexabout .videobox{position:relative;}
.indexabout .videobox .ci{display:block; width:86px; height:86px; position:absolute; left:50%; top:50%; margin-left:-42px; margin-top:-42px; z-index:10;}
.indexabout .videotne{width:100%;background:#FFFFFF;}
.indexabout .videotne h2{padding:3.6% 4%;}
.indexabout .videotne h2 img{max-width:140px; float:left; }
.indexabout .videotne h2 p{font-size:14px; color:#fff; float:left; margin:0px 3%; height:42px; overflow:hidden;}
.indexabout .iabul{max-width:392px; float:right; width:33%;}
.indexabout .iabul li{width:100%; height:100%; position:relative; overflow:hidden; margin-bottom:15px;}
.indexabout .iabul li h2{width:100%; height:60px; line-height:60px; position:absolute; left:0px; bottom:0px; background:#fff; filter:alpha(opacity=80); background:rgba(255,255,255,.8);}
.indexabout .iabul li h2 span{font-size:18px; color:#333; background:url(../skin/ibci.png) left center no-repeat; padding-left:1px; margin:0px 10px;}

.indexnews{width:100%; background:#ededed; padding:40px 0px;}
.indexnews .innwtl{overflow:hidden;zoom:1;}
.indexnews .innwtl .stan{float:left; font-size:24px; color:#333;left center no-repeat; padding-left:10px;}
.indexnews .innwtl .more{float:right; width:85px; height:25px; line-height:25px; border:1px solid #ddd; border-radius:25px; text-align:center; color:#666; transition: all 0.5s;}
.indexnews .innwtl .more:hover{border-color:#0886DA; color:#0886DA;}
.abpro{padding-top:20px;}
.inpb{width:95%; display:block; margin:0 auto !important;}
.inpb:hover .pic img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.inpb .day{color:#666; height:18px; line-height:18px; margin-top:8px;}
.inpb .title{font-size:14px; color:#333; height:21px; line-height:21px;}
.inpb:hover .title{color:#0886DA; text-decoration:underline;}

#fkVideoBg{
	position:fixed!important;
	_position:absolute;
	_width:expression(document.documentElement.offsetWidth);
	_height:expression(document.documentElement.clientHeight);
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.6);
	_top:expression(eval(document.documentElement.scrollTop));
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000)\9;
	*filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
	_filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
	z-index:101
}
#fkVideoBox {
	width:890px;
	position:fixed!important;
	top:120px;
	left:0;
	right:0;
	margin:auto;
	*margin-left:expression((document.documentElement.clientWidth-this.offsetWidth)/2);
	_position:absolute;
	_bottom:auto
}
#fkVideo {
	width:100%
}
#fkVideoBox p {
	width:100%;
	text-align:center
}
.fkVideoClose {
	width:30px;
	height:31px;
	background:url(../skin/close.png) no-repeat;
	background-size:100%;
	position:absolute;
	right:-12px;
	top:-15px;
	z-index:11;
	cursor:pointer
}

/*about*/
.nybanner{width:100%; height:406px; background-position:center center; background-size:auto 100%;}
.wmain{width:100%; background:#fff; padding-bottom:6%;}
.wmain .wmleft{width:20%; float:left; position:relative;}
.wmain .wmright{width:80%; float:left}
.wmain .wstn{width:100%; height:126px; background:url(../skin/stn.png) no-repeat; background-size:100% 100%; position:absolute; left:0px; top:-60px; z-index:10;}
.wmain .wstn span{display:block; margin-left:25px;}
.wmain .wstn .t1{font-size:30px; color:#fff; padding-top:35px; line-height:1;}
.wmain .wstn .t2{font-size:24px; color:#999; font-family: times;}
.wmain .wsubl{padding-top:65px;}
.wmain .wsubl ul li{height:50px; line-height:50px; margin-top:1px; background:#ededed;}
.wmain .wsubl ul li:hover,.wmain .wsubl ul li.on{background:#0886DA;}
.wmain .wsubl ul li a{display:block; position:relative; margin:0px 25px; color:#666; font-size:14px; background:url(../skin/sli.png) right center no-repeat;}
.wmain .wsubl ul li:hover a,.wmain .wsubl ul li.on a{color:#fff; background:url(../skin/sli_h.png) right center no-repeat;}
.wmain .wsubl ul li span{padding-left:30px;}
.wmain .wsubl ul li .co{display:block; width:24px; height:18px; position:absolute; left:0px; top:16px; z-index:5;}
.wmain .wsubl ul li .c1{background:url(../skin/sl1.png) no-repeat;}
.wmain .wsubl ul li:hover .c1,.wmain .wsubl ul li.on .c1{background:url(../skin/sl2.png) no-repeat;}
.wmain .wsubl ul li .c2{background:url(../skin/sl3.png) no-repeat;}
.wmain .wsubl ul li:hover .c2,.wmain .wsubl ul li.on .c2{background:url(../skin/sl4.png) no-repeat;}
.wmain .wsubl ul li .c3{background:url(../skin/sl5.png) no-repeat;}
.wmain .wsubl ul li:hover .c3,.wmain .wsubl ul li.on .c3{background:url(../skin/sl6.png) no-repeat;}
.wmain .wsubl ul li .c4{background:url(../skin/sl7.png) no-repeat;}
.wmain .wsubl ul li:hover .c4,.wmain .wsubl ul li.on .c4{background:url(../skin/sl8.png) no-repeat;}
.wmain .wsubl ul li .c5{background:url(../skin/sl9.png) no-repeat;}
.wmain .wsubl ul li:hover .c5,.wmain .wsubl ul li.on .c5{background:url(../skin/sl10.png) no-repeat;}
.wmain .wsubl ul li .c6{background:url(../skin/sl11.png) no-repeat;}
.wmain .wsubl ul li:hover .c6,.wmain .wsubl ul li.on .c6{background:url(../skin/sl12.png) no-repeat;}
.wmain .wsubl ul li .c7{background:url(../skin/sl13.png) no-repeat;}
.wmain .wsubl ul li:hover .c7,.wmain .wsubl ul li.on .c7{background:url(../skin/sl14.png) no-repeat;}
.wmain .wsubl ul li .c8{background:url(../skin/sl15.png) no-repeat;}
.wmain .wsubl ul li:hover .c8,.wmain .wsubl ul li.on .c8{background:url(../skin/sl16.png) no-repeat;}
.wmain .wsubl ul li .c9{background:url(../skin/sl17.png) no-repeat;}
.wmain .wsubl ul li:hover .c9,.wmain .wsubl ul li.on .c9{background:url(../skin/sl18.png) no-repeat;}
.wmain .wsubl ul li .c10{background:url(../skin/sl19.png) no-repeat;}
.wmain .wsubl ul li:hover .c10,.wmain .wsubl ul li.on .c10{background:url(../skin/sl20.png) no-repeat;}
.wmain .wsubl ul li .c11{background:url(../skin/sl21.png) no-repeat;}
.wmain .wsubl ul li:hover .c11,.wmain .wsubl ul li.on .c11{background:url(../skin/sl22.png) no-repeat;}
.wmain .wstm{width:100%; height:86px; background:url(../skin/stm.png) right center no-repeat; margin-top:20px;}
.wmain .wstm span{font-size:14px; color:#666; display:block; padding:25px 0px 0px 25px;}
.wmmconm{padding-left:40px;}
.wmmconm .waddtob{border-bottom:1px solid #ddd; padding:20px 0px 5px 0px;}
.wmmconm .waddtob .wsn{float:left; font-size:24px; color:#0886DA; display:block;}
.wmmconm .waddtob .wsn .bf{width:5px; height:22px; background:#0886DA; display:block; float:left; margin:9px 5px 0px 0px;}
.wmmconm .waddtob .waddh{float:right; padding-top:15px;}
.wmmconm .waddtob .waddh .home{background:url(../skin/homebg.png) left center no-repeat; padding-left:20px;}
.wmmconm .waddtob .waddh a.on{color:#0886DA;}
.wmmconm .attm{}
.contitle{padding:0px 10px; height:45px; line-height:45px; background:#303030; font-size:16px; color:#f08300; cursor:pointer; display:none;}
.contitle .tn{float:left;}
.contitle .tb{float:right; display:block; width:10px; height:18px; background:url(../skin/rightbtn.png) no-repeat; background-size:100% auto; margin-top:15px;}
.contitle .tb.on{background-position:0px 0px; width:20px; height:11px; background:url(../skin/rightbtnh.png) no-repeat; background-size:100% auto; margin-top:20px;}
.connav{width:100%; background:#4b4b4d; position:relative; display:none;}
.connav li{height:45px; line-height:45px; border-bottom:1px solid #000; padding:0px 15px;}
.connav li a{font-size:16px; color:#fff; display:block;}

/*job*/
.searchseebox{width:100%; padding:20px 0px; overflow:hidden;zoom:1;}
.searchseebox .td1{width:28.333%; float:left;}
.searchseebox .td2{width:15%; float:left;}
.searchseebox .obsubtn{width:100%; height:40px; background:#0886DA; border:none; color:#fff; font-size:14px; cursor:pointer;}
.searchseebox .obtext{border:1px solid #ddd; width:95%; height:38px; margin-right:5%; font-size:14px; color:#000; text-indent:10px;}
.searchseebox .obselet{width:95%; height:40px; margin-right:5%; font-size:14px; color:#000; text-indent:10px;}
.joblist li.bg1 .title{background:#f2f2f2;}
.joblist li .title{height:45px; line-height:45px; padding:0px 20px; overflow:hidden;zoom:1; cursor:pointer; background:#fff;}
.joblist li .title span{font-size:14px; color:#666;}
.joblist li .title .close{display:block; margin-top:12px; width:19px; height:19px; float:right; overflow:hidden; text-indent:-9999px; background:url(../skin/jobci.png) 0px 0px no-repeat; transition: all 0.2s ease;}
.joblist li .title.on{background:#453d3e;}
.joblist li .title.on span{color:#fff;}
.joblist li .on .close{background-position:0px -19px;}
.joblist li .tmain{padding:45px 40px; display:none; background:#f2f2f2; font-size:14px; border-bottom:1px solid #f4f4f4; margin-bottom:10px;}
.joblist li .tmain .hr{padding-bottom:30px; border-bottom:1px solid #ddd;}
.joblist li .tmain .hr span{color:#666; margin-right:20px;}
.joblist li .tmain .hr2{color:#333; padding:30px 0px;}
.joblist li .tmain .joinbtn{padding-top:40px; overflow:hidden;zoom:1;}
.joblist li .tmain .joinbtn a{display:block; width:143px; height:43px; line-height:43px; text-align:center; color:#fff; background:#7f7f7f; float:left; margin-right:10px; transition: all 0.5s;}
.joblist li .tmain .joinbtn a.on,.joblist li .tmain .joinbtn a:hover{background:#0886DA;}
.joblist li .tmain .joinbtn .upbtn{width:143px; height:43px; line-height:43px; text-align:center; color:#fff; background:#7f7f7f; float:left; margin-right:10px; position:relative;}
.joblist li .tmain .joinbtn .upbtn span{display:block; width:100%; background:#0886DA; position:absolute; left:0px; top:0px;}
.joblist li .tmain .joinbtn .upbtn input{width:100%; height:100%; opacity:0; filter:Alpha(opacity=0); cursor:pointer;}

/*join*/
.jiont1{width:100%; background:#fff;}
.jiont2{width:100%; background:#f7f7f7;}
.sxlist{padding:30px 0px 5% 0px;}
.sxlist ul li{width:25%; float:left; margin-top:10px;}
.sxlist ul li .td{border:2px solid #f7f7f7; background:#f7f7f7; padding:25px; text-align:center;}
.sxlist ul li .sn{display:block; width:87px; height:87px; margin:0 auto; transition: all 0.5s; background-position:0px 0px; background-repeat:no-repeat;}
.sxlist ul li .td:hover{border-color:#0886DA;}
.sxlist ul li .s1{background-image:url(../skin/con4.png);}
.sxlist ul li .s2{background-image:url(../skin/con5.png);}
.sxlist ul li .s3{background-image:url(../skin/con6.png);}
.sxlist ul li .s4{background-image:url(../skin/con7.png);}
.sxlist ul li .td:hover .sn{background-position:-87px 0px;}
.sxlist ul li .num{display:block; font-size:18px; color:#333; font-weight:bold; padding-top:20px; height:27px;}
.sxlist ul li .tm{display:block; font-size:14px; color:#666; height:20px; line-height:20px;}
.sxlist ul li .t1{margin-right:10px;}
.sxlist ul li .t2,.sxlist ul li .t3{margin:0px 5px;}
.sxlist ul li .t4{margin-left:10px;}
.jiont2 .sxlist ul li .td{background:#fff; border-color:#fff;}
.jiont2 .sxlist ul li .td:hover{border-color:#0886DA;}
.jiaimg{padding-bottom:5%;}
.jiaimg ul li{width:33.333%; float:left; margin-top:10px;}
.jiaimg ul li:nth-of-child(1) span{display:block; margin-right:8px;}
.jiaimg ul li:nth-of-child(2) span{display:block; margin:0px 4px;}
.jiaimg ul li:nth-of-child(3) span{display:block; margin-left:8px;}
.jophone{text-align:center; font-size:20px; color:#333; padding:2% 0px;}
.jiont3 .formtab{padding-bottom:5%;}
.jiont3 .formtab .ful li{width:33.333%;}
.jiont3 .formtab .ful li .t3{float:right;}
.jiont3 .formtab .wsl{background:#fff;}
.jiont3 .formtab .mesub .dmbtn{width:100%;}
#owl-demo1{padding:7% 0px; background:url(../skin/con9.png) center center repeat-x;}
#owl-demo1 .item{width:95%; display:block; margin:0 auto !important;}
#owl-demo1 .num{border-radius:50%; border:2px solid #ddd; margin:0 auto; width:140px; height:110px; padding-top:30px; text-align:center; background:#fff;}
#owl-demo1 .num b{font-size:18px; color:#333;}
#owl-demo1 .num span{display:block; font-size:14px; color:#666;}
#owl-demo1 .num:hover{border-color:#0886DA;}
#owl-demo1 .owl-prev,#owl-demo1 .owl-next{display:block; width:18px; height:31px; background:url(../skin/con8.png) no-repeat; position:absolute; top:50%; margin-top:-15px;}
#owl-demo1 .owl-prev{background-position:0px 0px; left:-15px;}
#owl-demo1 .owl-next{background-position:-18px 0px; right:-15px;}

/*news*/
.newslist{padding-top:15px;}
.newslist ul li{border:1px solid #fff; overflow:hidden; margin-top:15px; background:#f6f6f6; position:relative; transition: all 0.5s;}
.newslist ul li .pic{float:left; width:28%; max-height:176px; overflow:hidden;}
.newslist ul li .pic:hover img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.newslist ul li .tmian{width:72%; float:left;}
.newslist ul li .tmian .mtb{padding:25px;}
.newslist ul li .tmian .title{font-size:20px; color:#333; height:25px; line-height:25px; margin-bottom:10px;}
.newslist ul li .tmian .pm{font-size:14px; color:#999; height:43px; overflow:hidden;}
.newslist ul li .tmian .time{position:absolute; bottom:20px; color:#999; background:url(../skin/timebg.png) left center no-repeat; padding-left:20px;}
.newslist ul li .tmian .btn{display:block; text-align:center; color:#999; width:93px; height:28px; line-height:28px; border:1px solid #ddd; position:absolute; right:25px; bottom:20px; transition: all 0.5s;}
.newslist ul li:hover{border-color:#0886DA;}
.newslist ul li:hover .title{color:#0886DA;}
.newslist ul li:hover .btn{border-color:#0886DA; background:#0886DA; color:#fff;}
.newsdetails{padding-top:20px;}
.newsdetails h1{font-size:24px; text-align:center; color:#333;}
.newsdetails .datain{text-align:center; margin:10px 0px;}
.newsdetails .datain span{display:inline-block; vertical-align:middle; margin:0px 5px;}
.newsdetails .datain .bdsharebuttonbox{display:inline-block; vertical-align:middle; margin:0px 5px;}
.nwmore{overflow:hidden;zoom:1; border-top:1px solid #ddd; padding-top:10px;}
.nwmore .ul{float:left;}
.nwmore .ul li{font-size:14px; color:#333; margin-bottom:5px;}
.nwmore .ul li a{color:#333;}
.nwmore .ul li a:hover{color:#0886DA; text-decoration:underline;}
.nwmore .return{float:right; display:block; width:130px; height:40px; line-height:40px; background:#565656; font-size:14px; color:#fff; text-align:center; transition: all 0.5s;}
.nwmore .return:hover{background:#0886DA;}
.page{text-align:center; padding:40px 0px;}
.page a{font-size:14px; display:inline-block; border:1px solid #e3e3e3; padding:3px 10px; color:#666;}
.page a.on{background:#0886DA; border-color:#0886DA; color:#fff;}
.page a:hover{border-color:#0886DA;}

/*服务支持*/
.prebox{padding-top:20px;}
.prebox .h2{font-size:14px; color:#666;}
.prebox .th3{font-size:18px; color:#0886DA; padding:25px 0px;}
.preimg ul li{width:33.333%; float:left; margin-top:2px;}
.preimg ul li a{display:block; position:relative; cursor:default;}
.preimg ul li .a1{margin-right:1px;}
.preimg ul li .a2{margin:0px 0.5px;}
.preimg ul li .a3{margin-left:1px;}
.preimg ul li .bg{display:block; width:100%; height:100%; position:absolute; left:0px; bottom:0px; z-index:5; background:#0886DA; filter:alpha(opacity=80); background:rgba(148,19,37,.8); visibility:hidden; opacity:0; transition: all 0.5s;}
.preimg ul li h2{width:100%; text-align:center; position:absolute; left:0px; top:20%; margin-top:-14px; font-size:18px; color:#fff; z-index:10; visibility:hidden; opacity:0; transition: all 0.5s;}
.preimg ul li:hover .bg{visibility:visible; opacity:1;}
.preimg ul li:hover h2{visibility:visible; opacity:1; top:50%;}

/*lovein*/
.loveinlt ul li{width:33.333%; float:left; margin-top:20px;}
.loveinlt ul li a{display:block;}
.loveinlt ul li .a1{margin-right:10px;}
.loveinlt ul li .a2{margin:0px 5px;}
.loveinlt ul li .a3{margin-left:10px;}
.loveinlt ul li .title{height:60px; line-height:60px; background:#f3f3f3;}
.loveinlt ul li .title span{display:block; margin:0px 10px; font-size:16px; color:#333; background:url(../skin/lmore.png) right center no-repeat;}
.loveinlt ul li:hover .title{background:#0886DA;} 
.loveinlt ul li:hover .title span{color:#fff; background:url(../skin/lmorebg.png) right center no-repeat;}
.lovtitle{text-align:center; font-size:24px; color:#333; padding:3% 0px 2% 0px;}
.loveimgbox{padding-bottom:5%;}
#owl-demo2{margin-top:20px;}
#owl-demo2 .item{width:95%; display:block; margin:0 auto !important;}
#owl-demo2 .owl-prev,#owl-demo2 .owl-next{display:block; width:37px; height:37px; background:url(../skin/con10.png) no-repeat; position:absolute; top:50%; margin-top:-19px;}
#owl-demo2 .owl-prev{background-position:0px 0px; left:0px;}
#owl-demo2 .owl-next{background-position:-37px 0px; right:0px;}

/*message*/
.formtab .ful{width:100%; padding-top:20px;}
.formtab .ful li{width:25%; float:left; margin-top:20px;}
.formtab .ful li .t1{display:block; width:95%; float:left;}
.formtab .ful li .t2{display:block; width:95%; margin:0 auto;}
.formtab .ful li .t3{display:block; width:95%; margin:0 auto;}
.formtab .ful li .t4{display:block; width:95%; float:right;}
.formtab .mtext{border:1px solid #ddd; width:99%; height:38px; font-size:14px; color:#000; text-indent:10px;}
.formtab .msele{width:100%; height:40px; font-size:14px; color:#000; text-indent:10px;}
.formtab .wsl{margin-top:20px; border:1px solid #ddd; padding:10px;}
.formtab textarea{width:100%; height:200px; border:none; font-size:14px; color:#000;}
.formtab .mesub{width:100%; overflow:hidden;zoom:1; margin-top:20px;}
.formtab .mesub .dmbtn{width:49%; height:50px; border:none; float:right; background:#3e3e3e; font-size:18px; color:#fff; cursor:pointer;}
.formtab .mesub .dmbtn:hover{background:#0886DA;}
.formtab .mesub .dmbtn.on{float:left; background:#0886DA;}

/*contact*/
.ontitle{text-align:center; padding:50px 0px 20px 0px;}
.ontmian{max-width:875px; margin:0 auto; font-size:14px; color:#999; text-align:center; padding:0px 10px;}
.contaclt{overflow:hidden;zoom:1; padding:30px 0px;}
.contaclt ul li{width:33.333%; height:166px; float:left; margin-top:10px;}
.contaclt ul li div{padding:50px 30px; height:66px; background:#f4f4f4; transition: all 0.5s;}
.contaclt ul li div.t1{margin-right:20px;}
.contaclt ul li div.t2{margin:0px 10px;}
.contaclt ul li div.t3{margin-left:20px;}
.contaclt ul li:hover div{background:#e8e0e0;}
.contaclt ul li img{width:64px; height:64px; float:left; margin-right:30px;}
.contaclt ul li h3{font-size:14px; color:#333; font-weight:bold;}
.contaclt ul li p{font-size:14px; color:#666;}
.map{border:1px solid #ddd; padding:5px;}
.map img{width:100%; display:block;}

/*footer*/
.footer{width:100%; background:#2b2727; border-top:3px solid #0886DA;}
.footer .foottou{overflow:hidden;zoom:1; padding:40px 0px 20px 0px;}
.footer .foottou .footlink{float:left; width:11.111%;}
.footer .foottou .footlink dt{font-size:14px; color:#dcdcdc; margin-bottom:10px;}
.footer .foottou .footlink dd{margin-top:5px;}
.footer .foottou .footlink dd a{font-size:12px; color:#8e8e8e;}
.footer .foottou .footlink dd a:hover{color:#0886DA; text-decoration:underline;}
.footer .foottou .ewmdl{float:right; width:92px;}
.footer .foottou .ewmdl dd{float:left; text-align:center;}
.footer .foottou .ewmdl dd img{width:92px; height:92px;}
.footer .foottou .ewmdl dd span{display:block; color:#666; padding-top:5px;}
.footer .footshark{overflow:hidden;zoom:1; padding:15px 0px; border-top:1px solid #424242;}
.footer .footshark .bdsharebuttonbox{float:right; width:152px;}
.footer .footshark .bdsharebuttonbox a{margin:0px; padding:0px; width:26px; height:26px; background:url(../skin/shark.png) no-repeat; margin-left:12px;}
.footer .footshark .bdsharebuttonbox a.bds_weixin{background-position:0px 0px;}
.footer .footshark .bdsharebuttonbox a.bds_tsina{background-position:-26px 0px;}
.footer .footshark .bdsharebuttonbox a.bds_renren{background-position:-52px 0px;}
.footer .footshark .bdsharebuttonbox a.bds_linkedin{background-position:-78px 0px;}
.footer .footshark .copy{float:left; color:#999; margin-top:5px;}
.footer .footshark .copy a{color:#999;}
.footer .footshark .copy a:hover{color:#0886DA;}

/* Table of Contents
==================================================

    #Mobile - 240px
    #Mobile - 320px	
    #Mobile - 480px	
	#Tablet - 768px	
	*/

/* #Mobile - 240px
当页面宽度小于319px的时候执行下面的CSS
================================================== */
@media only screen and (max-width: 640px) {
	.header .showbtn{display:block; margin-top:13px;}
	.header .hdtmain,.header .navbg{display:none;}
	.header .logo{margin:20px 0px;}
	.header .logo img{width:30%;}
	.header .lang{top:21px; right:57px;}
	
	.notnews .notnewslt ul li{width:140px;}
	.indexabout{padding:10px 0px;}
	.indexabout .iabout{width:100%; max-width:none; margin-bottom:15px;}
	.indexabout .iabul{width:100%; max-width:none;}
	.nybanner{height:100px;}
	.wmain .layout,.wmmconm{padding:0px;}
	.wmain .wmleft,.wmmconm .waddtob .waddh{display:none;}
	.contitle{display:block;}
	.wmain .wmright{width:auto; padding:0px 10px; float:none;}
	
	.newslist ul li .pic{width:100%; max-height:inherit; float:none;}
	.newslist ul li .tmian{width:100%; float:none;}
	.newslist ul li .tmian .pm{width:100%; clear:both;}
	.newslist ul li .tmian .time{position:static; bottom:auto; float:left; margin:10px 0px;}
	.newslist ul li .tmian .btn{position:static; right:auto; bottom:auto; float:right; margin:10px 0px;}
	.nwmore .return{width:100%; margin-top:10px;}
	.preimg ul li,.loveinlt ul li{width:100%;}
	.preimg ul li .a1,.preimg ul li .a2,.preimg ul li .a3,.loveinlt ul li .a1,.loveinlt ul li .a2,.loveinlt ul li .a3{margin:0px;}
	.searchseebox .obtext,.searchseebox .obselet{width:99%; margin:0px;}
	.searchseebox .obselet{width:100%;}
	.searchseebox .td1,.searchseebox .td2{width:100%; margin-top:10px;}
	.contaclt{padding:0px 10px; width:auto;}
	.contaclt ul li{width:100%; height:100%; margin-top:10px;}
	.contaclt ul li div.t1,.contaclt ul li div.t2,.contaclt ul li div.t3{margin:0px;}
	.map{margin:10px;}
	.formtab{padding:0px 10px;}
	.formtab .ful li,.jiont2 .formtab .ful li{width:100%;}
	.formtab .ful li .t1,.formtab .ful li .t2,.formtab .ful li .t3,.formtab .ful li .t4,.jiont2 .formtab .ful li .t3{width:100%; float:none;}
	.sxlist ul li,.jiaimg ul li{width:100%;}
	.sxlist ul li .t1,.sxlist ul li .t2,.sxlist ul li .t3{margin:0px;}
	#owl-demo1 .owl-prev{left:0px;}
	#owl-demo1 .owl-next{right:0px;}
	.jiont2 .formtab{padding:0px 0px 5% 0px;}
	#fkVideoBox{width:95%; top:250px;}
	#fkVideo{height:auto;}
	
	.footer .foottou .footlink{width:25%; height:95px; margin-bottom:20px;}
	.footer .foottou .ewmdl{float:none; margin:0 auto;}
	.footer .footshark .copy{width:100%; text-align:center; float:none;}
	.footer .footshark .bdsharebuttonbox{float:none; margin:10px auto 0px auto;}
}

/* #Mobile - 480px
当页面宽度大于480px小于767px的时候执行下面的CSS
================================================== */
@media only screen and (min-width: 641px) and (max-width: 767px) {
	.header .showbtn{display:block; margin-top:13px;}
	.header .hdtmain,.header .navbg{display:none;}
	.header .logo{margin:20px 0px;}
	.header .logo img{width:30%;}
	.header .lang{top:21px; right:57px;}
	
	.notnews .notnewslt ul li{width:140px;}
	.indexabout{padding:10px 0px;}
	.indexabout .iabout{width:100%; max-width:none; margin-bottom:15px;}
	.indexabout .iabul{width:100%; max-width:none;}
	.nybanner{height:200px;}
	.wmain .layout,.wmmconm{padding:0px;}
	.wmain .wmleft,.wmmconm .waddtob .waddh{display:none;}
	.contitle{display:block;}
	.wmain .wmright{width:auto; padding:0px 10px; float:none;}

	.newslist ul li .pic{width:100%; max-height:inherit; float:none;}
	.newslist ul li .tmian{width:100%; float:none;}
	.newslist ul li .tmian .pm{width:100%; clear:both;}
	.newslist ul li .tmian .time{position:static; bottom:auto; float:left; margin:10px 0px;}
	.newslist ul li .tmian .btn{position:static; right:auto; bottom:auto; float:right; margin:10px 0px;}
	.nwmore .return{width:100%; margin-top:10px;}
	.preimg ul li,.loveinlt ul li{width:100%;}
	.preimg ul li .a1,.preimg ul li .a2,.preimg ul li .a3,.loveinlt ul li .a1,.loveinlt ul li .a2,.loveinlt ul li .a3{margin:0px;}
	.searchseebox .obtext,.searchseebox .obselet{width:99%; margin:0px;}
	.searchseebox .obselet{width:100%;}
	.searchseebox .td1,.searchseebox .td2{width:100%; margin-top:10px;}
	.contaclt{padding:0px 10px; width:auto;}
	.contaclt ul li{width:100%; height:100%; margin-top:10px;}
	.contaclt ul li div.t1,.contaclt ul li div.t2,.contaclt ul li div.t3{margin:0px;}
	.map{margin:10px;}
	.formtab{padding:0px 10px;}
	.formtab .ful li,.jiont2 .formtab .ful li{width:100%;}
	.formtab .ful li .t1,.formtab .ful li .t2,.formtab .ful li .t3,.formtab .ful li .t4,.jiont2 .formtab .ful li .t3{width:100%; float:none;}
	.sxlist ul li,.jiaimg ul li{width:100%;}
	.sxlist ul li .t1,.sxlist ul li .t2,.sxlist ul li .t3{margin:0px;}
	#owl-demo1 .owl-prev{left:0px;}
	#owl-demo1 .owl-next{right:0px;}
	.jiont2 .formtab{padding:0px 0px 5% 0px;}
	#fkVideoBox{width:95%; top:250px;}
	#fkVideo{height:auto;}
	
	.footer .foottou .footlink{width:25%; height:95px; margin-bottom:20px;}
	.footer .foottou .ewmdl{float:none; margin:0 auto;}
	.footer .footshark .copy{width:100%; text-align:center; float:none;}
	.footer .footshark .bdsharebuttonbox{float:none; margin:10px auto 0px auto;}
}

/* #Tablet - 768px  //ipad9.7寸
当页面宽度大于768px小于1023px的时候执行下面的CSS
================================================== */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.header .showbtn{display:block;}
	.header .hdtmain,.header .navbg{display:none;}
	.header .logo img{width:80%;}
	.header .lang{top:47px; right:65px;}
	
	.nybanner{height:250px;}
	.wmain .layout,.wmmconm{padding:0px;}
	.wmain .wmleft,.wmmconm .waddtob .waddh{display:none;}
	.contitle{display:block;}
	.wmain .wmright{width:auto; padding:0px 10px; float:none;}
	.wmain .wstn span{margin-left:15px;}
	.newslist ul li .tmian .mtb{padding:15px;}
	.newslist ul li .tmian .time,.newslist ul li .tmian .btn{bottom:10px;}
	.contaclt{padding:0px 10px; width:auto;}
	.contaclt ul li{width:100%; height:100%; margin-top:10px;}
	.contaclt ul li div.t1,.contaclt ul li div.t2,.contaclt ul li div.t3{margin:0px;}
	.map{margin:10px;}
	.formtab{padding:0px 10px;}
	#fkVideoBox{width:95%; top:250px;}
	#fkVideo{height:auto;}
	
	.footer .foottou .footlink{width:12.5%; margin-bottom:20px;}
	.footer .foottou .ewmdl{float:none; margin:0 auto;}
}

/* #Screens Bigger than - 1280px
================================================== */
@media only screen and (min-width: 1281px) {
	.container{right:0px !important;}
	.navsub{display:none;}
}