/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, span, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ padding:0; margin:0;}
li{ list-style:none;}
img{ border:0;}
a{cursor:pointer;text-decoration:none;}
a:hover{}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
input:focus,textarea:focus,select:focus{ box-shadow:none; outline:0;}
.relative{ position:relative;}
.ellipsis{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/* clear float */
.clearboth{ clear:both;}
.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	content: '';
	display: block;
	font-size: 0;
}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
* html .clearfix {zoom: 1;}/* IE6 */
*:first-child+ html .clearfix {zoom: 1;}/* IE7 */
body,input,textarea,select{font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;}
.btn:active{
	transform:scale(.95);
	-webkit-transform:scale(.95);
	-moz-transform:scale(.95);
	-o-transform:scale(.95);
	}
h3,h4{ font-weight:normal;}
.banner-img{ width:100%; overflow:hidden;}
.banner-img li{ position:relative; display:none; width:100%; float:left; margin-right:-100%;}
.banner img{ display:block; width:100%;}
.banner-img li.current{ display:block;}
.current{ z-index:1;}
.animating{ z-index:2;}
.content{ width:1200px; margin:0 auto;}
/* base */
.header{ position:relative; min-width:1200px; height:80px; background:#202020; z-index:9;}
h1{ position:absolute; left:50px; top:0; height:80px; width:270px; z-index:9;}
h1 a{ display:block; height:80px; background:url(../img/logo.png) no-repeat 0 center; text-indent:-9999px;}
.navCont{ position:absolute; left:0; top:0; width:100%; height:80px;}
.nav{ position:absolute; top:0; right:200px;}
.nav li{ float:left; position:relative; margin-left:35px;}
.nav a{ display:block; padding:0 10px; color:#848484; font-size:14px; line-height:80px;}
.nav li:hover a,.nav a.hover{ color:#ebeaea;}
.navMark{ position:absolute; top:0; left:0; height:2px; width:0; background:#e60012;}
.oaBtn{ position:absolute; right:50px; top:25px; display:block; width:89px; height:30px; border-radius:15px; background:#FFF; font-size:12px; line-height:30px; text-align:center; color:#363636;}
.nav dl{ display:none; position:absolute; left:-50px; top:69px; width:165px; padding:30px 295px 40px 50px; background:url(../img/secNavBg.jpg) no-repeat 217px 35px #FFF; overflow:hidden;}
.nav li.last dl{ left:auto; right:-45px;}
.nav dl a{ padding:0; line-height:normal;}
.secNavBg{ display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:8;}
.nav dt a{ color:#363636 !important; font-size:14px;}
.nav dt:after{ content:" "; display:block; margin-top:17px; width:33px; height:2px; background:#b2b2b2;}
.nav dd a{ margin-top:18px; color:#363636 !important; font-size:12px;}
.nav dl a:hover{ color:#000;}
.banner{ position:relative; min-height:100px;}
.icon1{ position:absolute; bottom:64px; left:50%; margin-left:-16px; display:block; width:33px; height:33px; background:url(../img/icon1.png); z-index:8;}
.footer{ padding:55px 0; background:#363636;}
.footcont{ position:relative; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #4a4a4a;}
.telbox p{ font-size:12px; color:#cfcdce;}
.telbox span{ font-size:28px; color:#f4f4f4;}
.footNav{ position:absolute; left:210px; bottom:30px;}
.footNav a{ margin:0 15px; font-size:12px; color:#cfcdce;}
.footNav a:hover{ border-bottom:1px solid #FDF;}
.frbox{ position:absolute; right:0; bottom:30px;}
.frbox div{ float:left;}
.sharebox{ position:relative; padding:19px 20px 0 0;}
.qrcode{ display:none; position:absolute; left:0; top:-165px; background:#333; padding:10px;}
.sharebox a{ margin:0 7px; float:left; display:block; width:22px; height:18px;}
.s1{ background:url(../img/icon3.png) no-repeat center 0;}
.s2{ background:url(../img/icon4.png) no-repeat center 0;}
.sharebox a:hover{ box-shadow:0 0 5px #FFF;}
.mailbox{ text-align:right;}
.mailbox p{ font-size:12px; color:#cfcdce;}
.mailbox span{ font-size:18px; color:#9d9c9d;}
.btn1{ display:block; margin-left:14px; width:36px; height:36px; background:url(../img/icon2.png);}
.copyright{ font-size:12px; color:#8f8f8f;}
.copyright span{ color:#686868;}
.copyright a{ margin-left:4em; color:#8f8f8f;}
/* index */
.chunk{ padding:60px 0 85px;}
.title1,.title2{ margin-bottom:60px; text-align:center;}
.title1 h3{ font-size:25px; color:#383735;}
.title1 h4{ font-size:16px; color:#969696; text-transform:uppercase;}
.title2 h3{ font-size:25px; color:#FFF;}
.title2 h4{ font-size:16px; color:#FFF; text-transform:uppercase;}
.list1{ width:1236px;}
.list1 img{ display:block;}
.list1 li{ float:left; margin-right:37px; width:272px;}
.list1 .txtbox{ padding:15px 20px 0; height:125px; line-height:2; text-align:center; background:#FFF;}
.list1 h4{ font-size:14px; color:#363636; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list1 h4:after{ content:" "; display:block; margin:10px 0; width:33px; height:2px; background:#FFF;}
.list1 p{ height:48px; overflow:hidden; font-size:12px; color:#6d6d6d;}
.list1 li:hover .txtbox{ background:#363636; text-align:left;}
.list1 h4:after h4:after{ background:#b2b2b2;}
.list1 li:hover h4{ color:#FFF;}
.list1 li:hover p{ color:#949494;}
.caseChunk{ height:445px; background:url(../img/img5.jpg) no-repeat center 0;}
.caseList{ position:relative;}
.caseListCont{ width:1216px; height:320px; overflow:hidden;}
.list2{ position:relative;}
.list2 li{ float:left; margin-right:18px;}
.list2 a{ display:block; padding:15px; width:256px; background:#FFF;}
.list2 .imgbox{ width:256px; height:192px; margin-bottom:13px; overflow:hidden;}
.list2 img{ display:block; width:256px; height:192px;}
.list2 h4{ margin:15px 0; font-size:15px; color:#363636; font-weight:bold;}
.list2 p{ font-size:12px; color:#4a4a4a; line-height:2;}
.liSwitchBtn a{ position:absolute; top:50%; margin-top:-7px; display:block; width:8px; height:14px; background:url(../img/icon5.png);}
.liSwitchBtn .prev{ left:-45px;}
.liSwitchBtn .next{ right:-45px; background-position:0 bottom;}
.text1{ font-size:12px; text-align:center; color:#636363; line-height:2;}
.list3{ padding-top:58px;}
.list3 li{ float:left; width:400px;}
.list3 a{ display:block; padding:0 18px 0 70px;}
.icon7{ background:url(../img/icon7.png) no-repeat;}
.icon8{ background:url(../img/icon8.png) no-repeat;}
.icon9{ background:url(../img/icon9.png) no-repeat;}
.list3 h3{ font-size:18px; color:#383735;}
.list3 h4{ margin-bottom:20px; font-size:16px; color:#8a8a8a;}
.list3 p{ height:72px; overflow:hidden; font-size:12px; color:#636363; line-height:2;}
.img6{ height:242px; background:url(../img/img6.jpg) no-repeat center 0;}
.list4{ height:320px; padding-bottom:60px; width:1260px;}
.list4 li{ float:left; position:relative; top:40px; margin-right:60px; width:358px; border:1px solid #e4e4e4; background:#FFF;}
.list4 a{ position:relative; display:block; padding:40px 30px 138px;}
.list4 h4{ margin-bottom:20px; font-size:16px; color:#474747; font-weight:bold; line-height:25px; height:50px; overflow:hidden;}
.list4 p{ font-size:12px; color:#959595; line-height:2; height:72px; overflow:hidden;}
.date{ position:absolute; padding:25px 30px; width:298px; bottom:0; left:0; background:#f7f7f7; border-top:1px solid #e4e4e4;}
.date i{ display:block; line-height:45px; font-size:42px; color:#535353; font-style:normal;}
.date u{ display:block; text-decoration:none; font-size:16px; color:#8c8c8c;}
.list4 .imgbox{ display:none; position:absolute; left:0; bottom:0; width:358px; height:145px; overflow:hidden;}
.list4 img{ width:100%;}
.list4 li:hover{ top:0; background:#363636; border-color:#FFF;}
.list4 li:hover a{ padding:60px 30px 218px;}
.list4 li:hover h4{ margin-bottom:40px; padding-left:75px; color:#f0f0f0;}
.list4 li:hover .date{ left:30px; top:60px; width:auto; height:60px; border-color:#363636; padding:0; background:#363636;}
.list4 li:hover .date i,.list4 li:hover .date u{ color:#f0f0f0;}
.list4 li:hover p{ color:#aeaeae;}
.list4 li:hover .imgbox{ display:block;}
.fLbtn{ position:relative;}
.fLbtn a{ position:absolute; top:54px; display:block; width:30px; height:30px; background-image:url(../img/icon6.png);}
.fLbtn .prev{ left:0;}
.fLbtn .next{ right:0; background-position:0 bottom;}
.fLbtn a:hover{ opacity:.5;}
.friendLink{ height:135px; background:#f4f4f4; border-top:1px solid #e5e5e5;}
.fLcont{ width:1100px; margin:0 auto; overflow:hidden;}
.fLlist{ position:relative;}
.fLlist a{ display:block; margin:0 1.25px; float:left; width:135px; height:135px; background-repeat:no-repeat; background-position:center;}
/* inner */
.innerMain{ padding:43px 0 72px;}
.sidebar{ width:270px; border-bottom:3px solid #eaeaea;}
.sidebar dt{ padding:40px 0 40px 35px; font-size:23px; color:#FFF; background:url(../img/icon10.png) no-repeat 0 24px #d2373e;}
.sidebar dt span{ padding-left:7px; text-transform:uppercase; font-size:16px; color:#cb6d70;}
.sidebar a{ display:block; height:60px; line-height:60px; padding-left:45px; color:#6d6d6d; font-size:14px; background:url(../img/icon11.png) no-repeat 235px center #f7f7f7; border-bottom:1px solid #eaeaea;}
.sidebar a:hover,.sidebar a.hover{ background:url(../img/icon12.png) no-repeat 235px center #FFF;}
.contDiv{ width:870px;}
.innerTitle{ position:relative; padding:25px 0 0 48px; margin-bottom:30px; height:77px; background:url(../img/icon13.png) repeat-y 1px 0 #f7f7f7;}
.rightBg{ position:absolute; left:50%; top:43px; width:50%; height:102px; background:#f7f7f7; z-index:-1;}
.innerTitle h3{ font-size:25px; color:#333;}
.bread{ font-size:14px; color:#919191;}
.bread a{ color:#919191;}
.bread a:hover{ text-decoration:underline;}
.bread span{ color:#d2373e;}
.telTitle{ position:absolute; right:0; top:25px; padding-right:52px; background:url(../img/icon14.png) no-repeat right 8px;}
.telTitle h3{ font-size:24px; color:#4e4e4e;}
.telTitle p{ font-size:12px; color:#9e9e9e;}
.list5 li{ float:left; margin:0 -1px -1px 0; width:289px; border:1px solid #e5e5e5;}
.list5 a{ display:block; padding:15px;}
.list5 img{ display:block; margin-bottom:10px; width:259px; height:193px;}
.list5 h4{ line-height:40px; font-size:14px; color:#3a3a3a; font-weight:bold;}
.list5 p{ height:48px; overflow:hidden; font-size:12px; color:#767676; line-height:2;}
.list5 li:hover{ box-shadow:0 0 6px #CCC; -webkit-box-shadow:0 0 6px #CCC; -o-box-shadow:0 0 6px #CCC; -moz-box-shadow:0 0 6px #CCC;}
.loadMore{ margin-top:68px; text-align:center;}
.loadMore a{ font-size:16px; color:#868686;}
.loadMore a:hover{ color:#999;}
.productBox .imgbox{ width:530px; height:400px; overflow:hidden;}
.productBox .imgbox img{ width:530px; height:400px;}
.productBox .txtbox{ position:relative; height:400px; padding:0 20px; width:290px;}
.productBox h4{ line-height:60px; font-size:17px; color:#3a3a3a; font-weight:bold;}
.productBox p{ font-size:14px; color:#767676; line-height:2;}
.imglist{ position:absolute; left:20px; bottom:0; width:270px; height:77px; overflow: hidden;}
.imgsCont{ width:235px; overflow:hidden;}
.imglist ul{ position:relative;}
.imglist li{ position:relative; float:left; margin-right:29px;}
.imglist img{ display:block; width:103px; height:77px;}
.imglist li a{ position:absolute; left:0; top:0; display:block; padding:2px; width:99px; height:73px;}
.imglist li.current a{ border:2px solid #d2373e; padding:0;}
.imglist .next{ position:absolute; right:0; top:0; display:block; width:30px; height:77px; background:url(../img/icon11.png) no-repeat center #FFF;}
.imglist .next:hover{ background-color:#CCC;}
.tab{ padding-top:45px; overflow:hidden;}
.tab .tAbBtn a{ display:block; float:left; width:25%; height:55px; line-height:55px; background:#f7f7f7; color:#585858; font-size:14px; text-align:center;}
.tab .tAbBtn{ border-bottom:2px solid #eaeaea;}
.tAbSwitch{ position:relative; overflow:hidden;}
.tab .tAbSwitch li{ float:left; padding-top:50px;}
.tab .tAbBtn a.hover{ position:relative; color:#FFF; background:#363636;}
.tab .tAbBtn a.hover:after{ content:" "; display:block; height:6px; width:100%; position:absolute; bottom:-6px; left:0; background:url(../img/icon15.png) no-repeat center 0;}
.txtCont p{ font-size:14px; color:#737373; line-height:2;}
.txtCont img{ margin-bottom:10px;}
.contactBox{ position:relative;}
.contactBox ul{ position:absolute; right:0; top:0; height:500px; width:282px; background:#3c3c3c;}
.contactBox i{ margin-bottom:5px; font-size:12px; color:#797979; display:block; font-style:normal;}
.contactBox p{ color:#FFF; font-size:14px; line-height:1.8;}
.contactBox span{ font-size:18px;}
.icon16,.icon17,.icon18{ border-bottom:1px solid #4e4e4e; padding-left:66px !important;}
.icon16{ background:url(../img/icon16.png) no-repeat 30px 30px;}
.icon17{ background:url(../img/icon17.png) no-repeat 30px 30px;}
.icon18{ background:url(../img/icon18.png) no-repeat 30px 30px;}
.contactBox li{ padding:23px 30px;}
.qrword{ position:absolute; top:34px; right:60px; width:1em; line-height:1.2 !important;}
.textbox{ margin-right:20px; width:208px; height:38px;}
.textbox,.textarea{ padding:0 20px; border:1px solid #dadada; font-size:12px; color:#6a6a6a; line-height:38px;}
.textarea{ height:114px; max-height:114px; width:478px; max-width:478px;}
.tdDiv{ margin-bottom:20px; font-size:12px; color:#6a6a6a; line-height:38px;}
.radio{ margin:0 5px; vertical-align:middle;}
.gender{ padding:0 20px; display:inline-block; width:210px; margin-right:20px;}
.submit{ width:92px; height:38px; color:#FFF; font-size:12px; background:#d2373e; border:none;}
.list6 li{ margin-bottom:42px; padding-bottom:42px; border-bottom:1px solid #e6e6e6;}
.list6 .imgbox{ float:left; width:300px; height:225px; overflow:hidden;}
.list6 .txtbox{ position:relative; height:225px; width:520px;}
.list6 h4{ margin-bottom:8px;}
.list6 h4 a{ line-height:40px; font-size:18px; color:#3a3a3a; font-weight:bold;}
.list6 p{ color:#767676; font-size:12px; line-height:2;}
.btn2{ display:block; text-align:center; line-height:38px; text-transform:uppercase; background:#b2b2b2; width:92px; height:38px; font-size:12px; color:#FFF;}
.btn2:hover{ background:#d2373e;}
.list6 .btn2{ position:absolute; left:0; bottom:0;}
.table1{ font-size:14px; background:#e5e5e5}
.table1 th{ height:48px; background:#363636; color:#FFF; font-weight:normal;}
.table1 td{ padding:25px 20px; background:#FFF;}
.table1 p{ font-size:12px; color:#414141; line-height:2;}
.table1 span{ display:block; margin-bottom:25px; color:#414141;}
.title3{ margin-bottom:30px;}
.title3 h4{ margin-bottom:10px; font-size:16px; color:#272727; font-weight:bold;}
.title3 p{ font-size:12px; color:#6a6a6a;}
.box1:after{ content:" "; display:block; margin:38px 0; width:84px; height:2px; background:#d6d6d6;}
.box1 h4{ font-size:20px; color:#474747; font-weight:bold; line-height:40px;}
.box1 p{ font-size:12px; color:#929292;}
.box1 span{ color:#02468d;}
.box2{ padding-bottom:38px; margin-bottom:40px; border-bottom:1px solid #e4e4e4; font-size:12px; color:#414141; line-height:2;}
.box2 li{ margin-bottom:10px; width:25%; float:left;}
.box2 i{ color:#868686; font-style:normal;}
.box2 span{ font-size:14px;}
.newsList li{ width:50%; float:left;}
.newsList a{ display:block; margin-top:-1px; padding:20px; width:393px; border:1px solid #e5e5e5;}
.newsList img{ display:block; margin-bottom:30px; width:100%;}
.newsList h4{ margin-bottom:5px; font-size:16px; color:#222;}
.newsList h3{ padding-bottom:20px; margin-bottom:20px; font-size:17px; color:#3a3a3a; font-weight:bold; border-bottom:1px solid #EEE;}
.newsList p{ font-size:14px; color:#767676; line-height:2;}
.newsList a:hover{ box-shadow:0 0 6px #CCC; -webkit-box-shadow:0 0 6px #CCC; -o-box-shadow:0 0 6px #CCC; -moz-box-shadow:0 0 6px #CCC;}
.newsList a:hover h3{ color:#d2373e;}
.newsTitle{ position:relative; margin-bottom:54px; padding:25px 110px 25px 45px; border:1px solid #d2d2d2;}
.newsTitle h4{ margin-bottom:10px; color:#474747; font-size:20px; font-weight:bold;}
.newsTitle p{ font-size:12px; color:#686868;}
.newsTitle em{ padding-left:2em;}
.newsTitle a{ position:absolute; top:34px; display:block; width:36px; height:36px; background:url(../img/icon20.png);}
.newsTitle .prev{ right:72px; background-position:0 bottom;}
.newsTitle .next{ right:30px;}
.newsTitle a:hover{ background-image:url(../img/icon19.png);}
/*animation*/
.duration a,.imghover img,.durationli li,.animate,.newsList h3{
	transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s ; 
	-o-transition-duration: .3s;
	}
.imghover a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.moveFromRight {
	animation: moveFromRight .3s ease both;
	-webkit-animation: moveFromRight .3s ease both;
	-moz-animation: moveFromRight .3s ease both;
	-o-animation: moveFromRight .3s ease both;
}
@keyframes moveFromRight {
	from {transform: translateX(100%); opacity:.3; }
}
@-webkit-keyframes moveFromRight {
	from { -webkit-transform: translateX(100%); opacity:.3; }
}
@-moz-keyframes moveFromRight {
	from { -moz-transform: translateX(100%); opacity:.3; }
}
@-o-keyframes moveFromRight {
	from { -o-transform: translateX(100%); opacity:.3; }
}