@charset "utf-8";
html, body, div, span, ul, li, p, h1, h3, h4, dl, dd, dt,input {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
img {
	border: 0;
}
body {
	font-family: "微软雅黑";
	font-size: 14px;
	_text-align: center !important; background-color:#efeeec; color:#74726d;
}
a {
	color: #74726d;
	text-decoration: none;
}
.comm {
	text-align: left;
}
.clear {
	clear: both;
}
#headerwarp{ height:98px; padding:10px 0; width:100%;}
.header{ width:1209px; margin:0 auto;}
.logo{ width:452px; height:98px; float:left;}
/* 本例子css */
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		.nav{ width:730px; float:right; height:60px; line-height:60px; position:relative; z-index:1;  }
		.nav a{ color:#636464;  }
		.nav .nLi{ float:left;  position:relative; display:inline;  }
		.nav .nLi h3{ float:left;  }
		.nav .nLi h3 a{ display:block; padding:0 10px; font-size:15px; font-weight:bold;  }
		.nav .sub{ display:none; width:100px; left:0; top:54px;  position:absolute;  line-height:26px; padding:5px 0;  }
		.nav .sub li{ zoom:1; background:#0081cc; text-align:center;  }
		.nav .sub a{ display:block; padding:0 10px; color:#fff; }
		.nav .sub a:hover{ background:#fe8504; color:#fff;  }
		.nav .on h3 a{color:#0073ba;   }
		/*banner*/
#bannerwarp{ height:370px; width:100%;}

/*主题部分*/
.in{ width:1138px; margin:0 auto;}
#index1{ width:780px; margin:20px 0 0 0; float:left;}
.tit1{ height:30px; margin-bottom:20px; font-size:25px; line-height:30px; border-left:#0081cc 8px solid; padding-left:10px; color:#0081cc;}
#index1 .text1{ width:510px; float:right; line-height:30px;}
#index1 .text1 span{ display:block; height:30px; width:100px; margin:0 auto; text-align:center; border:#0081cc 1px solid;}
#index1 .text1 span a{ color:#0081cc;}
#index1 img{ width:254px; height:347px; float:left;}
#index1 img:hover{ opacity:0.8;}
#index2{ width:100%; color:#fff; padding:20px 0; background-color:#0073ba;}
.tit2{ width:680px; line-height:30px; margin:0 auto; text-align:center;}
.tit2T{ height:50px; width:300px; margin:0 auto; line-height:50px; border-bottom:#fff 1px solid; font-size:25px;}
.nav1{ width:961px; margin:30px auto 0 auto; height:46px; line-height:46px;  position:relative; z-index:1;  }
		.nav1 a{ color:#fff;  }
		.nav1 .nLi{ float:left;  position:relative; display:inline;  }
		.nav1 .nLi h3{ float:left; width:138px; margin:0 40px; text-align:center; border:#fff 1px solid;  }
		.nav1 .nLi h3 a{ display:block; padding:0 20px; font-size:14px; font-weight:bold;  }
		.nav1 .sub{ display:none; width:500px;  left:0; top:44px;  position:absolute;  line-height:26px; padding:5px 0;  }
		.nav1 .sub li{ zoom:1; padding:0 4px; text-align:center; float:left; }
		.nav1 .sub a{ display:block; padding:0 10px; }
		.nav1 .sub a:hover{  color:#fff;  }
		.nav1 .on h3 a{ color:#fff;   }

/* 本例子css */
		.picMarquee-left{ width:1140px; margin:50px auto 0 auto;  overflow:hidden; position:relative; }
		.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.picMarquee-left .hd .next{ background-position:0 -50px;  }
		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
		.picMarquee-left .bd{ padding:10px 0;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:228px; height:190px; display:block; border:2px solid #fff; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#fca03b;  }
		.picMarquee-left .bd ul li .title{ line-height:24px;   }
#index3{ width:961px; margin:20px auto;}
.N{ width:345px; float:right; padding:0; margin:30px 0 0 0;}
.N-text{ height:75px; margin:20px auto; background-color:#e6e4e1;}
.N-text .date{ width:75px;height:75px; text-align:center;background-color:#dad7d2; float:left;}
.N-text .date strong{ height:40px; line-height:40px; font-size:20px;}
.N-text .date p{ font-size:12px;}
.N-text .info{ width:260px; padding:0 0 0 10px; float:right; line-height:23px;}
.N-text .info:hover{ background-color:#0081cc; color:#fff;height:75px;}
.section-focus-pic{margin:20px auto 0 auto;height:267px;width:375px;overflow:hidden;position:relative;}
.section-focus-pic ul li{position:absolute;top:0;left:375px;width:375px;height:267px;}
.section-focus-pic ul li h3{position:absolute;bottom:11px;left:0;width: 375px;font-weight:normal;color:#FFF;margin-left:1px;z-index: 111;font-size: 18px; font-family:"微软雅黑";}
.section-focus-pic ul li div{position:absolute;bottom:0;left:0;height:50px;background-color:#000;width:375px;opacity: 0.6;filter: alpha(opacity=60);}
.section-focus-pic .pages{width:375px;height:267px;}
.section-focus-pic .controler{position:absolute;bottom:20px;right:20px;}
.section-focus-pic .controler b{cursor:pointer;width:20px;height:10px;display:block;overflow:hidden;text-indent:20px;background:url(../images/news_index_icon.png) no-repeat -136px 3px; float:left;margin:0 0 0 5px;}
.section-focus-pic .controler b.down{background-position:-161px 1px;}
.section-focus-pic .controler2 a{display:block; width:40px;position:absolute;top:120px;height:40px;}
.section-focus-pic .controler2 a i{cursor:pointer;display:block;width:22px;height:34px; background:url(../images/star.png) no-repeat;}
.section-focus-pic .controler2 .prev{left:5px;}
.section-focus-pic .controler2 .prev i{background-position:-34px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/star_05.png');margin-left:5px;}
.section-focus-pic .controler2 .prev:hover i{left:10px;background-position:-34px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/star_03.png');}
.section-focus-pic .controler2 .next{right:10px;}
.section-focus-pic .controler2 .next i{background-position:-62px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/star_06.png');margin-left:10px;}
.section-focus-pic .controler2 .next:hover i{right:10px;background-position:-62px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/star_04.png');}
#index4{ width:100%; background-color:#0073ba; padding:10px 0; margin-bottom:40px;} 
#index4 .info1{ width:1140px; margin:0 auto;}
#index4 .info1 h1{ color:#fff; width:400px; font-size:50ox; text-align:center; margin:20px auto;}
#index4 .info1T{ height:47px; line-height:47px; color:#fff; background:url(../images/ff.png) no-repeat;}
#index4 .info1T span{ display:block; width:253px; float:left; text-align:center; font-size:22px;}
#index4 .info1T strong{ font-size:28PX; margin-left:20px;}
#index4 .info1 p{ text-align:center; width:785px; margin:10px auto; line-height:30px; color:#fff;}
#index5{ width:100%; background-color:#1d1d1e; padding:10px 0;}
#index5 .info2{ width:1052px; margin:0 auto; color:#fdfdfd;}
#index5 .info2 .info2L{ width:280px; float:left; line-height:30px;}
#index5 .info2.info2LT{ height:30px; line-height:30px; font-size:20px;}
#index5 .info2 .info2LTI{ height:30px; width:240px; line-height:30px; border-bottom:#ccc 1px dashed;}]
#index5 .info2_wx{ width:90px; text-align:center; float:left; }
#index5 .info2_wx span{ display:block; height:20px; line-height:20px;}
#index5 .info2R{ width:520px; float:right; line-height:30px;}
#index5 .info2R .IN1{ line-height:25px;}
#index5 .info2R .vl{ width:250px; height:25px;} 
#index5 .info2R .vlL{width:200px; height:25px; }
.footer{ width:100%; padding:5px 0; color:#000; line-height:30px; text-align:center;}
/*内页*/

.c4{ padding:20px 0; background-color:#fff; width:100%;}
.c4-in{ padding:20px 0 0 0;}
.c4-in .info1A{ width:490px; float:left; margin:0 0 26px 16px;}

.case-item{float:left;}
.ih-item{position:relative;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item,.ih-item *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ih-item a{color:#333}
.ih-item a:hover{text-decoration:none}
.ih-item img{width:100%;height:100%}
.ih-item.circle,.ih-item.circle .img{position:relative;width:110px;height:110px;border-radius:50%}
.ih-item.circle .img:before{position:absolute;display:block;content:'';width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 16px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item.circle .img img{border-radius:50%}
.ih-item.circle .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.square{position:relative;width:100px;height:100px;border:8px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,.3)}
.ih-item.square .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.circle.effect1 .spinner{width:120px;height:120px;border:10px solid #ecab18;border-right-color:#1ad280;border-bottom-color:#1ad280;border-radius:50%;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .img{position:absolute;top:10px;bottom:0;left:10px;right:0;width:auto;height:auto}
.ih-item.circle.effect1 .img:before{display:none}
.ih-item.circle.effect1.colored .info{background:#1a4a72;background:rgba(26,74,114,.6)}
.ih-item.circle.effect1 .info{top:10px;bottom:0;left:10px;right:0;background:#333;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .info h3{color:#fff;text-transform:uppercase;position:relative;letter-spacing:2px;font-size:24px;margin:0 30px;padding:45px 0 0;height:110px;text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3)}
.ih-item.circle.effect1 .info p{color:#bbb;padding:10px 5px;font-style:italic;margin:0 30px;font-size:12px;border-top:1px solid rgba(255,255,255,.5)}
.ih-item.circle.effect1 a:hover .spinner{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.ih-item.circle.effect1 a:hover .info{opacity:1}

.c4-in .info1A-text{ width:354px; float:right;}
.c4-in .info1A-text h3 a:link,.c4-in .info1A-text h3 a:visited{ color:#01a2ea; text-decoration:none;}
.c4-in .info1A-text h3 a:hover{ color:#01a2ea; text-decoration:underline;}
.c4-in .info1A-text span a:link,.c4-in .info1A-text span a:visited{ color:#fff; display:block;}
.c4-in .info1A-text span a:hover{transition: all 0.3s linear 0s; display:block; color:#fff; background-color:#CD2023;}
#radio_wrap{width:1035px; margin:10px auto; background-color:#fff; padding:10px; box-shadow:#ccc 0 0 5px;}
#radio_wrap input{display: none;}
#radio_wrap li{position:relative; width:228px; border: 4px solid #f0f0f0; float:left; display:inline-block; *display:inline; *zoom:1; margin:0 0px 0 22px;}
#radio_wrap li:hover{ border-color:#01a2ea;}
#radio_wrap li .top{ height:50px; background-color:#efefef; line-height:25px; padding:5px; text-align:center;}
#radio_wrap li .p1{ height:204px; }
#radio_wrap li .more{ height:30px; font-size:12px; text-align:center; background-color:#01a2ea;  line-height:30px;}
#radio_wrap li .more a{ color:#fff;}
.c2{ width:100%; background-color:#ebebeb; padding:20px 0;}
.c2-in{ padding:0;}
.tt{ height:40px; line-height:40px; text-align:center;}
/*首页翻书效果*/
.brand a{
	display: block;
	float: left;
	margin:10px;
	width:321px;
	height:181px;

	position: relative;
}
.brand img{
	width:321px;
	height:181px;
}
.brand .info{
	display: none;
	background-color: #f0f0f0;
	color: #000;
	line-height:25px;
}
.vertical .info{
	width: 0; width:321px;
	height:181px;
	margin: 0 auto; 
}
.vertical .info h3{ text-align:center;}
.vertical .info p{ text-align:left; }
.horizontal img{
	position: absolute;
	top: 0;
	left: 0;
}
.horizontal .info{
	width:321px; background-color:#fff;
	height: 0;
	top: 120px;
	position: absolute;
	left: 0;
}
.booking input.text2 {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #c8c8c8;
    height: 25px;
    line-height: 25px;
    margin: 0 0 0 5px;
    padding: 0 5px;
    width: 210px;
}
textarea.text5 {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #c8c8c8;
    height: 140px;
    line-height: 25px;
    margin: 0 0 0 5px;
    overflow: hidden;
    padding: 0 5px;
    width: 400px;
}
input.submit {
    background: url("../images/btm.jpg") no-repeat #0081cc; float:right; border:#0081cc 1px solid;
    cursor: pointer;
    height:32px;
  
    width:103px;
}
.booking input.text1 {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #c8c8c8;
    height: 25px;
    line-height: 25px;
    margin: 0 0 0 5px;
    padding: 0 5px;
    width: 95px;
}
.news{ line-height:200%; padding:10px 0;}
.news .text{ padding:10px; line-height:30px;}
.news .text img{ width:133px; height:96px; float:left; margin-right:10px;}
.news .text strong a{ color:#0073ba;}
.rides-cs {  font-size: 12px; background:#29a7e2; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(../images/shopnc.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: -410px 0;}
.rides-cs .btnCtn { background-position: -450px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}