@charset "utf-8";
/* CSS Document */

.w1080{
	width: 1080px;
	min-width: 1080px;
	margin: auto;
}
/*..header..*/
html{overflow-x:hidden;}
.header{
	width: 100%;
	min-width: 1300px;
	height: 100px;
	background: url(../images/bg011.png) repeat-x;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: -99;
}
.header .header-main{
	width: 95%;
	height: 100%;
	margin: auto;
	position: relative;
}
.header-main h1{
	width: 194px;
	height: 100px;
}
.header-main .nav-main{
  	width: 815px;
  	margin: auto;
  	float: none;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -408px;
}
.nav-main li{
	width: 115px;
	height: 98px;
	line-height:58px;
	border-left: 1px solid #e2ebef;
	text-align: center;
}
.nav-main .iwant{
	position: relative;
}
.nav-main .iwant dl{
	position: absolute;
	top: 100px;
	left: 0;
	z-index: 4;
	background: #fff;
	display: none;
}
.nav-main .iwant dl a{
	display: block;
	margin-top: 0 !important;
	width: 99px;
         padding:0 8px;
	text-align: center;
	min-height: 40px;
	line-height: 40px;
	font-weight:normal;
	border-bottom: 1px solid #a9d9ee;
}
/*.nav-main .iwant:hover dl{
	display: block;
}*/
.nav-main .iwant dl a:hover{
	background: #de0312;
	color: #fff;
}
.nav-main li:hover{
	background: url(../images/bg02.png) repeat-x;
	border-bottom: 2px solid #cc0000;
}
.nav-main li a{
	display: block;
	font-size: 14px;
	font-weight:bold;
	color: #636363;
	margin-top: 20px;
}
.nav-main li a p{
	margin-top: 13px;
}
.search-box {
	margin-top: 34px;
}
.search-box .english{
	display: block;
	width: 34px;
	height: 34px;
	margin-right: 5px;
}
.search-box form{
	width: 173px;
	height: 33px;
	border-radius: 30px;
	border: 1px solid #cc0000;
	position: relative;
}
.search-box form .inputbox{
	border: none;
	height: 33px;
	width: 120px;
	background: none;
	margin-left: 17px;
	color: #cc0000;
}

/*.search-box form .inputbox{
	font-size: 14px;
	height: 15px;
	line-height: 14px;
	padding: 10px 40px 10px 5px;
	background: none;
	margin-left: 17px;
	color: #cc0000;
	border: none;
}*/
.search-box form .submit{
	border: none;
	width: 18px;
	height: 18px;
	background: url(../images/icon08.png) no-repeat;
	position: absolute;
	top: 7px;
	right: 10px;
}
/*..footer..*/
.footer{
	width: 100%;
	height: 160px;
	background: #630012;
	min-width: 1300px;
        position:relative;
        bottom:0;
}
.footer-main a{
	color: #d3e7f4;
}
.footer-main p{
	color: #d3e7f4;
}
.footer-main .footer-nav{
	width: 745px;
	margin: auto;
	position: relative;
	padding-top: 40px;
}
.footer-main .footer-nav .f-nav a{
	font-size: 12px;
	margin: 0 18px;
}
.footer-main a:hover{
	text-decoration: underline;
}
.footer-nav dl {
	width: 123px;
	height: 21px;
	border: 1px solid #c38080;
	position: absolute;
	top: 40px;
	right: 0px;
	border-radius: 5px;
}
.footer-nav dl dt{
	color: #d3e7f4;
	text-align: left;
	background: url(../images/icon10.png) no-repeat 105px 8px;
	padding-left: 10px;
	cursor: pointer;
}
.footer-nav dl dd{
	width: 100%;
	position: absolute;
	bottom: 21px;
	left: 0px;
	display: none;
	background: #861818;
}
.footer-nav dl dd a{
	display: block;
	border: 1px solid #c38080;
	border-bottom: none;
	padding-left: 10px;
}
.copyright{
	text-align: center;
	margin: 15px 0 20px 0;
}
.footer .attention{
	float: none;
	width: 178px;
	margin: auto;
}
.attention li a{
	display: block;
	width: 29px;
	height: 29px;
	margin: 0 3px;
	padding-left: 0px !important;
}
.attention .sina a{
	background: url(../images/icon11.png) no-repeat !important;
}
.attention .weibo a{
	background: url(../images/icon12.png) no-repeat !important;
}
.attention .wechat a{
	background: url(../images/icon13.png) no-repeat !important;
}
.attention .facebook a{
	background: url(../images/icon14.png) no-repeat !important;
}
.attention .twitter a{
	background: url(../images/icon15.png) no-repeat !important;
}
/*..........home...........*/
/*
.banner-box{
	height: 580px;
	overflow: hidden;
	position: absolute;
	top:0;
	left:0;
        z-index:-99;
	min-width: 1300px;
width:100%;
}
.banner-box .pic{
	width: 1920px;
	height: 776px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -960px;
}

.banner-box .banner-con{
	width: 720px;
	height: 275px;
	background: url(../images/bg03.png) repeat-x;
	position: absolute;
	top: 300px;
	left: 50%;
	margin-left: -360px;
	z-index: 2;
	text-align: center;
	color: #def0f0;
	opacity: 0;
	filter:alpha(opacity=0);
}
.banner-box .banner-con dt{
	font-size: 38px;
	font-family: 'SimSun';
	line-height: 38px;
	margin: 70px 0 15px 0;
}
.banner-box .banner-con .info{
	font-size: 18px;
}
.banner-box .settled a{
	display: block;
	width: 130px;
	height: 38px;
	border: 1px solid #d5ebeb;
	color: #d5ebeb;
	border-radius: 30px;
	text-align: center;
	line-height: 38px;
	font-size: 16px;
	margin: auto;
	margin-top: 45px;
}
.banner-box .settled a:hover{
	color: #000;
	border: 1px solid #000;
}
*/
.advantage{
	width: 100%;
	height: 400px;
	min-width: 1300px;
}
.advantage-loop{
	position: relative;
}
.advantage-loop ul li a{
	display: block;
	width: 255px;
	height: 315px;
	position: relative;
	margin-right: 15px;
}
.advantage-loop ul li .pic{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.advantage-loop ul dl{
	width: 215px;
	height: 118px;
	padding: 0 20px;
	/*background: url(../images/bg04.png) repeat-x;*/
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
}
.advantage-loop ul .intro{
	text-align: center;
	position: absolute;
	bottom: -30px;
	left: 0px;
}
.advantage-loop ul .intro .mask{
	width: 255px;
	height: 90px;
	background: #000;
	opacity: .5;
	filter:alpha(opacity=50);
}
.advantage-loop ul .intro em{
	display: block;
	width: 78px;
	height: 10px;
	background: url(../images/z04.png) no-repeat;
	position: absolute;
	top: 62px;
	left: 91px;
}
.advantage-loop ul .intro span{
	position: absolute;
	top: 19px;
	left: 10px;
	font-size: 16px;
	color: #fff;
	text-align:center;
}
.advantage-loop ul a:hover .intro .mask{
	background: #de0312;
}
.advantage-loop dl dt{
	font-size: 16px;
	color: #fff;
	margin: 22px 0 12px 0;
}
.advantage-loop dl dd{
	color: #f4f8fb;
}
.click{
	display: block;
	width: 88px;
	height: 28px;
	border: 1px solid #dbdbdb;
	border-radius: 25px;
	position: absolute;
	bottom: -72px;
	z-index: 2;
	cursor: pointer;
}
.click:hover{
	border: 1px solid #cc0000;
}

.next{
	background: url(../images/icon17.jpg) no-repeat 43px 10px;
	right: 445px;
}
.prev{
	background: url(../images/icon16.png) no-repeat 43px 10px;
	left: 431px;
}
.home-display{
	width: 100%;
	height: 445px;
	background: url(../images/bg06.jpg) no-repeat center;
	min-width: 1300px;
margin-top:122px;
}
.home-display .h-intro{
	width: 885px;
	text-align: center;
	margin: auto;
	color: #f4f8fb;
	font-size: 14px;
	padding-top: 75px;
	display: none;
}
.home-display em{
	display: block;
	width: 33px;
	height: 1px;
	background: #f4f8fb;
	margin: 35px auto 50px;
}
.home-display ul{
	float: none;
}
.home-display ul li{
	width: 145px;
	height: 145px;
	border: 1px solid #fff;
	border-radius: 90px;
	text-align: center; 
	margin: 0 34px;
	cursor: pointer;
}
.home-display ul li a{
	display: block;
}
.home-display ul li img{
	margin: 30px 0 8px 0;
}
.home-display ul li:hover img{
	transform: rotateY(360deg);
	transition:all 1.5s;
}
.home-display ul li p{
	font-size: 14px;
	color: #fff;
}
.homenews{
	width: 100%;
	height: 580px;
	background: #f3f9fb;
	min-width: 1300px;
}
.homenews-loop{
	position: relative;
}
.homenews-loop ul li a{
	display: block;
	width: 340px;
	height: 320px;
	position: relative;
	margin-right: 20px;
}
.homenews-loop ul li .pic{
	width: 100%;
	height: 100%;
}
.homenews-loop ul dl{
	width: 323px;
	height: 79px;
	padding-left: 17px;
	background: url(../images/bg04.png) repeat-x;
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
	text-align: left;
	color: #fff;
	font-size: 14px;
}
.homenews-loop ul dl:hover{
	background: url(../images/bg05.png) repeat-x;
}
.homenews-loop ul dl dt{
	margin-top: 20px;
}
/*.partners-main*/ .same-ul{
	width: 1074px;
	border-top: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
}


.partners-main .partner{
	margin-bottom: 65px;
}
.partners-main .factory{
	/*display: none;*/
        width:1100px;
        overflow:hidden;
}
.partners-main .partner{
	/*display: none;*/
}
/*.partners-main */.same-ul li,.same-ul p{
	width: 219px;
	height: 245px;
	border-bottom: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	text-align: center;
	cursor: pointer;
}
.same-ul p{
	float: left;
	background: #fff;
}
/*.partners-main*/ .same-ul li img,.same-ul p img{
	margin-top: 0px;
}

.same-ul .brand img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.same-ul .brand:hover img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
	filter: grayscale(0%);
	cursor: pointer;
}
.hometitle{
	text-align: center;
	font-size: 30px;
	color: #4c0505;
	line-height: 36px;
	padding: 40px 0 0 0;
}
.titleinfo{
	text-align: center;
	font-size: 18px;
	color:#E7E7E7;
	line-height: 36px;
	margin-bottom: 15px;
}
/*......about......*/
.inner-banner{
	width: 100%;
	height: 354px;
	position: absolute;
	top:0;
	left:0;
	min-width: 1300px;
}
.inner-banner .pic{
	width: 100%;
	height: 100%;
}
.inner-banner dl{
	width: 540px;
	text-align: center;
	position: absolute;
	top: 185px;
	left: 50%;
	margin-left: -270px;
	z-index: 2;
}
.inner-banner dl dt{
	font-size: 38px;
	line-height: 38px;
	color: #ddedf0;
}
.inner-banner dl dd{
	font-size: 18px;
	color: #ddf2f3;
	line-height: 22px;
	margin-top: 25px;
}
.company{
	padding-bottom: 108px;
	min-width: 1300px;
}
.about-title{
	color: #333;
	font-size: 30px;
	line-height: 36px;
	text-align: center;
	padding-top: 90px;
}
.company-intro em,.com-culture i,.devices-intro em,.history em,.venue i,.program i,.coo-step em,.agency em{
	display: block;
	width: 50px;
	height: 3px;
	background: #de0312;
	margin: 26px auto 48px;
}
.com-culture i{
	background: #fff;
}
.company-intro .detail .pic{
	width: 466px;
	height: 350px;
}
.company-intro .detail .info{
	width: 555px;
	font-size: 14px;
}
.com-culture{
	width: 100%;
	height: 572px;
	background: url(../images/bg10.jpg) no-repeat center;
	min-width: 1300px;
}
.culture-loop{
	position: relative;
}
.culture-loop .bd ul li a{
	display: block;
	width: 250px;
	height: 190px;
	margin-right: 30px;
}
.culture-loop .hd ul{
	position: absolute;
	bottom: -60px;
	left: 50%;
	margin-left: -44px;
}
.culture-loop .hd ul li{
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 10px;
	margin: 0 5px;
	cursor: pointer;
}
.culture-loop .hd ul li.on{
	background: #00fffc;
}
/*.....big-activity......*/
.activity-banner{
	position: absolute;
}
.activity-banner ul {
	position: absolute;
	bottom: -18px;
	left: 50%;
	margin-left: -161px;
}
.activity-banner ul li a{
	display: block;
	min-width: 146px;
         padding:0 10px;
	height: 43px;
	background: #363636;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 43px;
	margin: 0 1px;
}
.activity-banner ul li a:hover{
	background: #de0312;
}
.activity-box{
	width: 100%;
	background: #f3f3f3;
	padding: 85px 0 105px 0;
	min-width: 1300px;
}
.activity-box .activity-main{
	float: none;
}
.activity-box li a{
	display: block;
	width: 300px;
	height: 330px;
	padding: 18px 18px 28px 18px;
	background: #fff;
	border: 2px solid #fff;
	margin: 0 10px 20px 10px;
}
.activity-box li a:hover{
	border: 2px solid #de0312;
}
.activity-box li .pic{
	width: 300px;
	height: 180px;
}
.activity-box li .intro{
	width: 300px;
	height: 125px;
	color: #666;
}
.activity-box .intro .title{
	font-size: 18px;
	color: #333;
	margin: 20px 0 10px 0;
}
.activity-box li .more,.news-box .content .more{
	display: block;
	font-size: 12px;
	margin-top: 15px;
	color: #777;
}

.activity-box li .more em,.news-box .more em{
	display: inline-block;
	width: 11px;
	height: 11px;
	background: #b2b2b2;
	border-radius: 8px;
	position: relative;
	top: 1px;
	right: -2px;
	margin-right: 8px;
}
.activity-box li a:hover em{
	background: #de0312;
}
.activity-box li a:hover .more{
	color: #de0312;
}
/*.....news-info.....*/
.newsinfo .title-box{
	margin: 95px 0 15px 0;
	text-align: center;
}
.newsinfo .title-box .title{
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
	margin-bottom: 22px;
} 
.newsinfo .title-box .date{
	display: inline-block;
	padding-left: 25px;
	background: url(../images/icon23.png) no-repeat 5px 4px;
	margin-right: 90px;
}
.newsinfo .title-box .zan{
	display: inline-block;
	padding-left: 30px;
	background: url(../images/icon24.png) no-repeat 4px 3px;
}
.newsinfo-main{
	padding: 34px 20px 24px 20px;
	border-bottom: 1px solid #efeff1;
	border-top: 1px solid #efeff1;
	font-size: 14px;
}
.newsinfo-main .pic{
	margin: 48px 0 34px 0;
}
.newsinfo-main img{
	display: block;
	width: 100%;
	margin: auto;
}
.newsinfo .up-down{
	margin: 23px 0 98px 55px;
}
.newsinfo .up-down a{
	display: block;
	color: #959595;
	margin-bottom: 10px;
}
.newsinfo .up-down a:hover{
	color: #de0312;
}
/*........nav-about.........*/
.about-banner{
	width: 100%;
	height: 534px;
}
.about-banner .pic{
	width: 100%;
	height: 100%;
}
.about-banner .show-pic{
	width: 798px;
	height: 309px;
	position: absolute;
	left: 50%;
	margin-left: -399px;
	bottom: -80px;
	cursor: pointer;
} 
.about-banner .show-pic:hover img{
	webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    -moz-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
}
.devices-intro{
	min-width: 1300px;
}
.devices-intro .intro-main{
	text-align: center;
	font-size: 14px;
	padding-top: 55px;
	line-height: 30px;
	opacity: 0;
	filter:alpha(opacity=0);
}
.devices-intro .intro-main a{
	display: block;
	width: 201px;
	height: 38px;
	color: #000;
	border: 1px solid #000;
	text-align: center;
	line-height: 38px;
	margin: 43px auto 75px;
	border-radius: 20px;
}
.devices-intro .intro-main a:hover{
	color: #de0312;
	border: 1px solid #de0312;
}
.history{
	width: 100%;
	height: 600px;
	background: url(../images/bg13.jpg) no-repeat center;
	min-width: 1300px;
}
.history-main .about-title{
	padding-top: 75px!important;
}
.history-show{
	width: 1157px;
	min-width: 1157px;
	height: 425px;
	margin: auto;
	background: url(../images/bg14.png) no-repeat center center;
	margin-top: -52px;
	position: relative;
}
.history-show .samebox{
	width: 75px;
	height: 75px;
	position: absolute;
	text-align: center;
	cursor: pointer;
}
.history-show .samebox{
	background: url(../images/icon25.png) no-repeat 27px 30px;
}
.history-show .samebox p.year{
	font-size: 18px;
	color: #1fafaa;
}
.history-show .samebox p.month{
	font-size: 22px;
	color: #1fafaa;
	line-height: 40px;
	margin-top: 0 !important;
}
.history-show .down p{
	margin-top: 65px;
}
.history-show .date01{
	bottom: 155px;
	left: 227px;
}
.history-show .date02{
	bottom: 155px;
	left: 350px;
}
.history-show .date03{
	bottom: 197px;
	left: 501px;
}
.history-show .date04{
	bottom: 198px;
  	right: 444px;
}
.history-show .date05{
	bottom: 247px;
  	right: 307px
}
.history-show .date06{
	bottom: 246px;
  	right: 182px;
}
.history-show .samebox .detail{
	width: 320px;
	text-align: left!important;
	position: absolute;
	z-index: 2;
	border-left: 5px solid #1fafaa;
	padding-left: 20px;
	font-size: 14px;
	color: #333;
	height: auto;
	background: #fff;
	display: none;
}
.history-show .detail b{
	display: block;
	width: 46px;
	height: 39px;
	background: url(../images/icon27.png) no-repeat;
	position: absolute;
	top: -73px;
  	left: -40px;
}
.history-show .samebox .detail .pic{
	width: 167px;
	height: 114px;
	padding-bottom: 13px;
}
.history-show .detail span{
	display: block;
  	padding-bottom: 10px;
}
.history-show .up .detail{
	top: 67px;
	left: 35px;
}
.history-show .down .detail{
	top: 60px;
	left: 34px;
}
.program {
	width: 100%;
	min-width: 1300px;
}
.program .about-title{
	color: #fff;
	text-align: left;
}
.program .content{
	width: 50%;
	height: 537px;
	background: url(../images/bg15.jpg) no-repeat ;
}
.program .content .con-detail{
	width: 430px;
	margin-right: 105px;
}
.program .con-detail .info{
	color: #fff;
	font-size: 14px;
	line-height: 30px;
}
.program .pic{
	width: 50%;
	height: 537px;
	background: url(../images/bg16.jpg) no-repeat ;

}
.program i{
	background: #fff;
	margin: 20px 0 30px 0 !important;
}
.venue{
	width: 100%;
	height: 616px;
	background: url(../images/bg17.jpg) no-repeat center;
	min-width: 1300px;
}
.venue .about-title{
	color: #fff;
	padding-top: 80px !important;
}
.venue i{
	background: #fff;
}
.venue ul{
	float: none;
	margin-top: 35px;
}
.venue ul li{
	margin: 0 17px;
	width: 235px;
	position: relative;
}
.venue ul li p{
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin-top: 266px;
}
.venue ul li{
	width: 235px;
	height: 235px;
	background: url(../images/z05.png) no-repeat;
	z-index: 3;
	/*background-size: 100% auto;*/
}
.venue ul li a{
	display: block;
	width: 223px;
	height: 223px;
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: 2;
}
.venue ul li .mask{
	width: 223px;
	height: 223px;
	background: url(../images/z06.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: 3;
	text-align: center;
}
.venue ul li .mask{
	display: none;
}
.venue ul li .mask a{
	display: block;
}
.venue ul li .mask img{
	width: 49px;
	/*height: 58px;*/
	margin-top: 50px;
	margin-bottom: 20px;
}
.venue ul li .mask span{
	display: block;
	color: #fff;
	font-size: 22px;
	line-height: 28px;
}
.venue ul li:hover{
	webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    -moz-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1); 
}
.venue ul li:hover .mask{
	display: block;
}
.shop-join{
	width: 100%;
	height: 381px;
	background: url(../images/bg18.jpg) no-repeat center;
	position: relative;
	min-width: 1300px;
}
.shop-join .join-con{
	width: 378px;
	height: 186px;
	padding-left: 37px;
	background: #de0312;
	position: absolute;
	left: 50%;
	margin-left: 42px;
	top: 108px;
}
.shop-join .join-con em{
	display: block;
	width: 47px;
	height: 1px;
	background: #fff;
	margin: 35px 0 15px 0;
} 
.shop-join .address{
	color: #fff;
	font-size: 18px;
	line-height: 22px;
}
.shop-join .join-btn,.program .enter{
	display: block;
	width: 158px;
	height: 39px;
	text-align: center;
	line-height: 39px;
	border: 1px solid #fff;
	border-radius: 30px;
	margin-top: 26px;
	font-size: 14px;
	color: #fff;
}
.shop-join .join-btn:hover{
	color: #000;
	border: 1px solid #000;
}
/*......service.......*/
.service-banner ul{
	  margin-left: -440px!important;
}
.serve-main {
	min-height: 500px;
	padding: 85px 0 105px 0;
}
.service-main li .pic{
	width: 300px;
	height: 300px !important;
}
.service-main li p{
	color: #333;
	font-size: 18px;
	line-height: 24px;
	margin-top: 22px;
}
.service-main li a{
	height: 335px !important;
}
.service-main li a:hover p{
	color: #de0312;
}

.service-main01 li .pic{
	width: 300px;
	height: 400px !important;
background-color:#f00;
}
.service-main01 li .pic img{border:1px #f2f2f2 solid;}
.service-main01 li p{
	color: #333;
	font-size: 18px;
	line-height: 24px;
	margin-top: 22px;
}
.service-main01 li a{
	height: 435px !important;
}
.service-main01 li a:hover p{
	color: #de0312;
}

/*.......service--feedback.......*/
.feedback form table input{
	width: 445px;
	height: 40px;
	padding-left: 17px;
	border: 1px solid #ddd;
	border-radius: 8px;
	margin: 0 0 30px 50px;
}
.feedback form textarea{
	width: 940px;
	height: 105px;
	border: 1px solid #ddd;
	padding: 13px 16px;
	margin-left: 50px;
	border-radius: 8px;
	margin-bottom: 48px;
}
.feedback .result{
	width: 368px;
	margin: auto;
}
.feedback .result input{
	width: 180px;
	height: 42px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 42px;
	border: none;
	margin: 0 2px;
}
.feedback .result .submit{
	background: #de0312;
}
.feedback .result .reset{
	background: #363636;
}
.feedback .result .submit:hover{
	background: #fff;
	color: #de0312;
}
.feedback .result .reset:hover{
	background: #fff;
	color: #363636;
}
/*........onlineshop.........*/
.onlineshop{
	width: 100%;
	height: 874px;
	background: url(../images/bg19.jpg) no-repeat center;
	min-width: 1300px;

}
.onlineshop .enter-shop{
	width: 590px;
	margin: auto;
	padding-top: 555px;
}
.onlineshop .enter-shop a{
	display: inline-block;
	width: 205px;
	height: 65px;
	text-align: center;
	line-height: 65px;
	background: #fff;
	font-size: 18px;
	color: #00625d;
	border: 1px solid #fff;
	padding-left: 35px;
	border-radius: 30px;
	position: relative;
	margin: 0 24px;
}
.onlineshop .enter-shop a:hover{
	background: #0d7377;
	color: #fff;
	border: 1px solid #0aecff;
}

.onlineshop .enter-shop em{
	display: block;
	width: 22px;
	position: absolute;
	top: 21px;
}
.onlineshop .enter-shop .ms-shop em{
	height: 20px;
	background: url(../images/icon30.png) no-repeat;
	left: 70px;
}
.onlineshop .enter-shop .purchase em{
	height: 22px;
	background: url(../images/icon31.png) no-repeat; 
	left: 52px;
}
.onlineshop .enter-shop .ms-shop:hover em{
	background: url(../images/icon28.png) no-repeat;
}
.onlineshop .enter-shop .purchase:hover em{
	background: url(../images/icon29.png) no-repeat;
}
/*.........hr........*/
.hr-box{
	width: 100%;
	height: 873px;
	position: absolute;
	top:0;
	left:0;
	background: url(../images/bg20.jpg) no-repeat center;
}
.hr-box .enter-hr{
	padding-top: 673px;
	width: 580px;
	margin: auto;
}
.hr-box .enter-hr a{
	display: inline-block;
	height: 65px;
	text-align: center;
	line-height: 65px;
	background: #fff;
	color: #00625d;
	font-size: 18px;
	border-radius: 30px;
	position: relative;
	margin: 0 24px;
}
.hr-box .enter-hr .campus{
	width: 180px;
  	padding-left: 60px;
}
.hr-box .enter-hr .society{
	width: 210px;
  	padding-left: 30px;
}
.hr-box .enter-hr em{
	display: block;
	position: absolute;
	top: 15px;
}
.hr-box .enter-hr .campus em{
	width: 53px;
	height: 37px;
	background: url(../images/icon32.png) no-repeat;
	left: 47px;
}
.hr-box .enter-hr .society em{
	display: block;
	width: 25px;
	height: 39px;
	background: url(../images/icon33.png) no-repeat;
	left: 60px;
}
.hr-box .enter-hr a:hover{
	background: #0d7377;
	color: #fff;
}
/*.......side-contact........*/
.side-contact{
	float: none;
	position: fixed;
	right: 1px;
	top: 50%;
	margin-top: -80px;
	z-index: 999;
}
.side-contact li{
	width: 42px;
	height: 45px;
	background: #a4a4a4;
	float: none;
	margin-bottom: 1px;
	text-align: center;
	line-height: 45px;
	position: relative; 
}
.side-contact li.moving{
	position: absolute;
	top: 46px;
}
.side-contact li.qq{
	width: 110px;
	right: -68px;
	top: 92px;
}
.side-contact li.phone{
	width: 126px;
	right: -84px;
}
.side-contact li.ewm{
	margin-top: 93px;
	position: relative;
}
.side-contact li.ewm img{
	position: absolute;
	top: 0px;
	right: 46px;
	display: none;
}
.side-contact li.ewm:hover img{
	display: block;
}
.side-contact li:hover{
	background: #de0312;
}
.side-contact li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 12px;
	line-height: 45px;
}
.side-contact li.moving a{
	padding-left: 15px;
}
.side-contact li.phone a{
	padding-left: 21px;
}
.side-contact .top a{
	font-size: 18px;
	color: #fff;
}
.side-contact .top em{
	display: block;
	width: 12px;
	height: 6px;
	background: url(../images/icon36.png) no-repeat;
	position: absolute;
	top: -5px;
  	left: 14px;
}
.side-contact .phone a{
	background: url(../images/icon34.png) no-repeat  6px 12px;
}
.side-contact .qq a{
	background: url(../images/icon35.png) no-repeat  10px 12px;
}
.side-contact .ewm a{
	background: url(../images/icon37.png) no-repeat  10px 12px;
}
/*.......cooperate.......*/
.coo-step{
	text-align: center;
	padding-bottom: 70px;
}
.coo-step .cooinfo{
	font-size: 14px;
	line-height: 28px;
}
.coo-step .step-show{
	width: 1080px;
	height: 185px;
	margin-top:60px;
	margin-bottom: 60px; 
}
.coo-step .apply{
	display: block;
	width: 200px;
	height: 40px;
	margin: auto;
	text-align: center;
	line-height: 40px;
	border: 1px solid #000;
	color: #000;
	border-radius: 20px;
}
.coo-step .apply:hover{
	color: #de0312;
	border: 1px solid #de0312;
}
.cooperated-box{
	background: #f3f3f3; 
	padding-bottom: 17px;
	min-width: 1300px;
}
.cooperated-loop{
	position: relative;
}
.c-click{
	width: 53px;
	height: 53px;
	position: absolute;
	top: 90px;
	cursor: pointer;
}
.cooperated-loop .bd .same-ul li a{
	background: #fff!important; 
}
.cooperated-loop .next{
	background: url(../images/icon39.png) !important;
	right: -80px;
}
.cooperated-loop .prev{
	background: url(../images/icon38.png) !important;
	left: -86px;
}
.agency .agency-show{
	width: 349px;
	height: 349px;
	margin: auto;
	margin-top: 30px;
}
/*........news.........*/
.news-container{
	width: 100%;
	background: #f3f3f3;
	padding: 60px 0 115px 0; 
	min-width: 1300px;
}
.news-container .news-main{
	position: relative;
}
.news-main .news-box{
	width: 288px;
	padding: 20px 20px 43px 20px;
	border: 2px solid #fff;
	background: #fff;
}
.news-main .news-box:hover{
	border: 2px solid #ca0000;
}
.news-main .news-box:hover .title a{
	color: #ca0000;
}
.news-main .news-box:hover a{
	color: #ca0000;
}
.news-main .news-box:hover em{
	background: #ca0000;
}
.news-main .news-box .content{
	width: 292px;
}
.news-box .content .pic{
	width: 292px;
}
.news-box .content .title{
	font-size: 18px;
	line-height: 23px;
	margin: 27px 0 15px 0;
}
.news-box .content .title a{
	color: #333;
}
/*........bigactivity........*/
.bigactivity-box{
	width: 100%;
	height: 873px;
	background: url(../images/bg21.jpg) no-repeat center;
	min-width: 1300px;
}
.bigactivity-main ul{
	float: none;
	padding-top: 125px;
}
.bigactivity-main ul li{
	width: 220px;
	margin: 0 22px;
	text-align: center;
}
.bigactivity-main ul li span{
	color: #fff;
	font-size: 18px;
	display: block;
	margin-top: 20px;
}
.bigactivity-main ul li a{
	display: block;
	width: 220px;
	height: 210px;
	position: relative;
}
.bigactivity-main ul .pic-box{
	width: 220px;
	height: 210px;
	background: url(../images/bg22.png) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
}
.bigactivity-main ul .pic{
	width: 206px;
	height: 206px;
	position: absolute;
	top: 3px;
  	left: 9px;
	z-index: 2;
}
.bigactivity-main ul li:hover a p{
	webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    -moz-transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1); 
}
.bigactivity-main .bigtitle{
	font-size: 38px;
	color: #fff;
	line-height: 44px;
	text-align: center;
	padding-top: 220px;
	padding-bottom: 18px;
}
.bigactivity-main .biginfo{
	font-size: 18px;
	color: #fff;
	line-height: 24px;
	text-align: center;
}
/*.....................*/
.hr-banner ul{
	margin-left: -149px !important;
}
.hr-main{
	padding: 70px 0 150px 0;
}
.job-list-tpl2 {
    width: 100%;
}
.job-list-tpl2 dt {
    background: #f1f1f1 url(../images/job_bit01.png) no-repeat scroll right 14px;
    color: #929292;
    cursor: pointer;
    font-weight: normal;
    height: 51px;
    line-height: 50px;
    margin-top: 1px;
    padding-left: 22px;
}
.job-list-tpl2 dt a {
    color: #444;
    float: right;
    font: 12px/50px "微软雅黑";
    margin-right: 56px;
}
.job-list-tpl2 dt span {
    color: #444;
    font: 18px/50px "微软雅黑";
    padding-right: 12px;
}
.job-list-tpl2 dd {
    background: #f8f8f8;
    display: none;
    overflow: hidden;
    padding: 25px 18px;
    position: relative;
}
.job-list-tpl2 dd td {
    line-height: 24px;
    padding: 0 0 0 18px;
}
.job-list-tpl2 dd td span {
    color: #000;
    padding-right: 5px;
}
.job-list-tpl2 dt.open {
    background-color: #de0312;
    background-position: right -36px;
    color: #fff;
}
.job-list-tpl2 dt.open span {
    color: #fff;
}
.job-list-tpl2 dt.open a {
    color: #fff;
}
.job-list-tpl2 dt a:hover {
    text-decoration: underline;
}
/*...详情页返回按钮....*/
.back{
	width: 80px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin-top: -30px;
	border: 1px solid #959595;
	border-radius: 15px;
}
.back:hover{
	border: 1px solid #de0312;
}
.map-box{
	width: 100%;
	height: 720px;
        position:absolute;
        top:0; left:0;
}
.contact-info{
	width: 265px;
	height: 355px;
	padding: 40px 30px 55px 35px;
	background: #fff;
	position: absolute;
	top: 240px;
	left: 50%;
	margin-left: 75px;
}
.contact-info .compay-name{
	font-size: 16px;
	font-weight: bold;
	color: #555;
	line-height: 30px;
}
.contact-info .address{
	padding-bottom: 20px;
	border-bottom: 1px solid #c7c7c7;
}
.contact-info .telephone{
	padding-left: 28px;
	background: url(../images/z02.png) no-repeat 3px 16px;
	font-size: 14px;
	padding-bottom: 5px;
	padding-top: 13px;
	color: #000;
}
.contact-info .headers{
	color: #555;
}
.contact-info dl dt{
	color: #000;
	font-size: 14px;
	line-height: 34px;
}
.contact-info dl dd{
	color: #555;
}
.apply-banner ul{
	margin-left: -67px !important;
}
.bgcolor{
	background: #f3f3f3;
}
.onlieback{
	padding: 115px 0px 35px 0;
}
.onlieback{
	width: 975px;
	margin: auto;
}
.onlieback .inputbox{
	height: 50px;
	width: 100%;
	margin-bottom: 30px;
}
.onlieback .input{
	display: inline-block;
	width: 435px;
	padding: 13px;
	background: #fff;
	border: 1px solid #dddddd;
	border-radius: 8px;
	/*margin-bottom: 30px;*/
}
.onlieback .marginl{
	margin-right: 45px;
}
.onlieback .input input{
	border: none;
	padding-left: 10px;
	height: 20px;
	width: 80%;
}
.onlieback .code input{
	width: 36% !important;
}
.onlieback .input em,.onlieback .msg em{
	color: #fe3f3f;
	margin-left: 8px;
}
.onlieback .input.code input{
	margin-left: 10px;
} 
.onlieback .msg{
	width: 947px;
	height: 104px;
	border: 1px solid #dddddd;
	border-radius: 8px;
	background: #fff;
	padding: 13px;
}
.onlieback .msg textarea{
	width: 947px;
	height: 80px;
	border: none;
}
.onlieback .result input{
	width: 180px;
	height: 42px;
	text-align: center;
	line-height: 42px;
	color: #fff;
	font-style: 18px; 
	border: none;
	margin: 0 2px;
}
.onlieback .result input.send{
	background: #de0312;
} 
.onlieback .result input.reset{
	background: #363636;
}
.onlieback .result{
	text-align: center;
	margin-top: 35px;
}
.dialogwindow {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.dialogwindow-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .3;
  filter: alpha(opacity=30);/*兼容IE7的写法*/
  z-index: 2;
}
.dialogwindow .main{
	width: 880px;
	height: 500px;
	padding: 40px 50px 90px 45px;
	background: #fff;
	position: relative;
	z-index: 3;
}
.dialogwindow .main em{
	display: block;
	width: 75px;
	height: 71px;
	background: url(../images/z03.jpg) no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}
.dialogwindow .main .title{
	color: #de0312;
	font-size: 24px;
	padding-bottom: 15px;
	margin-bottom: 40px;
	border-bottom: 1px solid #e5e5e5;
}
.dialogwindow .main .intro{
	width: 840px;
	height: 390px;
	font-size: 14px;
	line-height: 30px;
}
.dialogwindow .main .intro strong{
	font-size: 18px;
	color: #000;
}
.dialogwindow .main .intro span{
	color: #000;
}
/*biaodan*/

.joinus_tb tr td{
	font-size: 14px;
	color: #333;
}
.joinus_tb textarea{
	padding: 10px;
}
.joinus_tb tr td input{
	border: none;
	border: 1px solid #999;
	padding: 4px 8px;
	margin-bottom: 10px;
}
#spred{
	color: red;



}
.hr-info-table{
	background: #fff;
	border: 1px solid #bbb;
}
.hr-info-table tr{
	font-size: 14px;
}
.yapqiu{
	padding-left: 15px;
	line-height: 30px;
}
.yq-title{
	padding-left: 15px;
}
.joinmore,.hr-sub{
	display: block;
  	width: 146px;
  	height: 43px;
  	background: #de0312;
  	color: #fff;
  	font-size: 14px;
  	text-align: center;
  	line-height: 43px;
  	margin: auto;
  	padding:0 !important;
}
.joinmore:hover,.hr-sub:hover{
  background: #363636 !important;
}
/*...*/
.navcurr{
	background: url(../images/bg02.png) repeat-x !important;
	border-bottom: 2px solid #cc0000 !important;
	transition: all 1.2s;
}
.innercurr{
	background: #de0312!important;
}

.historycurr{
	background: url(../images/icon26.png) no-repeat 27px 30px !important;
}

.prointro {
	margin-top: 60px;
}
.product_img {
	width: 260px;
	float: left;
	border: 1px solid #cdcdcd;
	height: 260px;
	position:relative;
	z-index:0;
}
.proup {
	width: 100%;
	overflow: hidden;
}
.proup ul {
	float: left;
	width: 480px;
	overflow: hidden;
	margin-left: 30px;
}
.proup ul li {
	margin-bottom: 20px;
	float:none;
}
.proup ul li p {
	line-height: 26px;
}
.proup ul li p span {
	display: block;
	font-weight: bold;
	font-size: 14px;
	font-family: "微软雅黑";
	color: #ff9900;
	letter-spacing: 1px;
}
.pro-right-box {
	margin: 20px auto 0 0px;
}
.probox-top {
	width: 918px;
	height: 6px;
	background: url(../images/pro_bgtop.png) no-repeat;
	overflow: hidden
}
.probox-bot {
	width: 918px;
	height: 7px;
	background: url(../images/pro_bgbot.png) no-repeat;
	overflow: hidden
}
.probox-cen {
	width: 918px;
	padding: 0 3px 20px 3px;
	background: url(../images/pro_bgcen.png) repeat-y;
	overflow: hidden;
}
.pro-intro {
	position: relative;
 z-index:;
	width: 680px;
	margin: 0 auto;
	padding: 0 29px 60px;
	background: url(../images/proli_bg01.jpg) repeat-x left bottom;
}
.prointro .up-down{
	margin: 23px 0 98px 55px;
}
.prointro .up-down a{
	display: block;
	color: #959595;
	margin-bottom: 10px;
}
.prointro .up-down a:hover{
	color: #de0312;
}
.pro-info {
	position: relative;
	width: 100%;
z-index:;
}
.pro-info-tab {
	height: 35px;
	padding-left: 29px;
	margin-top: -35px;
	position: relative;
}
.pro-info-tab li {
	display: block;
	float: left;
	width: 100px;
	height: 35px;
	margin-right: 2px;
	background: url(../images/proinfo_bg01.png) no-repeat -102px 0;
	font: bold 14px/35px "微软雅黑";
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.pro-info-tab li.hover, .pro-info-tab li.selected {
	background-position: 0 0;
}
.pro-info-box {
	padding: 30px 10px;
	min-height: 360px;
}
.pro-info-con {
	display: none;
	margin-left: 25px;
}
.pro-info-con p {
 width: 90%;
 padding-left: 10px;
}
.pro-info-con p img{width:100%; height:auto;}


.pd20{padding-top:20px;}


/*2016-04-18*/