@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
fieldset, img { border: 0; }
/* remember to define focus styles! */
address, caption, cite, code, dfn, em, th, var, optgroup { font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
abbr, acronym { border: 0; font-variant: normal; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
code, kbd, samp, tt { font-size: 100%; }
[url=]/*@purpose[/url] To enable resizing for IE */
[url=]/*@branch[/url] For IE6-Win, IE7-Win */
input, button, textarea, select { *font-size: 100%; }
:focus { outline: none; }
ol, ul, li { list-style: none; }
/* remember to highlight anchors and inserts somehow! */
:link, :visited, ins { text-decoration: none; text-decoration: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
html { -webkit-text-size-adjust: none; overflow-x: hidden; overflow-y: auto;}
/*::selection { text-shadow:none;}*/
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
sup, sub { font-size: 80%; line-height: 1px; }
body {font: normal normal normal 14px/1.5 "Microsoft Yahei",Simsun,Arial,Tahoma,sans-serif; color:#333;}
a{color:#333;}
/* common style */
.fl-left { float: left; }
.fl-right { float: right; }
.pos-rel { position: relative; }
.pos-abs { position: absolute; }
.sl-container { width: 980px; margin-left: auto; margin-right: auto; }

/*header*/
.top{height:60px;}
.top .logo{background:url(../images/logo.png) no-repeat 0px 14px;width:380px;height:60px; padding-left:170px; line-height:76px;}
.top .tel{background:url(../images/phone.png) no-repeat 160px;margin-top:20px;height:30px;}
.top .tel li{float:left;margin-right:10px;padding-right:10px;}
.top .tel li a{color:#666;}
.top .tel ul{float:left;margin-top:7px}
.top .tel span{display:inline;margin-left:45px;font-size:18px;color:#f00;font-family:Arial;line-height:37px}
.banner{background:url(../images/banner.jpg) no-repeat center;height:400px;margin-right:auto;margin-left:auto;}
.nav{background:#333;height:50px;}
.nav li{*width:195px;*float:left}
.nav li a{display:block;float:left;color:#ccc;font-size:18px;background:#2b2b2b;line-height:50px;text-align:center;width:195px;border-right:1px solid #333}
.nav li a:hover{background:#1f1f1f;}
/*main*/
.tit{height:85px;padding-top:50px;}
.tit1{height:25px;border-bottom:1px solid #999;z-index:10}
.tit2{color:#999;background:#fff;z-index:99;left:36%;top:10%;padding:0 20px; font-size:30px;}
.tit2 span{color:#de0705}
.box1{overflow:hidden;padding-bottom:55px}
.box1 li{float:left;width:300px;margin-right:30px;}
.box1 ul{width:1010px;margin-top:15px}
.box1 .box11{height:70px; font-size:23px;}
.box1 .box11 strong{color:#de0705;font-size:29px;display:block;float:left;line-height:35px; margin-right:5px;}
.box1 .box12{height:345px;padding:0 20px;padding-top:20px;background:#f0f0f0;color:#666;line-height:24px}
.box2{background:#f0f0f0;overflow:hidden;padding-bottom:55px;}
.box2 .tit2{color:#999;background:#f0f0f0;z-index:99;left:34%;top:15%;padding:0 20px;}
.box21 li{float:left;width:210px;text-align:center;line-height:30px;font-size:18px;color:#999;cursor:pointer}
.box21 li:hover{background:#666;color:#fff;}
.box21 ul{width:632px;height:30px;border:1px solid #999;margin:0 auto;border-radius:5px;background:#fff;}
.box21{margin-top:10px;}
.box22{margin-top:30px;}
.box22 .box24{height:420px;padding:20px;background:#fff;}
.box22 .box24 li{float:left;margin-right:20px;width:300px;height:200px;margin-bottom:20px;}
.box22 .box24 li img{width:300px;height:200px;}
.box22 .box24 ul{width:960px;overflow:hidden;}
.box25{bottom:0px;left:0px;height:30px;text-align:center;line-height:30px;width:300px;background:rgba(102,102,102,0.8);color:#fff;font-size:16px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC666666,endColorstr=#CC666666)}
.box24 li:hover a{background:rgba(255,0,0,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCff0000,endColorstr=#CCff0000)}
.box3{overflow:hidden;padding-bottom:55px;}
.box3 .tit2{color:#999;background:#fff;z-index:99;left:37%;top:10%;padding:0 20px;}
.box3 ul{overflow:hidden;margin-top:10px;}
.box31{color:#fff;padding-left:25px;font-size:12px;padding-top:25px;}
.box3 li{width:245px;height:170px;float:left;background:#808080;}
.box31 span a{color:#fff}
.box31 span{width:115px;height:24px;border:1px solid #fff;border-radius:3px;display:block;line-height:24px;font-size:14px;margin-top:10px;background:url(../images/m1.png) no-repeat 100px 7px;text-indent:15px}
.box31 p{line-height:20px;}
.box3 li:hover{background:#db2929}
.box3 li:hover s{border-left: 15px solid #db2929}
s{width: 0;height: 0;border-top: 10px solid transparent;border-left: 15px solid #808080;border-bottom: 10px solid transparent;position:absolute;right:-15px;top:30px;}
.s1{border-left:none;border-right:15px solid #808080;left:-15px;}
.box3 li:hover .s1{border-right:15px solid #db2929;border-left:none;}
.box4{background:#f0f0f0;overflow:hidden;padding-bottom:55px;}
.box4 .tit2{color:#999;background:#F0F0F0;z-index:99;left:34.5%;top:10%;padding:0 20px;}
.box41 li{float:left;width:210px;text-align:center;line-height:30px;font-size:18px;color:#999;cursor:pointer}
.box41 li:hover{background:#666;color:#fff;}
.box41 ul{width:843px;height:30px;border:1px solid #999;margin:0 auto;border-radius:5px;background:#fff;}
.box41{margin-top:10px;}
.box42{margin-top:30px;background:#fff;}
.box42 li{height:380px;}
.box42 .box42l{width:590px;height:380px;}
.box42 .box42r{width:360px;padding-left:20px;padding-top:20px;background:#808080;height:360px;color:#fff;}
.box42 .box42r h1{font-size:24px;font-weight:normal;margin-bottom:10px;}
.box42 .box42r p{line-height:26px;}
.box42 .box42r a{display:block;color:#fff;width:115px;height:25px;line-height:25px;border:1px solid #fff;border-radius:3px;text-indent:15px;margin-top:10px;background:url(../images/m1.png) no-repeat 100px 7px;}
.prev{position:absolute;width:36px;height:36px;background:url(../images/zuo.png) no-repeat;left:20px;bottom:15px;z-index:999}
.next{position:absolute;width:36px;height:36px;background:url(../images/you.png) no-repeat;left:72px;bottom:15px;z-index:999}
.box5{background:#e85149;overflow:hidden;padding-bottom:55px;}
.three{height:85px;padding-top:50px}
.three p{font-size:30px;text-align:center;color:#fff;}
.three span{color:#fff7c6}
.three .tit1{border-bottom:1px solid #ffb5b5;}
.three .tit2{color:#ffb5b5;background:#e85149;z-index:99;left:33%;top:10%;padding:0 20px;}
.box51,.box52{width:250px;margin-right:50px;margin-top:10px;padding-top:70px;padding-top:80px}
.box53{width:340px;margin-top:10px;padding-top:70px;}
.box51,.box52,.box53{color:#fff;line-height:23px;}
.box51{background:url(../images/51.jpg) no-repeat top left} 
.box52{background:url(../images/52.jpg) no-repeat top left; width:290px;}
.box53{background:url(../images/53.jpg) no-repeat top left}
.box6{overflow:hidden;padding-bottom:55px;padding-top:45px;}
#name,#phone,#place,#email,#content{color:#999;border:1px solid #999;text-indent:5px;}
#name{width:98px;margin-right:10px;float:left;margin-top:20px}
#phone{width:138px;margin-top:20px;}
#place,#email{width:248px;margin-top:10px;}
#content{width:248px;margin-top:10px;height:58px;}
.box61 .form1{left:90px;bottom:0px;color:#de0705}
.box61 .form2{right:5px;bottom:0px;color:#de0705}
.box61 .form3{right:5px;top:10px;color:#de0705}
.box61 .submit{width:160px;height:25px;line-height:25px;margin-right:30px;border:none;border-radius:3px;color:#fff;background:#de0705;margin-top:10px}
.box61 .reset{width:60px;height:25px;line-height:25px;border:none;border-radius:3px;color:#fff;background:#999}
.box61 {width:250px;margin-right:50px;height:330px;}
.box62{width:310px;margin-right:50px;height:330px;}
.box63{width:320px;height:330px;}
.b6,.b7,.b8{height:42px;margin-bottom:10px;font-size:18px;line-height:42px;text-indent:60px;font-weight:bold;}
.b6{background:url(../images/61.png) no-repeat left;}
.b7{background:url(../images/62.png) no-repeat left;}
.b8{background:url(../images/63.png) no-repeat left;}
.b61{border-bottom:1px solid #ccc;margin-bottom:15px;}
.b62{font-size:14px;font-weight:normal;color:#999;display:block;padding-right:20px;background:url(../images/m2.jpg) no-repeat right;}
.box62 li{margin-bottom:16px;text-decoration:underline;}
.box62 li a{color:#666; line-height:1.8;}
.box62 li:hover a{color:#de0705}
.box63 li{float:left;width:150px;height:140px;margin-right:20px; line-height:1.2;}
.box63 ul{width:340px;overflow:hidden}
.box7{background:url(../images/64.jpg) no-repeat;height:105px;padding-top:5px}
.box7 p{font-size:16px;color:#fff;line-height:24px; padding-left:140px;}
/*footer*/
.foot{overflow:hidden;background:#333;margin-top:60px;}
.footer{background:url(../images/icon.jpg) no-repeat left;height:60px;color:#ccc;font-size:12px;}
.footer p{line-height:60px;text-indent:45px;float:left;margin-right:40px;}
.footer li{float:left;line-height:60px;}
.footer li a{border-right:1px solid #ccc;padding:0 9px;color:#ccc;}
.footer span{line-height:60px;margin-left:36px;display:inline;}

.foot-btn { height: 32px;  margin-top:15px; }
.foot-btn ul li{ line-height:32px;}
	.btn-sns { width: 32px; height: 32px; float: left; margin-left: 10px; font-size: 20px; line-height: 32px; }
	.btn-sns a { height: 32px; display: block; color: #333; background-color: #999; border-radius: 16px; background: #999 url(../images/sprites.png) no-repeat 0 -160px\9; }
	.btn-sns .fa { line-height: 32px; }
	.btn-facebook a:hover { background: #4862a3; background: #4862a3 url(../images/sprites.png) no-repeat 0 -193px\9; color: #fff; }
	.btn-twitter a:hover { background: #fff; background: #fff url(../images/sprites.png) no-repeat 0 -227px\9; color: #55acee; }
	.btn-google-plus a:hover { background: #dd4b39; background: #dd4b39 url(../images/sprites.png) no-repeat 0 -261px\9; color: #fff; }
	.btn-youtube-play a:hover { background: #fff; background: #fff url(../images/sprites.png) no-repeat 0 -227px\9; color: #c00;}
	.btn-comments-o { width: 132px; height: 32px; float: left; text-align: center; margin: 0 6px 0 20px; background: url(../images/chat-btn.png) no-repeat; }
	.btn-comments-o a { display: block; text-transform: uppercase; color: #8c96a0; text-shadow: 0 1px 0 #fff; font: 700 15px/32px Arial, sans-serif; background-color: transparent; }
	.btn-comments-o a:hover { color: #c00; }
/*right*/
.right{overflow:hidden;right:15px;top:120px;}
.right li a{color:#fff;width:170px;height:31px;margin-top:2px;background:#999;text-align:center;line-height:31px;display:block}
.right li a:hover{background:#de0705}