@CHARSET "UTF-8";
@import url("stylesheet.css");

a:hover{text-decoration:none;}


#header1 { width: 100%; min-height: 68px; position: fixed; top: 0px; left: 0px; z-index: 9999; }
#header1 h2 { float: left; padding: 20px 0 0 20px; }
#header1 ul { float: right; padding: 30px 20px 0 0; }
#header1 ul li { display: block; float: left; margin-left: 15px; }
#header1 ul li.active { border-bottom:2px solid red; }
#header1 ul li a { cursor: pointer; }
#header1 .search { float: right; padding: 25px 0 0 0; }
#header1 .search form { padding: 0; margin: 0; border: 1px solid #4a4a4a; }
#header1 .search input { padding: 0 ; margin: 0; width: 0px; height: 29px; line-height: 29px; border: none;background: #464646;color: #fff; }
#header1 .search input.button { padding: 0; margin: 0; width: 46px; height: 29px; background: #000000 url(search.png) no-repeat center center; }





.copyright { position: fixed; left: 20px; bottom: 20px; z-index: 9999; font-size: 12px;}
.copyright p { line-height: 25px; }
#indexswf { width: 28px; height: 20px; position: absolute; top: 0; right: 0; }
.arrow { position: fixed; left: 50%; bottom: 20px; margin-left: -68px; width: 135px; height: 49px; z-index: 9999;display: none; }

body.page2 #header1 .search input.button {background: #d8422f url(search.png) no-repeat center center;}
body.page2 #header1 .search form {border: 1px solid #d8422f;}
body.page2 #q {background:#eee;color:#333;}
body.page3 #header1 ul li a {color:#000;}
body.page3 .copyright p {color:#000;}
body.page3 #header1 ul li.active {border-bottom:2px solid #000;}
body.page5 #header1 .search input.button {background: #d8422f url(search.png) no-repeat center center;}
body.page5 #header1 .search form {border: 1px solid #d8422f;}
body.page5 #q {background:#eee;color:#333;}
body.page6 #header1 .search input.button {background: #d8422f url(search.png) no-repeat center center;}
body.page6 #header1 .search form {border: 1px solid #d8422f;}
body.page6 #q {background:#eee;color:#333;}

.arrow a { display: block; width: 131px; height: 45px;  position: relative;overflow: hidden;}
.arrow a span {display:block;width:100%;height:100%;background: url(an_scrol.png) no-repeat center center;position:absolute;top:0;left:0;}
.arrow a span.first {top:-50px;background: url(an_scrol_h.png) no-repeat center center;}
.arrow a.top { background: none; text-align: center; line-height: 49px; font-size: 18px; color: red; }

.white {position: fixed;top:0;left:0;width:0%;height:100%;background:#fff;z-index: 10000;}
.newsbox {width:500px;height:100%;background:rgba(0,0,0,0.7);position:fixed;left:-50%;top:0;z-index: 10000;overflow: hidden;}
.close {display:block;width:36px;height:36px;float:right;background:url(close.png) no-repeat center center;margin:10px;cursor: pointer;position: relative;z-index: 5;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.close:hover {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);	
}
.newsbox .content {width:400px;height:60%;position: relative;top:40%;left:40px;}
.customerbox {position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index: 9999;display: none;opacity: 0;filter:alpha(opacity=0);}
.customerbox .content {position: fixed;top:50%;left:50%;width:740px;height:400px;margin:1000px 0 0 -370px;background:#fff;z-index: 10000;border:1px solid #eee;text-align: center;color:#666;font-size:12px;}
.customerbox .content h2 {text-align: left;margin-bottom: 20px;}
.customerbox .content p {line-height: 200%;text-align: justify;margin-bottom: 30px;}
/*.iframebox{position: fixed;top:10%;left:10%;width:80%;height:80%;background:#fff;z-index: 10000;}
.iframebox .box iframe {width:100%;height:100%;}
.iframebox .box {width:100%;height:100%;position: relative;}
.iframebox .box .close {position: absolute;top:0;right:0;}*/
.customerbox .content .box {width:630px;height:370px;padding:30px 55px 0;position: relative;}
.customerbox .content .box .prevNext {width:60px;height:32px;position: absolute;top:45px;left:450px;}
.customerbox .content .box .prevNext span {display: block;width:30px;height:32px;cursor: pointer;}
.customerbox .content .box .prevNext .prev {float:left;background: url(arrow_l.png) no-repeat center center;}
.customerbox .content .box .prevNext .next {float:right;background: url(arrow_r.png) no-repeat center center;}
.customerbox .content .box .prevNext span.clear {opacity: 0.2;filter:alpha(opacity=20);}
.customerbox .content .box .cont {width:740px;height:184px;overflow:hidden;position: relative;bottom:0;left:-55px;}
.customerbox .content .box .cont .img {width:740px;height:184px;position:absolute;top:0;left:740px;}
.customerbox .content .box .cont .img.on {left:0px;}







.section {overflow: hidden;}
.banner {position:relative;height:100%;overflow:hidden;width:100%;background:#ffffff;}
.banner .show {width:2500px;position:absolute;left:50%;top:0px;margin-left:-1250px;height:100%;overflow:hidden;}
.banner .show ul {position:relative;height:730px;overflow:hidden;width:2500px;float:left;}
.banner .show ul li {text-align:center;width:2500px;float:left;height:730px;position:absolute;display:none;}
.banner .focus {position:absolute;width:120px;padding-left:10px;padding-top:13px;bottom:20px;right:47%;height:29px;}
.banner .focus a {width:25px;height:25px;background:url(ico01.png) no-repeat left -43px;float:left;margin-left:10px;display:inline-block;}
.banner .focus a.on {background:url(ico01.png) no-repeat left top;}

#sidebar {width:50px;height:630px;position:fixed;top:70px;right:0px;z-index:10000;}
#sidebar div {width:50px;height:120px;font-size:18px;}
#sidebar div.subfor {background:url(tjxq.jpg) no-repeat;}
#sidebar div.qq {background:url(qqzx.jpg) no-repeat;margin-bottom:2px;}
#sidebar div.subfor:hover {background:url(tjxq.jpg) no-repeat -50px top;}
#sidebar div.qq:hover {background:url(qqzx.jpg) no-repeat -50px top;}
#sidebar div.top {height:35px; line-height:35px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; }
#sidebar a {display:block;width:100%;height:100%;font-size:18px;color:#fff;text-align:center;vertical-align:middle;}
#sidebar div.top a {height:34px;line-height:34px;background:#FF0000;}
/*#sidebar div.scrollto {height:250px;}
#sidebar div.scrollto a {width:50px;height:35px;font-family:'RaphaelIcons';font-size:28px;line-height:35px;text-align:center;margin-bottom:1px;background:#545559;}
#sidebar div.scrollto a.red {background:red;}
*/
#sidebar ul.scrollto {display:block;width:50px;height:250px;}
#sidebar ul.scrollto li a {width:50px;height:35px;font-size:16px;line-height:35px;text-align:center;margin-bottom:1px;background:#545559;}
#sidebar ul.scrollto li a.font {font-family:'RaphaelIcons';font-size:28px;}
#sidebar ul.scrollto li.active a {background:red;}









.section1 .slide1{background:url(bg1.jpg) no-repeat center center;background-size:cover;}
.section1 .slide2{background:url(banner02.jpg) no-repeat center center;background-size:cover;}
.section1 .slide .content {text-align: center;}
.section1 .slide .content div {margin-bottom:5px;}
.section1 .slide .content div.bg {height:44px;background: url(content1_logoline.gif) no-repeat center center;padding:13px 0;margin-bottom:35px;}
.section1 .slide .list {width:630px;height:60px;margin:0 auto;position: relative;}
.section1 .slide .list h2 {display:block;width:80px;height:60px;line-height:60px;text-align:right;position: absolute;left:0px;top:0;font-size:12px;color:red;}
.section1 .slide .list h2.caseh2 {left:325px;font-weight: normal;}
.section1 .slide .list .newsmore {display:block;width:80px;height:30px;line-height:30px;text-align:right;position: absolute;left:15px;top:40px;font-size:12px;color:#333;text-align: left;cursor: pointer;z-index:10;text-align:center;}
.section1 .slide .list .newsmore:hover {text-decoration: underline;}
.section1 .slide .news {float:left;width:315px;height:60px;position: relative;overflow: hidden;}
.section1 .slide .news .news_lists {width:945px;height:60px;position: absolute;top:0;left:0;}
.section1 .slide .news p {display: block;width:215px;height:60px;line-height: 60px;float:left;color:#fff;text-align: left;text-indent: 10px;padding-left:100px;}
.section1 .slide .news p a {color:#666;}
.section1 .slide .news p a:hover {text-decoration: underline;}
.section1 .slide .cases {float:right;width:315px;height:60px;}
.section1 .slide .cases p {display: block;width:215px;height:60px;line-height: 60px;float:left;color:#fff;text-align: left;margin-left:100px;}
.section1 .slide .cases p a {color:#666;}
.section1 .slide .cases p a:hover {text-decoration: underline;}











.section2 {background:url(bg2.jpg) no-repeat center center;background-size: cover;}
.section2 .case {width:1000px;margin:0 auto;height:400px;position: relative;}
.section2 .case h2 {margin-bottom:20px;opacity: 0;filter:alpha(opacity=0);margin-left:500px;}


#items_list { position: relative;margin: 0px auto;display: block;width: 1000px;}
#items_list > div.item { position: absolute; top:1000px;left: 0px;width: 318px;margin: 0px 0px 0px 11px;}
#items_list .thumb_content{width :100%;}
#items_list .item .thumb{display:none; overflow:hidden;}
.item:not(.current) img:hover{filter:url(svg/filters.svg#grayscale);filter:gray;-webkit-filter:grayscale(1);}
#items_list span.cover {width:318px;height:177px;position: absolute;top:0;left:0;background: rgba(216,65,46,0.8);z-index:5;overflow: hidden;opacity: 0;filter:alpha(opacity=0);}
#items_list span.cover a.view {display:block;width:89px;height:40px;background:url(case_read01.gif) no-repeat center center;margin:0 auto;margin-top:-60px;}


#items_list dl {display:block;width:318px;height:48px;padding:7px 0 ;position: relative;}
#items_list dl dd {display:block;float:left;width:253px;height:24px;line-height: 24px;position: relative;z-index: 2;}
#items_list dl dd.bg{width:100%;height:0px;position: absolute;left:0;top:0;z-index: 1;background:url(textbg.jpg) no-repeat center bottom;}
#items_list dl dd.num {width:65px;height:48px;font-size:40px;line-height: 48px;text-align: center;font-family: 'Arial';}
.section2 .case .more {display:block;width:120px;height:53px;background:url(case_more.gif) no-repeat center center;margin:0 auto;margin-top:1000px;}
.section2 .case .more:hover {background:url(case_more02.gif) no-repeat center center;}



.section3 {background:url(bg3.jpg)  no-repeat center center;background-size: cover;}
.section3 .what {width:1000px;margin:0 auto;height: 380px;position: relative;}
.section3 .what h2 {margin-bottom:60px;opacity: 0;filter:alpha(opacity=0);margin-left:500px;}
.section3 .what dl {display:block;width:250px;float:left;text-align: center;color:#000;padding:30px 0 70px 0;position: relative;opacity: 0;filter:alpha(opacity=0);}
.section3 .what dl:hover {}
.section3 .what dl span {font-size:18px;}
.section3 .what dl dt {margin-bottom:20px;}
.section3 .what dl dd {position: relative;z-index:2;}
.section3 .what dl dd.asbg {display:block;position: absolute;top:0px;left:0;z-index:1;width: 250px;height:252px;}
.section3 .what dl dd.asbg span {display: block;}
.section3 .what dl dd.asbg .all {width:100%;height:100%;position: relative;}
.section3 .what dl dd.asbg .a1 {width:0%;height:2px;background: #fff;position: absolute;left:50%;margin-left: 0%;bottom:0;z-index:10;}
.section3 .what dl dd.asbg .a2 {width:2px;height:0%;background: #fff;position: absolute;left:0;bottom:0;z-index:10;}
.section3 .what dl dd.asbg .a3 {width:2px;height:0%;background: #fff;position: absolute;right:0;bottom:0;z-index:10;}
.section3 .what dl dd.asbg .a4 {width:0%;height:2px;background: #fff;position: absolute;left:0;top:0;z-index:10;}
.section3 .what dl dd.asbg .a5 {width:0%;height:2px;background: #fff;position: absolute;right:0;top:0;z-index:10;}
.section3 .what dl dd.asbg .link {width:100%;height:60px;background: #d73e2b;position: absolute;left:0;bottom:0px;z-index: 9;display: none;}
.section3 .what dl dd.asbg .link a {color:#fff;font-size:16px;display: block;width:100%;height:60px;line-height:60px;}




.section4 {background:url(bg4.jpg) no-repeat center center;background-size:cover;}
.section4 .about {width:1000px;margin:0 auto;height:400px;}
.section4 .about ul.nav {display:block;overflow: hidden;margin-bottom: 30px;font-size:16px;}
.section4 .about ul.nav li {display: inline-block;width:70px;height:40px;line-height:40px;margin-right:15px;text-align: center;cursor: pointer;}
.section4 .about ul.nav li.on {border:2px solid red;color:#333;}
.section4 .about .about_content {text-align: center;}
.section4 .about .about_content >div {display:none;}
.section4 .about .about_content >div.current {display:block;}
.section4 .about .about_content img {opacity: 0;filter:alpha(opacity=0);margin-left:1000px;}
.section4 .about .about_content >div.current img {opacity: 1;filter:alpha(opacity=100);margin-left:0px;}
.section4 .process {width:1000px;height:390px;margin:0 auto;position:relative;}
.section4 .process ul {display:block;width:848px;height:134px;position:absolute;left:150px;top:0px;z-index:1;}
.section4 .process ul li {display:block;width:134px;height:134px;float:left;}
.section4 .process ul li.arr {width:53px;text-align:center;line-height:134px;vertical-align:middle;position:relative;}
.section4 .process ul li.arr img {position:absolute;top:60px;left:20px;}

.section5 {background:url(bg5.jpg)  no-repeat center center;background-size: cover;}
.section5 .team {width:1000px;margin:0 auto;overflow: hidden;}
.section5 .team dl {display: block;width:200px;height:400px;float:left;font-size:12px;position:relative;cursor:pointer;}
.section5 .team dl.on {background:url(teambg.gif) no-repeat center top;color:#fff;}
.section5 .team dl dt {margin-bottom: 20px;position:relative;z-index:2;}
.section5 .team dl dd {line-height: 200%;padding-left:20px;position:relative;z-index:2;}
.section5 .team dl dd.open {text-align: right;padding:20px 15px 0;}
.section5 .team dl dd.open a.open {color:#fff;cursor: pointer;}
.section5 .team dl dd.asbg {padding:0;position:absolute;left:0;top:0;z-index:1;width: 200px;height:445px;}
.section5 .team dl dd.asbg span {display: block;}
.section5 .team dl dd.asbg .all {width:100%;height:100%;position: relative;}
.section5 .team dl dd.asbg .a1 {width:0%;height:3px;background: #d73e2b;position: absolute;left:50%;margin-left: 0%;top:246px;z-index:10;}
.section5 .team dl dd.asbg .a2 {width:3px;height:0px;background: #d73e2b;position: absolute;left:0;bottom:199px;z-index:10;}
.section5 .team dl dd.asbg .a3 {width:3px;height:0px;background: #d73e2b;position: absolute;right:0;bottom:199px;z-index:10;}
.section5 .team dl dd.asbg .a4 {width:0%;height:3px;background: #d73e2b;position: absolute;left:0;top:0;z-index:10;}
.section5 .team dl dd.asbg .a5 {width:0%;height:3px;background: #d73e2b;position: absolute;right:0;top:0;z-index:10;}
.section5 .team dl dd.asbg .link {width:100%;height:60px;position: absolute;left:0;bottom:0px;z-index: 11;display: none;}
.section5 .team dl dd.asbg .link a {color:#d73e2b;font-size:12px;display: block;width:90%;height:60px;line-height:60px;text-align: right;}

.section6 {background:url(bg6.jpg)  no-repeat center center;background-size: cover;}
.section6 .cooperation {width:1000px;margin:0 auto;}
.section6 .cooperation .left {width:500px;float:left;height:280px;position: relative;margin-left:-500px;opacity: 0;filter:alpha(opacity=0);}
.section6 .cooperation .right {width:500px;float:right;height:280px;position: relative;margin-right:-500px;opacity: 0;filter:alpha(opacity=0);}
.section6 .cooperation .left .code {position: absolute;right:125px;top:0;}
.section6 .cooperation .left dl {position: absolute;right:40px;top:20px;}
.section6 .cooperation .left .tel {position: absolute;right:20px;top:140px;}
.section6 .cooperation .left .require {display:block;width:230px;height:64px;background:#d73e2b;line-height:64px;text-align:center;font-size:18px;color:#fff;position: absolute;right:20px;bottom:20px;}
.section6 .cooperation .left .require .box { display: block; width: 100%; height: 64px; position:relative;overflow: hidden;}
.section6 .cooperation .left .require .box span {display:block;width:100%;height:64px;position:absolute;top:0;left:0;color:#fff;font-size:20px;}
.section6 .cooperation .left .require .box span.first {top:-64px;}

.section6 .cooperation .left .require .box.top { background: none; text-align: center; line-height: 49px; font-size: 18px; color: red; }
.section6 .cooperation .right h2 {margin-left: 20px;margin-bottom:10px;}
.section6 .cooperation .right dl {margin-left:20px;}
.section6 .cooperation .right dl dd {margin-bottom:15px;line-height: 150%;}
.section6  a:hover {text-decoration: underline;color:#f60;}