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

* { margin:0; padding:0; font-size:15px;}
ul { list-style:none;}
#top { background:url(top.png) no-repeat; width:1205px; height:130px; margin:0 auto;}

.top_1 { text-align:right; width:1200px; height:40px; line-height:30px;}


.top_1 a { float:right; width:95px; height:30px; display:block; margin-left:10px; margin-top:15px;}

.top_2 { width:1200px; height:50px; float:left; margin-top:20px; line-height:50px;}
.top_2 ul { list-style:none; width:700px; float:right;}
.top_2 ul li { float:left; margin-left:85px;}
.top_2 ul li a { text-align:right; display:block; color:#333; text-decoration:none;}
.top_2 ul li a:hover { color:#e10214;}

#banner { background:url(banner.png) no-repeat center; width:100%; height:838px;}

#conn { background:url(chanp.png) no-repeat center; width:100%; height:874px;}

.inf { width:1300px; margin:0 auto;}




#about { background:url(about.png) no-repeat center; width:100%; height:525px;}
.about_1 { width:1000px; margin:0 auto; height:525px;}
.about_1 p { float:right; color:#fff; font-size:13px; width:500px; display:block; margin-top:220px; line-height:25px; letter-spacing:2px; font-family:'微软亚黑';}

.about_1 p a { color:#e10214; text-decoration:none; margin-left:150px;}


#hezuo { height:350px; background:#eee; width:100%;}

.hez { width:1200px; height:350px; margin:0 auto;text-align:center; padding-top: 40px; box-sizing:border-box;}
.partner a{ margin-right: 20px; width: 159px; height: 121px; margin: 50px 20px 10px 20px; display: inline-block;}


#contact{ width: 100%; height: 475px; background: url(contact.jpg) no-repeat center;}
.conta{ width: 1000px; margin: 0 auto;}
.conta form{ width: 550px; float: right; margin-top: 50px; text-align: center;}
.conta input , .conta textarea{width: 540px; height: 50px; padding: 10px; box-sizing:border-box; margin-bottom: 15px;}
.conta textarea{height: 150px;}
.conta button{ width: 138px; height: 50px; background: red; border: 0; color: #fff; font-size: 18px; font-weight: bold; cursor:pointer;}


footer{ width: 100%; background: #000; height: 115px;}
#foot{ width: 1000px; margin: 0 auto; padding: 30px 0; color: #fff; text-align: center;}
#foot p{ height: 30px; line-height: 30px; font-size: 14px;}


#about_banner{ width: 100%; height: 232px; background: url(aboutbannerbg.jpg);}
.ab_banner{ width: 1200px; height: 220px; margin: 0 auto; padding-top: 12px;}

#contant{ background: #EEEEEE;}
.contant{ width: 1200px;min-height:740px;*+height:100%;_height:740px; margin: 0 auto; padding: 20px 0;}
.contant .title h2{ height: 88px; line-height: 88px; color: red; font-size: 30px;}
.con_about p{ height: 35px; line-height: 35px; color: #333333;  font-size: 16px; display: initial;}

.contact_partner{ width: 1092px; margin: 0 auto; text-align: center;}
.contact_partner h3{ font-weight: normal; height: 40px; line-height: 40px; font-size: 25px; color: #3E3E3E;}
.contact_partner p{ height: 40px; line-height: 40px; color: #777777;}

.contact_partner div{ background: url(ditu.jpg) no-repeat top center; height: 420px; margin-top: 20px;}
.contact_partner div form{ width: 385px; height: 418px; background: rgba(0,0,0,0.5); float: right; padding-top: 30px;}
.contact_partner div input , .contact_partner div textarea{width: 300px; height: 30px; padding: 5px; box-sizing:border-box; margin-bottom: 15px;}
.contact_partner div textarea{height: 150px;}
.contact_partner div button{ width: 138px; height: 50px; background: red; border: 0; color: #fff; font-size: 18px; font-weight: bold; cursor:pointer;}









TABLE {	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px}

TD {	FONT-SIZE: 13px}
.f12 {	FONT-SIZE: 13px}
A {	TEXT-DECORATION: underline}
A:link {	COLOR: #0051b4}
A:visited {	COLOR: #333}
A:hover {	COLOR: #f00}
A:active {	COLOR: #f00}
.F14lists {	LINE-HEIGHT: 23px}
.F14lists UL {	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
.F14lists LI {	PADDING-LEFT: 2px; FONT-SIZE: 14px; VERTICAL-ALIGN: bottom}
.F14lists LI SPAN {	FONT-SIZE: 9px; COLOR: #533826}
.FixTitle A:link {	COLOR: #0736aa; TEXT-DECORATION: none}
.FixTitle A:visited {	COLOR: #0736aa; TEXT-DECORATION: none}
.FixTitle A:hover {	TEXT-DECORATION: underline}
.FixTitle {	BORDER-RIGHT: #a2d1ff 1px solid; BORDER-TOP: #a2d1ff 1px solid; BACKGROUND: url(../images/olyready_bg_cl_002.gif) 0px -101px; OVERFLOW: hidden; BORDER-LEFT: #a2d1ff 1px solid; LINE-HEIGHT: 24px; BORDER-BOTTOM: #a2d1ff 1px solid; HEIGHT: 24px}

.FixTitle SPAN {	PADDING-RIGHT: 5px; FLOAT: right}
.RForm {	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px}
.RForm DT {	LINE-HEIGHT: 23px}
.RformB {	PADDING-LEFT: 10px}
.blk_29 {	 PADDING-RIGHT: 0px;  PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; OVERFLOW: hidden;  PADDING-TOP: 10px; ZOOM: 1; POSITION: relative}
.blk_29 .LeftBotton {	BACKGROUND: url(../imgs/zuo.png) no-repeat 0px 0px; LEFT: -5px; FLOAT: left; WIDTH: 40px; CURSOR: pointer; POSITION: absolute; TOP: 40%; HEIGHT: 75px}
.blk_29 .RightBotton {	RIGHT: 0px; BACKGROUND: url(../imgs/you.png) no-repeat ; FLOAT: right; WIDTH: 40px; CURSOR: pointer; POSITION: absolute; TOP: 40%; HEIGHT: 75px}
.blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 888px; PADDING-TOP: 5px}
.blk_29 .box {position:relative;FLOAT: left; WIDTH: 355px; height:500px; margin-left:12px; margin-right:12px;}
.blk_29 .box IMG { WIDTH: 349px; margin-left:0px; height:370px; }
.blk_29 .box A:hover IMG {	}
.blk_29 .box P {WIDTH: 350px; height:120px; background:#fff;box-shadow: 0px 0px 4px 3px #a9a9a9; LINE-HEIGHT: 20px}
.rollphotos {  float:left;	MARGIN-TOP: 300px;WIDTH: 1300px;}
.partC {	MARGIN-TOP: 10px; OVERFLOW: auto; WIDTH: 1300px;}
.partC .PC_left {	OVERFLOW: auto; WIDTH: 470px}
.partC .PC_right {	OVERFLOW: auto; WIDTH: 470px}
.partC .PC_left {	FLOAT: left}
.partC .PC_right {	FLOAT: right}
.PT_mix {	BORDER-RIGHT: #a2d1ff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a2d1ff 0px solid; PADDING-LEFT: 0px; BACKGROUND: #f3fbfe; PADDING-BOTTOM: 10px; OVERFLOW: auto; BORDER-LEFT: #a2d1ff 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #a2d1ff 1px solid}
.PhoTxt {	MARGIN-TOP: 10px; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; OVERFLOW: auto; WIDTH: 220px}
.PhoTxt IMG {	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 3px; BORDER-LEFT: #ccc 1px solid; MARGIN-RIGHT: 5px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid}
.PhoTxt H1 {	FONT-WEIGHT: bold; FONT-SIZE: 13px; LINE-HEIGHT: 23px}
.PhoTxt P {	COLOR: #545454; LINE-HEIGHT: 20px}
.cs h1 { width:350px; height:50px; line-height:50px; margin-top:200px; text-align:center; font-size:15px; font-weight:bold; color:#e10214;}
.box P a { height:50px; display:block; width:350px; line-height:60px; text-decoration:none;} 
.box P b { height:40px; line-height:50px; display:block; width:350px; font-weight:100; color:#999; font-size:13px;} 
            .cs{  
               WIDTH: 352px; height:500px;
                background:url(../imgs/hover.png) left;   
                bottom:10px; 
				 
                position:absolute;  
                opacity: 0;  
                display: block;  
                font-size: 12px;  
                transition: 0.3s;  
                -webkit-transition: .5s;  
                -moz-transition: .5s;  
            }  
			
			
			.cs span {text-align:left; width:305px; margin-left:15px; margin-top:25px; display:block; font-size:13px; font-weight:bold; line-height:28px; font-family:'黑体';}
            .box:hover .cs{  
                color: #fff; 
                opacity: 1;  
            }