@charset "gb2312";

/*
Theme Name: 065
Theme URI: qxw1885670206.my3w.com
Description: 页码效果数字式，导航菜单没有下拉菜单特效。
Version: 20150518
Author: zhl
Author URI: qxw1885670206.my3w.com
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, select, p, th, td {margin: 0; padding: 0;}

body, td, th, span {color: #444; font-family: "Microsoft YaHei"; font-size: 12px;}

h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}

li {list-style: none;}

a {color:#444; text-decoration:none;}

a:hover {color:#d93d3d; text-decoration:none;}

img {border:0; vertical-align:middle;}

.clear {clear:both;}

.hide {display:none;}

body {background:#fff;}

.pages{ width:100%; float:left; text-align:center; margin:10px 0;}

.pages .curr{ color:#fff; background-color:#dd474d;}

.pages .curr a{ color:#fff;background-color:#dd474d;border:1px solid #dd474d; }

.pages .curr a:hover{ color:#fff; }

.pages a{ color:#666; background-color:#fff; padding:7px 12px; border:1px solid #dedede;}

.pages a:hover{color:#fff;background-color:#dd474d;border:1px solid #dd474d;}

.pages span{ margin:0 3px;}

.apages{ width:100%; float:left; text-align:center; margin:10px 0;}

.apages .curr{ color:#fff; background-color:#dd474d;}

.apages .curr a{ color:#fff;background-color:#dd474d;border:1px solid #dd474d;}

.pages .curr a:hover{ color:#fff;}

.apages a{ color:#666; background-color:#fff; padding:7px 12px; border:1px solid #dedede;}

.apages a:hover{ color:#fff;background-color:#dd474d;border:1px solid #dd474d;}

.apages span{ margin:0 3px;}

#banner{ width:100%; float:left;height:630px;position:relative; }


.ulBanner{width:100%; height:630px;}

.ulBanner li{position:absolute;width:100%; height:630px;}

.ulBannerNav{position:absolute; bottom:40px; left:50%; margin-left:-33px; z-index:10;}

.ulBannerNav li{float:left; background:#fff; margin:0 3px; width:16px; height:16px; display:block; cursor:pointer; border-radius:16px; }

.ulBannerNav li.on{background:#da0000; cursor:pointer; }

#header{ width:100%; float:left;}

.header{ width:1000px; height:130px; margin:0 auto;}

.logo{ width:97px; height:100px; float:left; margin:15px 0 0 0;}

.phone{ float:right; font-style:italic; font-weight:bold; margin:10px 0 0 0; }

.phonetitle{ color:#5d5d5d; font-size:14px; float:left; height:28px; line-height:38px; background:url(phone.png) no-repeat left; padding-left:30px;}

.phonecontent{ color:#da0000; font-size:24px; line-height:33px; float:left;}

.nav{ float:right; margin:20px 0 0 0;}

.nav li{ width:70px; float:left; text-align:center; margin-left:40px;}

.navcn{ width:100%; float:left; color:#333; font-size:16px;}

.naven{ width:100%; float:left; color:#898889; font-family:"Arial"; margin-top:5px;}

.nav li a:hover .navcn,.nav li a.hover .navcn{ color:#d93037;}

.main{ width:100%; float:left;}

.bgfff{ background-color:#fff;}.bgf8{ background-color:#f8f8f8;}.bgf6{ background-color:#f6f6f6;}

#link{ width:100%; height:78px; float:left;background:url(linkbg.png) no-repeat center; margin-top:50px;}

.link{ width:1000px; margin:0 auto;}

.link span{ width:200px; height:22px; float:left; margin:40px 20px 0 0;}

.link div{ width:780px; height:22px; float:left; margin:40px 0 0 0;}

.link div a{color:#666666; font-family:"宋体"; font-size:12px; }

#footer{ width:100%; height:220px; float:left;background:url(bottombg.jpg) no-repeat center;}

.footer{ width:1000px; margin:39px auto 38px auto;}

.footerleft{width:88px; height:90px; padding:29px 40px 24px 0; float:left; border-right:1px solid #515151;}

.footercenter{width:90px; height:90px; padding:26px 40px 27px 40px; float:left; border-left:1px solid #111111;}

.footerright{ width:700px; float:left;}

.footerright p{ width:700px; float:left; font-family:"宋体"; font-weight:bold; color:#ccc; line-height:27px;}

.footerright span{ width:600px; float:left; margin-top:5px; font-family:"宋体"; color:#ccc; line-height:20px;}

.footerright ul{ width:600px; float:left;}

.footerright ul li{ float:left; font-family:"宋体"; color:#ccc; line-height:40px;}

.footerright ul li a{ float:left; font-family:"宋体"; color:#ccc;}

.footerright .copyRight{ width:600px; float:left; font-family:"宋体"; color:#ccc;line-height:27px;}

.bannerBottom{ width:996px; margin:0 auto;}

.bannerBottom li{ width:166px; float:left;}

.bannerBottomImage{  width:98px; height:98px; float:left; margin:34px 34px 10px 34px;}

.bannerBottomImage img{ width:86px; height:86px; padding:6px;transition:all 0.3s ease-in-out; border-radius: 50px;-webkit-transition:all 0.3s ease-in-out;transform-origin:center center;}

.bannerBottomTitle{ width:166px; text-align:center; height:22px; float:left; color:#444; font-size:18px; line-height:22px; overflow:hidden;}

.bben{ color:#999999; font-size:14px;font-family:"Arial"; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; opacity:0; text-align:center;}

.bannerBottom li:hover,.bannerBottom li.hover{ background-color:#fff;}

.bannerBottom li:hover .bannerBottomImage,.bannerBottom li.hover .bannerBottomImage{ background:url(homeicohover.png) no-repeat center;}

.bannerBottom li:hover .bannerBottomImage img,.bannerBottom li.hover .bannerBottomImage img { transform:rotate(360deg)}

.bannerBottom li:hover .bben,.bannerBottom li.hover .bben{ opacity:1;}

.k-panel { width:1000px; margin:0 auto;}

.kindtitle { height:86px; overflow:hidden; }

.kindtitle .h1 { text-align:center; font-size:24px; color:#d93037; font-weight:normal; margin-bottom:5px}

.kindtitle .p { text-align:center; font-size:18px; font-family:Arial; color:#999999}

.kindtitle-page { float:right; padding-top:10px; }

.kindtitle-page .kpage{ display:inline-block; width:40px; height:40px;}

.kindtitle-page .prepage { background:url(kind-page.png) 0px 0px no-repeat; margin-right:10px}

.kindtitle-page .prepage:hover { background:url(kind-page.png) 0px -43px no-repeat;}

.kindtitle-page .nextpage { background:url(kind-page.png) -50px 0px no-repeat;}

.kindtitle-page .nextpage:hover { background:url(kind-page.png) -50px -43px no-repeat;}

.kcase-panel { width:1010px; height:515px; border-bottom:dashed 1px #ccc; overflow:hidden}

.kcase-ul {}

.kcase-ul li{ width:244px; height:160px; overflow:hidden; float:left; margin:0px 8px 8px 0px; position:relative;-webkit-transition:0.6s; transition: 0.6s;transform-style: preserve-3d; display:inline; background-color:#FFF}

.kcase-ul li .front,.kcase-ul li .back{ width:244px;height:160px;-webkit-backface-visibility: hidden;backface-visibility: hidden;position: absolute;left:0;top:0;-webkit-transition:0.6s; transition: 0.6s; -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;}

.kcase-ul li .front{ z-index:2;}

.kcase-ul li .back{ -webkit-transform: rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}

.kcase-ul li .front.hover{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}

.kcase-ul li .back.hover{-webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg); z-index:3}

.kcase-ul li a{display:block; width:244px; height:160px;position:relative;}

.kcase-ul li a img{ width:244px; height:160px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; position:absolute; left:0; top:0; z-index:0}

.kcase-ul li a p{ height:40px; line-height:40px;width:244px;position:absolute; z-index:10; left:0px; bottom:-40px;transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;transform-origin:center center; background:#000000 url(fdj.png) 208px center no-repeat; color:#FFFFFF; font-size:14px; text-indent:20px;}

.kcase-ul li a:hover img{ transform:scale(1.2)}

.kcase-ul li a:hover p{bottom:0px;}

.kcase-info { padding:15px 0px; font-size:14px; color:#333; line-height:2em;}

.showCaseHome{width:1000px; margin:0 auto;}

.showCase_title{width:1000px; float:left; text-align:center; font-size:24px; color:#d93037; padding-top:30px;margin:10px 0 30px 0;}

.spanen{ color:#999; font-family:"Arial"; font-size:24px; margin-left:10px;}

.showCase_content{width:1000px; float:left; padding-bottom:20px;}

.scc_title{ float:left; margin:20px 140px;}

.scc_title span{ cursor:pointer; width:98px; height:38px; float:left; border:1px solid #dedede; margin:0 10px; border-radius:2px; text-align:center; line-height:38px; color:#333; font-size:14px; overflow:hidden;}

.scc_title span:hover,.scc_title span.hover{ width:100px; height:40px; border:0px solid #dedede;background:url(titlehover1.png) no-repeat;line-height:40px;color:#fff; }

.scc_title span:hover a,.scc_title span.hover a{ color:#fff; }

.scc_content{width:1020px; float:left;}

.scc_content li{ width:235px; float:left; margin:0 20px 20px 0;}

.inscc_content{width:470px; float:left;}

.inscc_content li{ width:220px; float:left; margin:0 15px 20px 0;}

.case_image{width:235px; float:left; height:145px;}

.case_title{width:235px; float:left; height:60px; line-height:60px; text-align:center; background-color:#111; color:#fff; font-size:14px;}

.incase_image{width:220px; float:left; height:145px;}

.incase_title{width:220px; float:left; height:60px; line-height:60px; text-align:center; background-color:#111; color:#fff; font-size:14px;}

.aboutUs{width:1000px; margin:0 auto; min-height:30px; background:url(title1.png) no-repeat center top; }

.aboutUs_left{ width:380px; height:330px; float:left; padding:25px 0; margin-right:45px;}

/*----- 切换 -----*/

.TwoSList {overflow:hidden;}

.TwoSList .TwoSList_T { height:50px;}

.TwoSList .TwoSList_T a{color:#333333; height:48px; font-size:16px; line-height:48px; display:inline-block; padding:0 30px; border-bottom:2px solid #ffffff; text-decoration:none;}

.TwoSList .TwoSList_T .hover, .TwoSList .TwoSList_T a:hover{color:#d93037; border-bottom:2px solid #d93037;}

.aboutUs_right{ width:575px; float:right; padding:50px 0;}

.aboutUs_right_title{width:545px; float:left; background:url(lictico1.png) no-repeat left; padding-left:30px; height:48px; line-height:70px; font-size:24px; color:#d93037;}

.aboutUs_right_content{width:575px; float:left; color:#333; font-size:14px; line-height:25px; margin-top:20px;}

.ourTeam{width:1000px; margin:0 auto; min-height:30px; background:url(title2.png) no-repeat center top; }

.teamList{float:left; padding-bottom:40px;}

.teamList li{ float:left; margin:0 6px 6px 0; position:relative; cursor:pointer;}

.teamHover{ display:none; position:absolute; bottom:0; width:100%; height:50px; background:url(titlehover2.png) no-repeat right 20px center #da484b; font-size:20px; color:#fff; text-indent:18px; padding:15px 0;}

.teamHover span{ font-size:16px; color:#fff; text-indent:18px; float:left;}

.teamList li:hover .teamHover{ display:block; }

.news{width:1000px; margin:25px auto; min-height:30px; background:url(title2.png) no-repeat center top; }

.news_content{width:1000px; float:left;padding-bottom:40px; }

.news_left_div{width:350px; height:286px; float:left;position:relative; }

.news_left{ width:350px; height:286px; float:left;}

.news_left li{ width:350px; height:286px; float:left;position:absolute; }

.news_left_image{ width:348px; height:230px; border:1px solid #ecdbcd; border-bottom:0;}

.news_left_image img{ width:348px; height:230px;}

.news_left_title{ width:348px; height:55px; line-height:55px; background-color:#f6eada; color:#9d7657; font-size:16px; text-indent:10px;}

.news_leftNav{position:absolute; bottom:21px; right:10px; z-index:20;}

.news_leftNav li{float:left; background:#fff; margin-left:5px; width:12px; height:12px; border-radius:12px;  display:block; cursor:pointer;}

.news_leftNav li.on{ background:#b89172; }

.news_center{ width:315px; height:286px; float:left; margin-left:60px;}

.news_center li{ width:300px; float:left;background:url(listico2.png) no-repeat 0 9px; padding:0 0 15px 15px; margin-bottom:15px; border-bottom:1px dotted #c6c6c6;}

.news_center_title{width:300px; float:left; height:16px; overflow:hidden;}

.news_center_title a{ font-size:14px; color:#333333;}


.news_center_title a:hover{ color:#d94f53;}

.news_center_content{width:300px; float:left; font-size:12px; color:#666666; font-family:"宋体"; line-height:21px; margin-top:6px;}

.news_right{ width:280px; float:right;}
.link p a{ margin-left:10px;}
#news_right_left{float:left;}

.news_right_image{width:280px; height:130px; float:left;}

.news_right_content{ width:280px; float:left; margin-top:8px; }

.news_right_content li{ width:265px; float:left; background:url(listico2.png) no-repeat left; padding-left:15px; line-height:35px;border-bottom:1px dotted #c6c6c6; height:35px; overflow:hidden;}

.news_right_content li a{font-size:12px; color:#666666; font-family:"宋体"; display:block; width:190px; overflow:hidden}

.news_right_content li span{ float:right;font-family:"宋体";color:#999;}

.customer{width:1000px; margin:0 auto;}

.leftIco{background:url(left2.png) no-repeat; width:15px; height:26px; margin:37px 10px 0 0; float:left; cursor:pointer;}

.rightIco{background:url(right2.png) no-repeat; width:15px; height:26px; margin:37px 0 0 10px;float:right;cursor:pointer;}

.customer_content{width:970px;height:100px; float:left;}

.customer_content ul{width:970px;height:100px; float:left;}

.customer_content ul li{ width:160px; height:100px; float:left; margin:0 15px;}

/*neiye*/

#bannerny{ width:100%; height:300px; float:left;}

#box{ width:100%; float:left;background:url(linkbg.png) no-repeat bottom; padding-bottom:80px;}

.box{ width:1000px; margin:0 auto; }

.box_top{ width:1000px; height:7px; float:left;background:url(listbg.png) no-repeat 207px; margin-top:20px;}

.box_left{ width:210px; float:left;}

.boxleft_title{width:185px; float:left; line-height:40px; border-bottom:2px solid #cd4848; font-size:20px; color:#cd4848; padding-left:25px;}

.boxleft_title span{ font-family:"Arial"; font-size:18px; color:#cd4848; margin-left:5px;}

.boxleft_content{ width:210px; float:left;}

.boxleft_content li{ width:210px; float:left;border-bottom:1px dotted #cccccc; }

.boxleft_content li a{ width:180px; height:50px; line-height:50px; display:block; padding-left:30px;background:url(listico3.png) no-repeat 10px 20px; font-size:14px; color:#333333; }

.boxleft_content li a:hover,.boxleft_content li a.hover{background:url(listico4.png) no-repeat 10px 20px; color:#cd4848; }

.box_right{ width:750px; float:left; padding-left:39px; border-left:1px solid #e5e5e5; }

.boxright_title{width:750px; float:left; line-height:42px; border-bottom:1px solid #cccccc; font-size:18px; color:#333333;}

.boxright_title span{ font-size:14px; color:#666666;background:url(sitemapico.png) no-repeat left; padding-left:17px; float:right;}

.boxright_title span a{ color:#666666;}

.boxright_content{ width:750px; float:left;}

/*new list*/

.newList{ width:750px; float:left; margin-top:10px; }

.newList li{ width:750px; float:left;border-bottom:1px dotted #cccccc; padding:15px 0; }

.new_image{ width:200px; height:140px; float:left; margin-right:20px;}

.new_image img{ width:200px; height:140px;}

.new_right{width:750px; float:left;}

.new_title{width:100%; float:left; line-height:25px; font-size:16px; color:#333333; height:25px; overflow:hidden;}

.new_title span{float:right; font-size:14px; color:#666666;}

.new_content{width:100%; float:left; line-height:25px; height:80px; font-size:14px; color:#666666; margin-top:10px;}

.new_more{width:100%; float:right; line-height:25px; }

.new_more a{float:right; color:#cb4141; padding-right:15px;font-family:"Arial";}

.page{width:750px; float:left; margin:20px 0;}

/*new content*/

.newContent{width:750px; float:left;}

.newcon_title{width:750px; float:left; padding:30px 0; line-height:30px; font-size:18px; color:#333333; text-align:center;}

.newcon_content{width:750px; float:left; line-height:25px; font-size:14px; color:#333333; text-align:center;margin-top:20px;}

.newcon_content p{text-align:left;}

.newcon_content img{width:500px; margin:0 auto; height:auto; padding-bottom:20px;}

.newcon_precnext{width:750px; float:left; border-top:1px solid #dedede;color:#333333; padding-top:5px; margin-top:20px; padding-top:20px;border-bottom:1px solid #dedede; padding-bottom:20px; }

.newcon_precnext p{width:750px; float:left; line-height:25px;}

.newcon_precnext p a{color:#333333; }

.newcon_precnext div{ margin-bottom:10px; font-size:14px;}
.newcon_precnext div a{ font-size:14px;}
/*contact*/

.box_contact{width:1041px; float:left; margin-top:80px;}

.contactDiv{width:304px; height:248px; float:left; border:1px solid #dedede; margin-right:41px;}

.contact_image{width:120px; height:100px; float:left; margin:-50px 92px 0 92px;}

.contact_title{width:304px; float:left; text-align:center;font-size:18px; color:#333333; padding:15px 0; }

.contact_content{width:234px; float:left; font-size:14px; color:#333333; padding:0 35px; line-height:25px; }

/*service*/

.box_service{width:1041px; float:left; margin-top:30px;}

.serviceDiv{width:320px; height:220px; float:left;  margin:0 20px 20px 0;}

.service_image{width:320px; height:160px; float:left; }

.service_title{width:220px; height:60px; line-height:60px; float:left; padding-left:100px;  font-size:16px; color:#fff;  }

.service_title span{font-family:"Arial"; font-size:12px; color:#fff; margin-left:5px; }

.servicebg1{background:url(service1.jpg) no-repeat left #55bcda;}

.servicebg2{background:url(service2.jpg) no-repeat left #00a99d;}

.servicebg3{background:url(service3.jpg) no-repeat left #f4ca59;}

.servicebg4{background:url(service4.jpg) no-repeat left #97cb6f;}

.servicebg5{background:url(service5.jpg) no-repeat left #d74941;}

.servicebg6{background:url(service6.jpg) no-repeat left #ff9a37;}

.boxleft_service{ width:210px; float:left;}

.boxleft_service li{ width:210px; float:left;border-bottom:1px dotted #cccccc; }

.boxleft_service li a{ width:160px; height:50px; line-height:50px; display:block; padding-left:50px; font-size:14px; color:#333333; }

.boxleft_service li a:hover,.boxleft_service li a.hover{ color:#cd4848; }

.leftico1{background:url(serviceico1.png) no-repeat 9px 13px;}

.leftico2{background:url(serviceico2.png) no-repeat 9px 20px;}

.leftico3{background:url(serviceico3.png) no-repeat 9px 16px;}

.leftico4{background:url(serviceico4.png) no-repeat 9px 14px;}

.leftico5{background:url(serviceico5.png) no-repeat 9px 11px;}

.leftico6{background:url(serviceico6.png) no-repeat 9px 13px;}

/*在线客服*/

#customer{position:absolute; top:180px; right:0; overflow:hidden; z-index:3000; font-size:12px; display:block;}

.customerTitle{ width:30px; height:120px; overflow:hidden; background:url(consultOnline.gif) no-repeat 0 0; float:left; text-indent:-100px;}

.customerTitle a{ display:block; overflow:hidden;width:30px; height:120px; }

.customerBox{border:1px solid #dbdbdb; border-top:3px solid #c40000; background:#fff; width:108px; overflow:hidden; float:left;}

.serviceTit{ color:#8c0108; text-align:center; line-height:35px; height:35px; overflow:hidden; text-transform:uppercase; font-weight:bold;}

.customerBox ul{margin:0 5px; padding:8px 0; overflow:hidden; border-top:1px solid #8c0108;}

.customerBox ul li{ padding:4px; overflow:hidden;}

.customerBox ul li a{ display:block; height:24px; line-height:24px; overflow:hidden; color:#8c0108;}

.backTop{ margin:0 5px; overflow:hidden; padding:10px 0; background:url(backtop.gif) no-repeat 14px center; text-align:center; font-weight:bold;border-top:1px solid #8c0108;}

.backTop a{color:#165bc1;}

#customerClose{ position:absolute; top:180px; right:0; width:30px; height:120px; overflow:hidden; background:url(consultOnline.gif) no-repeat -30px 0; text-indent:-999px; z-index:10000; display:none}

#customerClose a{display:block; height:120px;}

.projectBox { width:100%; margin:0 auto; overflow:hidden;}

.projectBox .preimg { width:780px; height:460px; float:left; overflow:hidden;}

.projectBox .preimg img {width:780px; height:460px; border:0;}

.projectBox .smallimg { width:160px; float:right; overflow:hidden; height:460px;}

.projectBox .smallimg .up_btn { width:160px; height:30px; display:inline-block; background:url(updown.png) 0 -4px no-repeat; margin-bottom:1px; overflow:hidden;}

.projectBox .smallimg .up_btn:hover {background:url(updown.png) -170px -4px no-repeat;}

.projectBox .smallimg .down_btn { width:160px; height:30px; display:inline-block; background:url(updown.png) 0 -54px no-repeat; margin-top:0px; overflow:hidden;}

.projectBox .smallimg .down_btn:hover {background:url(updown.png) -170px -54px no-repeat;}

.projectBox .smallimg .slide {width:160px; height:400px; overflow:hidden;}

.projectBox .imgUl li { width:160px; height:95px; margin-bottom:4px; overflow:hidden; position:relative;}

.projectBox .imgUl li a {width:160px; height:95px; display:block; overflow:hidden; position:absolute; left:0; top:0; background:url(sprite.png);}

.projectBox .imgUl li a:hover, .projectBox .imgUl li a.cur { background:none;}

.projectBox .imgUl li img { width:160px; height:95px; border:0;}

.projectIntro {width:100%; margin:10px auto 0 auto; overflow:hidden; color:#aaaaaa; overflow:hidden; height:60px; overflow:hidden;}

.projectIntro *{ color:#aaa}

.midpic{width:1000px; margin:0 auto;}

.linkcity{height:30px; line-height:30px; font-size:14px;}

.linkcity a:hover{color:#d94f53;}

.related_articles{width:750px; margin-top:30px;}

.clear{clear:both;}
.fanye { text-align:center; margin-top:25px; margin-left:400px;}
.fanye p{width:1010px; text-align:center; margin-top:25px;}

.fanye p a{margin-right:10px; width:65px; height:25px; background:#fff; padding:5px; color:#333; border:1px solid #333;}

.fanye p a:hover{color:#000000; background:#d93037; color:#FFFFFF; border:1px solid #fff;}
.fanye li a{ display:block;}
.fanye li a:hover{color:#000000; background:#d93037; color:#FFFFFF;}
.fanye li{margin-right:10px; width:40px; height:25px; background:#fff; color:#333; border:1px solid #333; float:left; line-height:25px;}