@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; border:0; outline:none;}

a.i:link {
	color: #fff;
	text-decoration: none;
}
a.i:visited {
	text-decoration: none;
	color: #fff;
}
a.i:hover {
	text-decoration: none;
	color: #84202D;	
	transition:0.5s; 
}
a.i:active {
	text-decoration: none;
	color: #fff;
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #84202D;
	font-weight:bold;
	transition:0.5s; 
}
a:active {
	text-decoration: none;
	color: #333333;
}
dl,dd,dt,ol,ul,li{ list-style:none; margin:0; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ content:""; isplay:block; clear:both;}
body,html{ width:100%; height:100%; color:#333; font-size:16px; font-family:"Microsoft YaHei"; margin:0; padding:0; border:0; outline:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 

/*header*/
.header{ width:100%; height:90px; background-color:rgba(255,255,255); position:fixed; left:0; top:0; z-index:9999;}
.header .box{ width:1300px; margin:auto; height:60px;}
.header .logo{ height:50px; float:left; margin:20px 0; overflow:hidden;}
.header .logo img{ display:block;}
.header .nav{ height:90px; display:block; float:right;}
.header .nav li{ display:block; float:left; margin-left:35px; height:90px; position:relative;}
.header .nav li a{ display:block; height:60px; line-height:90px; font-size:20px; color:#333; position:relative;}
.header .nav li a b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:18px;}
.header .nav li a:hover,.header .nav li.on a{ color:#84202D;}
.header .nav li.on b{ background-color:#ff5e00;}
.header .box ul dl{ width:150px; display:none; padding:10px 0; background-color:rgba(0,0,0,0.9); overflow:hidden; position:absolute; left:50%; margin-left:-75px; text-align:center; top:80px; z-index:99;}
.header .box ul dl dt{ display:block; padding:0 10px; height:30px; overflow:hidden;}
.header .box ul dl dt a{ display:block; height:30px; line-height:30px; font-size:14px; color:#fff !important;}
.header .box ul dl dt a:hover{ color:#ff5e00 !important;}
.header .box ul li:hover dl{ display:block;}

.header .wx{ display:none; float:right; margin-right:40px; position:relative; height:80px;}
.header .wx dt{ display:block; width:100%; background-image:url(../images/t01.png); background-position:left center; background-repeat:no-repeat; padding-left:30px; height:80px; line-height:80px; font-size:14px; color:#fff;}
.header .wx dd{ padding:10px; padding-top:13px; width:90px; height:90px; display:none; background-image:url(../images/mabg.png); background-position:top center; background-repeat:no-repeat; overflow:hidden; position:absolute; left:0; top:80px;}
.header .wx dd img{ width:100%; display:block;}
.header .wx:hover dd{ display:block;} 
.header .tel{ display:none; float:right;}
.header .tel dt{ display:block; width:100%; background-image:url(../images/t02.png); background-position:left center; background-repeat:no-repeat; padding-left:30px; height:80px; line-height:80px; font-size:14px; color:#fff;}

/*banner*/
.banner{ width:100%; height:650px; position:relative;}
.banner .hd{ width:100%; position:absolute; left:0; bottom:20px; z-index:99;}
.banner .hd ul{ width:100%; display:block; overflow:hidden; text-align:center;}
.banner .hd ul li{ width:20px; height:4px; display:inline-block; margin:0 5px; background-color:rgba(255,255,255,0.7);}
.banner .hd ul li.on{ background-color:#ff5e00;}
.banner .bd{ width:100%; height:650px; position:relative; overflow:hidden;}
.banner .bd li{ width:100%; height:650px; display:block; float:left; overflow:hidden;}
.banner .bd li a{ width:100%; height:650px; display:block; overflow:hidden; position:relative;}
.banner .bd li img{ width:1920px; display:block; position:absolute; left:50%; margin-left:-960px;}
.banner .prev{ width:50px; height:50px; position:absolute; left:5%; top:50%; margin-top:-25px; display:block; background-image:url(../images/left_63.png); background-position:center; background-repeat:no-repeat; border-radius:50px; opacity:0.7;}
.banner .next{ width:50px; height:50px; position:absolute; right:5%; top:50%; margin-top:-25px; display:block; background-image:url(../images/right_66.png); background-position:center; background-repeat:no-repeat; border-radius:50px; opacity:0.7;}

/*咨询*/
.zbox{ padding:25px 0; width:100%; background-color:#f2f2f2;}
.zbox .box{ width:1200px; margin:auto; height:50px;}
.zbox .left{ height:50px; float:left; vertical-align:bottom;}
.zbox .left a{ font-size:20px; line-height:50px; float:left; display:block; vertical-align:bottom;}
.zbox .left span{ font-size:30px; color:#ff5e00; display:block; float:left; line-height:46px; vertical-align:bottom;}
.zbox .right{ height:50px; float:right;}
.zbox .right p{ display:block; float:left; overflow:hidden; text-align:right; margin-right:60px;}
.zbox .right p b{ display:block; height:26px; line-height:26px; font-size:20px; overflow:hidden;}
.zbox .right p span{ display:block; height:24px; line-height:24px; font-size:14px; color:#666; overflow:hidden;}
.zbox .right a{ display:block; float:left; overflow:hidden; text-align:center; margin-top:5px; width:120px; height:40px; line-height:40px; background-color:#ff5e00; color:#fff; font-size:14px;}

/*为什么*/
.why{ width:100%; background-color:#fff;}
.why .box{ width:1200px; margin:65px auto;}
.why .box .title{ width:1200px; margin:auto; text-align:center;}
.why .box .title span{ display:block; overflow:hidden; font-size:34px; font-weight:bold; height:50px; line-height:50px; letter-spacing:3px; text-indent:3px;}
.why .box .title p{ display:block; overflow:hidden; font-size:18px; height:38px; line-height:38px; color:#666;}
.why .box .title a{ display:block; overflow:hidden; width:20px; height:2px; background-color:#ffbd4c; margin:auto; margin-top:5px;}
.why .box .list{ width:1200px; margin:auto; text-align:center; margin-top:30px; display:block;}
.why .box .list li{ width:400px; display:block; float:left; overflow:hidden;}
.why .box .list li strong{ width:360px; height:240px; display:block; overflow:hidden; text-align:center; vertical-align:middle; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.why .box .list li strong span{ width:360px; height:240px; display:block; overflow:hidden; text-align:center; vertical-align:middle;}
.why .box .list li strong img{ height:100%; display:block;}
.why .box .list li:hover strong{ -webkit-transform:rotateY(-360deg);}
.why .box .list li b{ display:block; width:100%; margin-top:12px; height:50px; line-height:50px; font-size:24px; overflow:hidden; letter-spacing:3px; text-indent:3px;}
.why .box .list li .wx{ display:block; width:350px; color:#999; margin:auto; overflow:hidden;}
.why .box .list li .wx p{ line-height:2.5em !important; height:auto !important;}

/*技术*/
.jbox{ width:100%; background-image:url(../images/jbg.jpg); background-position:center; background-attachment:fixed; background-repeat:no-repeat;}
.jbox .box{ width:100%; padding-top:65px; padding-bottom:52px; background-image:url(../images/jbg.png); background-repeat:repeat;}
.jbox .box .title{ width:1200px; margin:auto; text-align:center;}
.jbox .box .title span{ display:block; overflow:hidden; font-size:34px; font-weight:bold; height:50px; line-height:50px; letter-spacing:3px; text-indent:3px;}
.jbox .box .title p{ display:block; overflow:hidden; font-size:18px; height:38px; line-height:38px; color:#666;}
.jbox .box .title a{ display:block; overflow:hidden; width:20px; height:2px; background-color:#ffbd4c; margin:auto; margin-top:5px;}
.jbox .box .wen{ text-align:center; width:1000px; margin:45px auto; height:96px; font-size:14px; line-height:24px;}
.jbox .box .list{ display:block; margin:auto; width:824px;}
.jbox .box .list li{ display:block; float:left; margin:0 25px; width:156px; height:180px; overflow:hidden; background-image:url(../images/jsbg.png); background-repeat:no-repeat; cursor:pointer;}
.jbox .box .list li b{ display:block; width:100%; height:50px; overflow:hidden; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.jbox .box .list li:hover b{ height:40px;}
.jbox .box .list li img{ display:block; margin:auto; height:60px;}
.jbox .box .list li span{ margin:0 10px; font-size:14px; height:30px; line-height:30px; overflow:hidden; display:block; text-align:center;}
.jbox .box .list li:hover span{ color:#ff5e00;}
.jbox .box .more{ max-width:1200px; margin:auto; text-align:center; margin-top:50px; display:table;}
.jbox .box .more p{ display:table-cell; padding-right:60px; height:64px; vertical-align:top;}
.jbox .box .more p strong{ display:block; font-weight:700; font-size:14px; height:18px; line-height:18px; overflow:hidden; text-align:left;}
.jbox .box .more p b{ display:block; font-weight:700; font-size:18px; height:34px; line-height:34px; overflow:hidden; color:#ff5e00; text-align:left;}
.jbox .box .more span{ display:table-cell; width:341px; height:64px; background-image:url(../images/more.png); background-repeat:no-repeat; vertical-align:top;}
.jbox .box .more span a{ display:block; height:44px; line-height:44px; font-size:16px; color:#fff; padding:0 40px; max-width:261px;}

/*课程*/
.cbox{ width:100%;}
.cbox .box{ width:100%; padding-top:65px; padding-bottom:70px;}
.cbox .box .title{ width:1200px; margin:auto; text-align:center;}
.cbox .box .title span{ display:block; overflow:hidden; font-size:34px; font-weight:bold; height:50px; line-height:50px; letter-spacing:3px; text-indent:3px;}
.cbox .box .title p{ display:block; overflow:hidden; font-size:18px; height:38px; line-height:38px; color:#666;}
.cbox .box .title a{ display:block; overflow:hidden; width:20px; height:2px; background-color:#ffbd4c; margin:auto; margin-top:5px;}
.cbox .box .more{ max-width:1200px; margin:auto; text-align:center; margin-top:70px; display:table;}
.cbox .box .more p{ display:table-cell; padding-right:60px; height:64px; vertical-align:top;}
.cbox .box .more p strong{ display:block; font-weight:700; font-size:14px; height:18px; line-height:18px; overflow:hidden; text-align:left;}
.cbox .box .more p b{ display:block; font-weight:700; font-size:18px; height:34px; line-height:34px; overflow:hidden; color:#ff5e00; text-align:left;}
.cbox .box .more span{ display:table-cell; width:341px; height:64px; background-image:url(../images/more.png); background-repeat:no-repeat; vertical-align:top;}
.cbox .box .more span a{ display:block; height:44px; line-height:44px; font-size:16px; color:#fff; margin:0 40px;}
.cbox .pp{ width:1200px; margin:auto; height:460px; margin-top:30px; position:relative;}
.cbox .pp .bg{ width:100%; height:460px; overflow:hidden;}
.cbox .pp .bg img{ width:100%; display:block;}
.cbox .pp #wrap{ width:1200px; height:460px; background-color:rgba(0,0,0,0.5); position:absolute; left:0; top:0;}
.cbox .pp #wrap ul{ width:100%; height:460px; display:block; overflow:hidden; position:relative;}
.cbox .pp #wrap ul li{ width:260px; padding-top:55px; height:405px; display:block; float:left; overflow:hidden; background-image:url(../images/line.png); background-position:top left; background-repeat:repeat-y;}
.cbox .pp #wrap ul li .biao{ margin-left:20px; height:52px; font-weight:bold; line-height:44px; font-size:24px; color:#fff; text-transform:uppercase; overflow:hidden;}
.cbox .pp #wrap ul li b{ display:block; width:100%; height:0; overflow:hidden; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.cbox .pp #wrap ul li .wen{ height:153px; margin:0 20px;}
.cbox .pp #wrap ul li .wen span{ display:block; height:30px; line-height:30px; color:#fff; overflow:hidden; font-size:14px;}
.cbox .pp #wrap ul li .wen p{ display:block; width:0; height:72px; line-height:24px; color:#fff; overflow:hidden; font-size:14px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; margin-top:51px;}
.cbox .pp #wrap ul li .duo{ height:30px; margin-left:30px; margin-top:52px; display:none; line-height:30px; font-size:30px; color:#fff; font-weight:bold;}
.cbox .pp #wrap ul li .duo img{ display:block; height:10px;}
.cbox .pp #wrap ul li.curr{ width:420px;}
.cbox .pp #wrap ul li.curr .biao{ line-height:52px; font-size:32px; margin-left:30px;}
.cbox .pp #wrap ul li.curr b{ height:58px;}
.cbox .pp #wrap ul li.curr .wen{ margin-left:30px;}
.cbox .pp #wrap ul li.curr .wen span{ font-size:16px;}
.cbox .pp #wrap ul li.curr .wen p{ width:360px;}
.cbox .pp #wrap ul li.curr .duo{ display:block;}

/*作品*/
.tbox{ width:100%; background-image:url(../images/tbg.jpg); background-position:center; background-attachment:fixed; background-repeat:no-repeat;}
.tbox .box{ width:100%; padding-top:65px; padding-bottom:70px; background-image:url(../images/tbg.png); background-repeat:repeat;}
.tbox .box .title{ width:1200px; margin:auto; text-align:center;}
.tbox .box .title span{ display:block; overflow:hidden; font-size:34px; font-weight:bold; height:50px; line-height:50px; color:#fff; letter-spacing:3px; text-indent:3px;}
.tbox .box .title p{ display:block; overflow:hidden; font-size:18px; height:38px; line-height:38px; color:#fff;}
.tbox .box .title a{ display:block; overflow:hidden; width:20px; height:2px; background-color:#ffbd4c; margin:auto; margin-top:5px;}
.tbox .ladyScroll{ width:1200px; margin:auto; margin-top:30px; height:466px; position:relative;}
.tbox .ladyScroll .prev{ width:38px; height:34px; display:block; position:absolute; left:490px; bottom:0; border:1px solid #fff; background-image:url(../images/left.png); background-repeat:no-repeat; background-position:center;}
.tbox .ladyScroll .next{ width:38px; height:34px; display:block; position:absolute; right:490px; bottom:0; border:1px solid #fff; background-image:url(../images/right.png); background-repeat:no-repeat; background-position:center;}
.tbox .ladyScroll .prev:hover{ border:1px solid #ff5e00; background-image:url(../images/left01.png);}
.tbox .ladyScroll .next:hover{ border:1px solid #ff5e00; background-image:url(../images/right01.png);}
.tbox .ladyScroll .more{ width:120px; height:36px; position:absolute; left:540px; bottom:0;}
.tbox .ladyScroll .more a{ width:118px; display:block; color:#fff; line-height:34px; height:34px; text-align:center; font-size:14px; border:1px solid #fff;}
.tbox .ladyScroll .more a:hover{ border:1px solid #ff5e00; color:#ff5e00;}
.tbox .ladyScroll .scrollWrap{ width:1200px; margin:auto; height:400px; position:relative;}
.tbox .ladyScroll .scrollWrap .dlList{ width:100%; height:400px;}
.tbox .ladyScroll .scrollWrap .dlList dl{ width:380px; height:400px; overflow:hidden; background-color:rgba(255,255,255,0.7); display:block; margin-right:30px; position:relative;}
.tbox .ladyScroll .scrollWrap .dlList dl a{ width:100%; height:400px; position:absolute; left:0; bottom:0; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s; display:block; overflow:hidden;}
.tbox .ladyScroll .scrollWrap .dlList dl dt{ width:100%; height:260px; display:block; overflow:hidden;}
.tbox .ladyScroll .scrollWrap .dlList dl dt img{ width:100%; display:block;}
.tbox .ladyScroll .scrollWrap .dlList dl dd{ margin:25px 30px; height:80px; margin-top:15px; text-align:center; display:block; overflow:hidden;}
.tbox .ladyScroll .scrollWrap .dlList dl dd p{ display:block; overflow:hidden;}
.tbox .ladyScroll .scrollWrap .dlList dl dd p span{ font-weight:bold; display:block; height:34px; line-height:34px; font-size:18px; overflow:hidden;}
.tbox .ladyScroll .scrollWrap .dlList dl dd p b{ display:block; height:26px; line-height:26px; font-size:14px; color:#999; font-weight:normal; overflow:hidden;}
.tbox .ladyScroll .scrollWrap .dlList dl dd strong{ display:block; height:48px; line-height:24px; font-size:14px; color:#666; font-weight:normal; overflow:hidden;}
.tbox .ladyScroll .scrollWrap .dlList dl:hover a{ height:460px;}
.tbox .ladyScroll .scrollWrap .dlList dl:hover dd{ height:120px;}
.tbox .ladyScroll .scrollWrap .dlList dl:hover dd p{ padding:6px 0;}
.tbox .ladyScroll .scrollWrap .dlList dl:hover dd span{ color:#ff5e00;}

/*关于我们*/
.abox{ width:100%;}
.abox .box{ width:1200px; margin:65px auto; margin-bottom:52px;}
.abox .box .title{ width:1200px; margin:auto; text-align:center; float:left;}
.abox .box .title span{ display:block; overflow:hidden; font-size:34px; font-weight:bold; height:50px; line-height:50px; letter-spacing:3px; text-indent:3px;}
.abox .box .title p{ display:block; overflow:hidden; font-size:18px; height:38px; line-height:38px; color:#666;}
.abox .box .title a{ display:block; overflow:hidden; width:20px; height:2px; background-color:#ffbd4c; margin:auto; margin-top:5px;}
.abox .box .left{ width:540px; height:360px; float:left; margin-top:30px;}
.abox .box .left img{ width:100%; display:block;}
.abox .box .right{ width:580px; margin-left:50px; float:left; margin-top:30px;}
/*.abox .box .right .biao{ padding-left:20px; padding-top:18px; height:82px; background-image:url(../images/ab.png); background-position:top left; background-repeat:no-repeat;}
.abox .box .right .biao p{ display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden;}
.abox .box .right .biao p span{ display:block; float:left; margin-right:10px; font-size:24px; color:#ff5e00;}
.abox .box .right .biao a{ display:block; font-size:16px; height:20px; line-height:20px; overflow:hidden; color:#9999; text-transform:uppercase;}*/
.abox .box .right .biao{ width:100%; border-top:5px solid #ff5e00;}
.abox .box .right .biao span{ width:320px; height:35px; line-height:30px; display:block; text-align:center; color:#fff; font-size:24px; background-color:#ff5e00;}
.abox .box .right .wen{ margin:23px auto; font-size:14px; line-height:30px; letter-spacing:3px;}
.abox .box .right .more{ width:341px; height:64px; background-image:url(../images/more.png); background-repeat:no-repeat; vertical-align:top; display:none;}
.abox .box .right .more a{ display:block; height:44px; line-height:44px; font-size:16px; color:#fff; padding:0 40px; text-align:center; max-width:261px;}

/*合作伙伴*/
.hbox{ width:100%;}
.hbox .box{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f2f2f2;}
.hbox .box .title{ width:1200px; margin:auto; text-align:center;}
.hbox .box .title span{ display:block; overflow:hidden; font-size:34px; font-weight:bold; height:50px; line-height:50px; letter-spacing:3px; text-indent:3px;}
.hbox .box .title p{ display:block; overflow:hidden; font-size:18px; height:38px; line-height:38px; color:#666;}
.hbox .box .title a{ display:block; overflow:hidden; width:20px; height:2px; background-color:#ffbd4c; margin:auto; margin-top:5px;}
.hbox .box .focusBox{ width:1200px; margin:auto; margin-top:30px; position:relative;}
.hbox .box .focusBox .prev{ width:40px; height:40px; display:block; position:absolute; left:0; top:115px; cursor:pointer;}
.hbox .box .focusBox .next{ width:40px; height:40px; display:block; position:absolute; right:0; top:115px; cursor:pointer;}
.hbox .box .focusBox .tempWrap,.hbox .box .focusBox .pic{ width:1080px; display:block; margin:auto; overflow:hidden;}
.hbox .box .focusBox .pic li{ width:1080px; display:block; height:300px; overflow:hidden; float:left;}
.hbox .box .focusBox .pic li p{ display:table; text-align:center; vertical-align:middle; width:240px; height:120px; background-color:#fff; margin:0 15px; margin-bottom:30px; overflow:hidden; float:left;}
.hbox .box .focusBox .pic li p a{ display:table-cell; text-align:center; vertical-align:middle; width:240px; height:120px;}
.hbox .box .focusBox .pic li p a img{ max-width:220px; max-height:100px;}
.hbox .box .focusBox .hd{ width:100%; display:block; text-align:center;}
.hbox .box .focusBox .hd li{ width:8px; height:8px; border:1px solid #ff5e00; border-radius:10px; display:inline-block; margin:0 3px; cursor:pointer;}
.hbox .box .focusBox .hd li.on{ background-color:#ff5e00;}

/*新闻*/
.nbox{ width:100%;}
.nbox .box{ width:100%; padding-top:65px; padding-bottom:70px;}
.nbox .box .title{ width:1200px; margin:auto; text-align:center;}
.nbox .box .title span{ display:block; overflow:hidden; font-size:34px; font-weight:bold; height:50px; line-height:50px; letter-spacing:3px; text-indent:3px;}
.nbox .box .title p{ display:block; overflow:hidden; font-size:18px; height:38px; line-height:38px; color:#666;}
.nbox .box .title a{ display:block; overflow:hidden; width:20px; height:2px; background-color:#ffbd4c; margin:auto; margin-top:5px;}
.nbox .ladyScroll{ width:1200px; margin:auto; margin-top:30px; height:466px; position:relative;}
.nbox .ladyScroll .prev{ width:38px; height:34px; display:block; position:absolute; left:490px; bottom:0; border:1px solid #ddd; background-image:url(../images/left01.png); background-repeat:no-repeat; background-position:center;}
.nbox .ladyScroll .next{ width:38px; height:34px; display:block; position:absolute; right:490px; bottom:0; border:1px solid #ddd; background-image:url(../images/right01.png); background-repeat:no-repeat; background-position:center;}
.nbox .ladyScroll .prev:hover{ border:1px solid #ff5e00; background-image:url(../images/left.png); background-color:#ff5e00;}
.nbox .ladyScroll .next:hover{ border:1px solid #ff5e00; background-image:url(../images/right.png); background-color:#ff5e00;}
.nbox .ladyScroll .more{ width:120px; height:36px; position:absolute; left:540px; bottom:0;}
.nbox .ladyScroll .more a{ width:118px; display:block; line-height:34px; height:34px; text-align:center; font-size:14px; border:1px solid #ddd;}
.nbox .ladyScroll .more a:hover{ border:1px solid #ff5e00; background-color:#ff5e00; color:#fff;}
.nbox .ladyScroll .scrollWrap{ width:1200px; margin:auto; height:400px; position:relative;}
.nbox .ladyScroll .scrollWrap .dlList{ width:100%; height:400px;}
.nbox .ladyScroll .scrollWrap .dlList dl{ width:380px; height:400px; overflow:hidden; display:block; margin-right:30px; position:relative;}
.nbox .ladyScroll .scrollWrap .dlList dl dt{ width:100%; display:block; height:250px; overflow:hidden;}
.nbox .ladyScroll .scrollWrap .dlList dl dt img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.nbox .ladyScroll .scrollWrap .dlList dl:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.nbox .ladyScroll .scrollWrap .dlList dl dd{ padding:25px 20px; width:280px; height:130px; background-color:#f2f2f2; position:absolute; left:0; bottom:0;}
.nbox .ladyScroll .scrollWrap .dlList dl dd b{ width:38px; height:4px; background-color:#ff5e00; display:block; position:absolute; left:20px; bottom:178px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.nbox .ladyScroll .scrollWrap .dlList dl:hover dd b{ width:280px;}
.nbox .ladyScroll .scrollWrap .dlList dl dd span{ display:block; font-size:16px; font-weight:bold; line-height:26px; height:52px; overflow:hidden;}
.nbox .ladyScroll .scrollWrap .dlList dl dd p{ display:block; font-size:14px; line-height:24px; height:72px; color:#999; margin-top:6px; overflow:hidden;}
.nbox .ladyScroll .scrollWrap .dlList dl:hover dd span{ color:#ff5e00;}

/*footer*/
/*.footer{ width:100%; background-color:#222;}
.footer .foot{ width:1200px; margin:50px auto; height:130px;}
.footer .foot .left{ height:130px; float:left;}
.footer .foot .left img{ display:block; height:130px;}
.footer .foot .right{ width:990px; float:right;}
.footer .foot .right ul{ width:100%; padding:15px 0; border-bottom:1px solid #333; display:block; overflow:hidden; display:table; text-align:center;}
.footer .foot .right ul li{ display:table-cell; padding-left:50px; background-position:left center; background-repeat:no-repeat; height:50px;}
.footer .foot .right ul li span{ display:block; text-align:left; color:#fff; font-size:16px; height:26px; line-height:26px; overflow:hidden;}
.footer .foot .right ul li a{ display:block; text-align:left; color:#999; font-size:12px; height:24px; line-height:24px; overflow:hidden;}
.footer .foot .right p{ width:100%; display:block; overflow:hidden; height:49px; line-height:49px; font-size:14px;}
.footer .foot .right p a{ display:block; float:left; color:#fff; margin-right:25px;}
.footer .foot .right p a:hover{ color:#ff5e00;}
.footer .foot .right p span{ display:block; float:right; color:#fff;}
.footer .bot{ width:100%; height:50px; line-height:50px; text-align:center; font-size:14px; color:#fff; background-color:#000;}
.footer .bot a{ color:#fff;}*/
.footer{ width:100%; background-color:#ebedf0;}
.footer .foot{ width:1200px; margin:auto; height:80px; line-height:80px; text-align:center;}
.footer .foot a{ display:inline-block; margin:0 20px; font-size:14px;}
.footer .foot a:hover{ color:#ff5e00;}
.footer .bot{ width:1100px; margin:auto; border-top:1px solid #999; padding:40px 0;}
.footer .bot .left{ float:left; width:320px;}
.footer .bot .left p{ width:140px; display:block; float:left; margin-right:20px;}
.footer .bot .left p img{ width:100%; display:block;}
.footer .bot .left span{ width:100%; text-align:center; display:block; margin-top:10px; font-size:14px;}
.footer .bot .middle{ float:left; width:310px; margin-left:80px;}
.footer .bot .middle span{ display:block; font-size:24px; height:30px; line-height:30px; color:#ff5e00;}
.footer .bot .middle p{ display:block; font-size:14px; line-height:34px; margin-top:8px;}
.footer .bot .right{width:310px; float:right; font-size:14px; line-height:34px; padding-top:38px;}

/*内页*/
.ban{ width:100%; height:420px; position:relative; z-index:0; border-top:80px solid #000;}
.ban img{ width:1920px; display:block; position:absolute; left:50%; margin-left:-960px; top:0;}

.wbox{ width:100%; background-color:#f2f2f2; height:80px; display:none;}
.wbox .box{ width:1200px; height:80px; margin:auto;}
.wbox .box p{ display:block; float:left; padding-top:8px;}
.wbox .box p span{ display:block; height:38px; line-height:38px; font-size:24px; color:#ff5e00;}
.wbox .box p a{ display:block; height:24px; line-height:24px; font-size:16px;}
.wbox .box ul{ display:block; height:80px; float:right; overflow:hidden;}
.wbox .box ul li{ min-width:80px; padding:0 10px; line-height:80px; height:76px; border-bottom:4px solid #f1f1f1; font-size:16px; text-align:center; display:block; float:left;}
.wbox .box ul li.on{ background-color:#fff; border-bottom:4px solid #ff5e00;}
.wbox .box ul li:hover a{ color:#ff5e00;}


/*公司简介*/
.ab01{ width:1200px; margin:70px auto; margin-top:65px;}
.ab01 .left{ width:480px; height:400px; padding-top:4px; overflow:hidden; position:relative;}
.ab01 .left span{ display:block; width:300px; height:214px; overflow:hidden;}
.ab01 .left img{ width:100%; display:block;}
.ab01 .left p{ display:block; width:420px; height:300px; overflow:hidden; position:absolute; right:0; bottom:0; z-index:-1;}
.ab01 .right{ width:640px; overflow:hidden;}
.ab01 .right .title{ text-align:right; padding-right:15px; height:68px; background-image:url(../images/aline.jpg); background-position:right 3px; background-repeat:no-repeat;}
.ab01 .right .title span{ display:block; font-size:36px; height:36px; line-height:36px; color:#999; text-transform:uppercase;}
.ab01 .right .title p{ display:block; font-size:24px; height:32px; line-height:32px; color:#ff5e00;}
.ab01 .right .cn{ padding-top:25px; height:26px; line-height:26px; font-size:22px; color:#ff5e00; width:100%;}
.ab01 .right .en{ height:32px; line-height:32px; font-size:16px; color:#999; text-transform:uppercase; width:100%;}
.ab01 .right .w01{ width:100%; font-size:14px; line-height:24px; padding-top:6px;}
.ab01 .right .w02{ width:100%; display:block; font-size:14px; line-height:24px;}

.ab02{ width:100%; background-color:#f2f2f2;}
.ab02 .box{ width:1200px; margin:65px auto;}
.ab02 .box .title{ width:1200px; margin:auto; text-align:center;}
.ab02 .box .title span{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px;}
.ab02 .box .title p{ display:block; overflow:hidden; font-size:14px; height:28px; line-height:28px; color:#666;}
.ab02 .box .title a{ display:block; overflow:hidden; width:20px; height:2px; background-color:#ffbd4c; margin:auto; margin-top:5px;}
.ab02 .box .list{ width:1200px; margin:auto; text-align:center; margin-top:30px; display:block;}
.ab02 .box .list li{ width:400px; display:block; float:left; overflow:hidden;}
.ab02 .box .list li strong{ width:118px; height:118px; display:table; text-align:center; vertical-align:middle; border:1px solid #ff5e00; border-radius:120px; margin:auto;}
.ab02 .box .list li span{ width:118px; height:118px; display:table-cell; text-align:center; vertical-align:middle;}
.ab02 .box .list li strong img{ height:50px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab02 .box .list li:hover img{ -webkit-transform:rotateY(-360deg);}
.ab02 .box .list li b{ display:block; width:100%; margin-top:12px; height:50px; line-height:50px; font-size:18px; overflow:hidden;}
.ab02 .box .list li p,.ab02 .box .list li .wx{ display:block; width:350px; line-height:24px; font-size:14px; color:#999; margin:auto; overflow:hidden;}

.ab03{ width:100%; background-color:#fff; padding-top:65px; padding-bottom:70px;}
.ab03 .title{ width:1200px; margin:auto; text-align:center;}
.ab03 .title span{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px;}
.ab03 .title p{ display:block; overflow:hidden; font-size:14px; height:28px; line-height:28px; color:#666;}
.ab03 .title a{ display:block; overflow:hidden; width:20px; height:2px; background-color:#ffbd4c; margin:auto; margin-top:5px;}
.ab03 .box{ width:1200px; margin:auto; margin-top:30px; position:relative;}
.ab03 .box .left{ width:600px; height:350px; position:absolute; left:0; bottom:0; z-index:0;} 
.ab03 .box .left img{ width:100%; display:block;}
.ab03 .box .right{ width:600px; height:216px; padding:32px 30px; background-color:#f2f2f2; margin-top:70px; margin-left:540px; position:relative; z-index:3;}
.ab03 .box .right .wen{ width:100%; height:216px; font-size:14px; line-height:24px;}

.ab04{ width:100%; background-image:url(../images/jbg.jpg); background-position:center; background-attachment:fixed; background-repeat:no-repeat;}
.ab04 .box{ width:100%; padding-top:65px; padding-bottom:70px; background-color:rgba(0,0,0,0.7);}
.ab04 .box .title{ width:1200px; margin:auto; text-align:center;}
.ab04 .box .title span{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px; color:#fff;}
.ab04 .box .title p{ display:block; overflow:hidden; font-size:14px; height:28px; line-height:28px; color:#fff;}
.ab04 .box .title a{ display:block; overflow:hidden; width:20px; height:2px; background-color:#ffbd4c; margin:auto; margin-top:5px;}
.ab04 .ladyScroll{ width:1200px; margin:auto; margin-top:30px; position:relative;}
.ab04 .ladyScroll .prev{ width:50px; height:110px; display:block; position:absolute; left:0; top:50%; margin-top:-55px; background-image:url(../images/left_63.png); background-repeat:no-repeat; background-position:center; z-index:99;}
.ab04 .ladyScroll .next{ width:50px; height:110px; display:block; position:absolute; right:0; top:50%; margin-top:-55px; background-image:url(../images/right_66.png); background-repeat:no-repeat; background-position:center; z-index:99;}
.ab04 .ladyScroll .scrollWrap{ width:1200px; margin:auto; height:300px; position:relative; z-index:90;}
.ab04 .ladyScroll .scrollWrap .dlList{ width:100%; height:300px;}
.ab04 .ladyScroll .scrollWrap .dlList dl{ width:380px; height:300px; overflow:hidden; display:block; margin-right:30px; position:relative;}
.ab04 .ladyScroll .scrollWrap .dlList dl dt{ width:100%; display:block; height:300px; overflow:hidden;}
.ab04 .ladyScroll .scrollWrap .dlList dl dt img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.ab04 .ladyScroll .scrollWrap .dlList dl:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform::scale(1.1, 1.1);}
.ab04 .ladyScroll .scrollWrap .dlList dl dd{ width:340px; height:40px; line-height:40px; font-size:14px; color:#fff; display:block; position:absolute; left:0; bottom:0; padding:0 20px; text-align:center; overflow:hidden; background-color:rgba(0,0,0,.7);}

/*新闻*/
.xw{ width:1200px; margin:auto; position:relative;}
.xw .title{ width:1200px; margin:auto; text-align:center; margin-top:65px;}
.xw .title span{ display:block; overflow:hidden; font-size:34px; height:50px; line-height:50px; font-weight:bold; letter-spacing:3px; text-indent:3px;}
.xw .title p{ display:block; overflow:hidden; font-size:14px; height:28px; line-height:28px; color:#666;}
.xw .title a{ display:block; overflow:hidden; width:20px; height:2px; background-color:#ffbd4c; margin:auto; margin-top:5px;}
.xw .box{ width:1230px;}
.xw .box dl{ width:380px; height:400px; overflow:hidden; display:block; margin-right:30px; margin-top:30px; position:relative; float:left;}
.xw .box dl dt{ width:100%; display:block; height:250px; overflow:hidden;}
.xw .box dl dt img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.xw .box dl:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.xw .box dl dd{ padding:25px 20px; width:280px; height:130px; background-color:#f2f2f2; position:absolute; left:0; bottom:0;}
.xw .box dl dd b{ width:38px; height:4px; background-color:#ff5e00; display:block; position:absolute; left:20px; bottom:178px; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s;}
.xw .box dl:hover dd b{ width:280px;}
.xw .box dl dd span{ display:block; font-size:16px; line-height:26px; height:52px; overflow:hidden; font-weight:bold;}
.xw .box dl dd p{ display:block; font-size:14px; line-height:24px; height:72px; color:#999; margin-top:6px; overflow:hidden;}
.xw .box dl:hover dd span{ color:#ff5e00;}

.fanye{ width:1200px; margin:70px auto; text-align:center; margin-top:30px;}
.fanye span{ display:inline-block; min-width:20px; padding:0 5px; line-height:30px; font-size:16px; text-align:center; margin:0 5px; background:#ff5e00; border:1px solid #ff5e00; color:#fff; border-radius:4px;}
.fanye a{ display:inline-block; min-width:20px; padding:0 5px; line-height:30px; font-size:16px; text-align:center; margin:0 5px; border:1px solid #cacaca; color:#333; border-radius:4px;}

/*新闻内页*/
.mian{ width:1200px; margin:70px auto;}
.xw01{ width:900px; float:left;}
.xw01 .toub{ width:100%; margin:auto; font-size:24px; font-weight:bold; line-height:32px; text-align:center; letter-spacing:3px;}
.xw01 .sj{ width:100%; font-size:14px; line-height:24px; color:#999; text-align:center; margin:5px auto;}
.xw01 .wen{ width:100%; margin:auto; font-size:14px; line-height:24px; padding-top:20px;}
.xw01 .wen img{ max-width:100%; height:auto;}
.xw01 .back{ width:100%; margin:auto; margin-top:20px;}
.xw01 .back .pre{ width:60%; overflow:hidden;}
.xw01 .back .pre p{ height:30px; line-height:30px; font-size:14px; overflow:hidden; display:block;}
.xw01 .back .pre p a:hover{ color:#ff5e00;}
.xw01 .back .fh a{ color:#ff5e00; font-size:14px; line-height:30px;}
.mian .ss{ width:260px; float:right;}
.mian .ss .sou{ width:258px; height:30px; border:1px solid #eee; border-radius:32px;}
.mian .ss .sou p{ display:block; width:210px; padding-left:9px; height:30px; overflow:hidden; float:left;}
.mian .ss .sou p input{ width:100%; display:block; line-height:30px; font-size:14px; height:30px; overflow:hidden;}
.mian .ss .sou span{ display:block; width:30px; height:30px; overflow:hidden; float:right;}
.mian .ss .sou span input{ width:100%; display:block; height:30px; overflow:hidden; background-image:url(../images/ser.jpg); background-repeat:no-repeat; background-position:center; background-color:#fff; cursor:pointer;}
.mian .ss .bb{ font-size:22px; margin-top:20px; border-top:1px solid #eee; padding-top:20px; padding-bottom:15px;}
.mian .ss .bb a{ display:block; font-size:18px; margin-bottom:15px;}
.mian .ss .bb a:hover{ color:#ff5e00;}
.mian .ss ul{ width:258px; display:block; overflow:hidden; border:1px solid #eee; border-top:none;}
.mian .ss ul li{ width:100%; display:block; border-top:1px solid #eee; overflow:hidden;}
.mian .ss ul li a{ display:block; padding:10px 15px; font-size:14px; line-height:24px; overflow:hidden;}
.mian .ss ul li a:hover{ color:#ff5e00;}

/*团队*/
.td01{ width:100%; padding-top:65px; padding-bottom:70px;}
.td01 .title{ width:1200px; margin:auto; text-align:center;}
.td01 .title span{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px;}
.td01 .title p{ display:block; overflow:hidden; font-size:14px; height:28px; line-height:28px; color:#666;}
.td01 .title a{ display:block; overflow:hidden; width:20px; height:2px; background-color:#ffbd4c; margin:auto; margin-top:5px;}
.td01 .box{ width:1200px; margin:auto; margin-top:30px;}
.td01 .box .left{ width:320px; float:left;}
.td01 .box .left img{ width:100%; display:block; border-radius:10px;}
.td01 .box .right{ width:820px; float:right;}
.td01 .box .right .biao{ height:28px; line-height:28px; font-size:18px; color:#ff5e00; margin-bottom:20px;}
.td01 .box .right .wen{ width:100%; font-size:14px; line-height:24px;}

.td02{ width:100%; background-color:#f2f2f2;}
.td02 .box{ width:100%; padding-top:65px; padding-bottom:70px;}
.td02 .title{ width:1200px; margin:auto; text-align:center;}
.td02 .title span{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px;}
.td02 .title p{ display:block; overflow:hidden; font-size:14px; height:28px; line-height:28px; color:#666;}
.td02 .title a{ display:block; overflow:hidden; width:20px; height:2px; background-color:#ffbd4c; margin:auto; margin-top:5px;}
.td02 .ladyScroll{ width:1200px; margin:auto; margin-top:30px; position:relative;}
.td02 .ladyScroll .prev{ width:40px; height:40px; display:block; position:absolute; left:0; top:50%; margin-top:-20px; background-image:url(../images/left.jpg); background-repeat:no-repeat; background-position:center; z-index:99;}
.td02 .ladyScroll .next{ width:40px; height:40px; display:block; position:absolute; right:0; top:50%; margin-top:-20px; background-image:url(../images/right.jpg); background-repeat:no-repeat; background-position:center; z-index:99;}
.td02 .ladyScroll .scrollWrap{ width:1050px; margin:auto; height:370px; position:relative; z-index:90;}
.td02 .ladyScroll .scrollWrap .dlList{ width:100%; height:370px;}
.td02 .ladyScroll .scrollWrap .dlList dl{ width:240px; height:370px; overflow:hidden; display:block; margin-right:30px; position:relative;}
.td02 .ladyScroll .scrollWrap .dlList dl dt{ width:120px; height:120px; border-radius:120px; margin:auto; position:relative; z-index:1; display:block; overflow:hidden;}
.td02 .ladyScroll .scrollWrap .dlList dl dt img{ height:100%; display:block;}
.td02 .ladyScroll .scrollWrap .dlList dl dd{ padding:17px 20px; display:block; padding-top:71px; width:240px; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:0; background-color:#fff;}
.td02 .ladyScroll .scrollWrap .dlList dl dd span{ display:block; text-align:center; height:38px; line-height:38px; font-size:18px; overflow:hidden;}
.td02 .ladyScroll .scrollWrap .dlList dl dd b{ display:block; margin:auto; overflow:hidden; width:40px; height:2px; background-color:#ff5e00;}
.td02 .ladyScroll .scrollWrap .dlList dl dd p{ width:100%; display:block; height:168px; font-size:14px; line-height:24px; padding-top:14px; overflow:hidden;}
.td02 .ladyScroll .scrollWrap .dlList dl:hover span{ color:#ff5e00;}

/*产品*/
.cp01{ width:100%; margin:auto; display:block; margin-top:65px;}
.cp01 .title{ width:1200px; margin:auto; text-align:center;}
.cp01 .title span{ display:block; overflow:hidden; font-size:34px; height:50px; line-height:50px; font-weight:bold; letter-spacing:3px; text-indent:3px;}
.cp01 .title p{ display:block; overflow:hidden; font-size:14px; height:28px; line-height:28px; color:#666;}
.cp01 .title a{ display:block; overflow:hidden; width:20px; height:2px; background-color:#ffbd4c; margin:auto; margin-top:5px;}
.cp01 ul{ width:1200px; margin:auto; display:block; overflow:hidden;}
.cp01 li{ width:100%; display:block; overflow:hidden; margin-top:30px; background-color:#f2f2f2;}
.cp01 li .tu{ width:480px; height:300px; display:block; float:left; overflow:hidden;}
.cp01 li .tu img{ height:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.cp01 li :hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform::scale(1.1, 1.1);}
.cp01 li .wen{ padding:0 30px; width:660px; height:300px; display:table; float:left; text-align:left; vertical-align:middle; overflow:hidden;}
.cp01 li .wen .wz{ display:table-cell; text-align:left; vertical-align:middle; width:100%; height:300px; overflow:hidden;}
.cp01 li .wen .wz .w01{ display:block; font-size:26px; letter-spacing:3px; font-weight:bold; line-height:30px;}
.cp01 li .wen .wz .w02{ display:block; font-size:16px; letter-spacing:3px; line-height:26px; margin-top:20px;}
.cp01 li:hover .wz .w01{ color:#ff5e00;}

.cp01 dl{ width:100%; display:block; overflow:hidden;}
.cp01 dt{ width:100%; display:block; overflow:hidden; background-color:#f2f2f2;}
.cp01 dt a{ width:1200px; margin:50px auto; display:block; overflow:hidden;}
.cp01 dt .tu{ width:500px; height:300px; display:block; float:left; overflow:hidden;}
.cp01 dt .tu img{ height:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.cp01 dt :hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform::scale(1.1, 1.1);}
.cp01 dt .wen{ padding:0 40px; width:620px; height:300px; display:table; float:left; text-align:left; vertical-align:middle; overflow:hidden;}
.cp01 dt .wen .wz{ display:table-cell; text-align:left; vertical-align:middle; width:100%; height:300px; overflow:hidden;}
.cp01 dt .wen .wz .w01{ display:block; font-size:26px; font-weight:bold; line-height:30px; letter-spacing:3px;}
.cp01 dt .wen .wz .w02{ display:block; font-size:14px; margin-top:20px; line-height:24px; letter-spacing:3px;}
.cp01 dt:hover .wz .w01{ color:#ff5e00;}
.cp01 dt:nth-child(2n+1){ background-color:#fff;}
.cp01 dt:nth-child(2n+1) .tu{ float:right;}


/*案例*/
.cp02{ width:1200px; margin:auto; margin-top:65px;}
.cp02 .title{ width:1200px; margin:auto; text-align:center;}
.cp02 .title span{ display:block; overflow:hidden; font-size:34px; height:50px; line-height:50px; font-weight:bold; letter-spacing:3px; text-indent:3px;}
.cp02 .title p{ display:block; overflow:hidden; font-size:14px; height:28px; line-height:28px; color:#666;}
.cp02 .title a{ display:block; overflow:hidden; width:20px; height:2px; background-color:#ffbd4c; margin:auto; margin-top:5px;}

.m-slide{ width:100%; margin-top:30px;}
.m-slide .img{ width:604px; float:right; height:403px;}
.m-slide .img li{ width:604px; height:403px; display:block; overflow:hidden;}
.m-slide .img img{ display:block; width:100%; margin:auto;}
.m-slide .tab{ border:1px solid #eee; border-right:none; float:left; width:595px; height:401px;}
.m-slide .tab li{ display:block; width:100%; height:66px; border-bottom:1px solid #eee; overflow:hidden; position:relative;}
.m-slide .tab a{ display: block; position:relative; width:592x; height:66px; overflow:hidden; border-right:3px solid #fff;}
.m-slide .tab a b{ position:absolute; right:0; top:27.5px; width:4px; height:11px; overflow:hidden;}
.m-slide .tab a .tu{ width:60px; height:46px; margin-left:10px; margin-top:10px;}
.m-slide .tab a .tu img{ width:100%;}
.m-slide .tab a span{ position:absolute; overflow:hidden; width:300px;}
.m-slide .tab a .tt{ left:80px; top:6px; height:30px; line-height:30px; font-size:18px; font-weight:bold;}
.m-slide .tab a .des{ left:80px; bottom:6px; height:24px; line-height:24px; color:#666; font-size:14px;}
.m-slide .tab li.on a{ border-right:3px solid #ff5e00;} 	
.m-slide .tab li.on a b{ background-image:url(../images/dot.png); background-repeat:no-repeat; background-position:center right;}
.m-slide .tab li.on a .tt{ color:#ff5e00;}

.cp02 .dlList{ width:1230px;}
.cp02 .dlList dl{ width:380px; overflow:hidden; background-color:#f2f2f2; display:block; float:left; margin-top:30px; margin-right:30px; position:relative;}
.cp02 .dlList dl a{ width:100%; display:block; overflow:hidden;}
.cp02 .dlList dl dt{ width:100%; height:250px; display:block; overflow:hidden;}
.cp02 .dlList dl dt img{ width:100%; display:block;}
.cp02 .dlList dl dd{ margin:25px 30px; height:60px; margin-top:15px; text-align:center; display:block; overflow:hidden;}
.cp02 .dlList dl dd{ display:block; overflow:hidden;}
.cp02 .dlList dl dd span{ display:block; height:40px; line-height:40px; font-size:18px; overflow:hidden; font-weight:bold;}
.cp02 .dlList dl dd strong{ display:block; height:24px; line-height:24px; font-size:14px; color:#666; font-weight:normal; overflow:hidden;}
.cp02 .dlList dl:hover dd span{ color:#ff5e00;}

/*联系*/
.lx01{ width:1200px; margin:70px auto; margin-top:65px;}
.lx01 .title{ width:1200px; margin:auto; text-align:center;}
.lx01 .title span{ display:block; overflow:hidden; font-size:30px; height:40px; line-height:40px;}
.lx01 .title p{ display:block; overflow:hidden; font-size:14px; height:28px; line-height:28px; color:#666;}
.lx01 .title a{ display:block; overflow:hidden; width:20px; height:2px; background-color:#ffbd4c; margin:auto; margin-top:5px;}
.lx01 ul{ display:block; width:1160px; margin:auto; overflow:hidden; margin-top:30px;}
.lx01 ul li{ display:block; float:left; width:250px; margin:0 20px; background-position:center; background-repeat:no-repeat; padding-top:112px; height:208px;}
.lx01 ul li.l01{ background-image:url(../images/l01.jpg);}
.lx01 ul li.l02{ background-image:url(../images/l02.jpg);}
.lx01 ul li.l03{ background-image:url(../images/l03.jpg);}
.lx01 ul li.l04{ background-image:url(../images/l04.jpg);}
.lx01 ul li p{ width:200px; height:208px; display:table; margin:auto; text-align:center; vertical-align:middle; overflow:hidden;}
.lx01 ul li p span{ width:200px; height:208px; display:table-cell; margin:auto; text-align:center; vertical-align:middle; overflow:hidden; font-size:14px; line-height:30px;}
.lx01 ul li p span img{ max-width:160px; max-height:160px;}

/*关于我们*/
.abcont {
	width:1200px;
	margin:auto;
	margin-top:70px;
}
.gybz {
    width: 660px;
    float: left;
}
.gybz_tag {
    width: 100%;
    border-top: 5px solid #ff5e00;
}
.gybz_tag span{ width:160px; height:35px; line-height:30px; display:block; text-align:center; color:#fff; font-size:18px; background-color:#ff5e00;}

.gybz_contant {
    width: 650px;
    font-size:14px;
    color: #1f1f1f;
    line-height: 28px;
    padding-top:30px;
    text-align: justify;
    text-justify: inter-ideograph;
	letter-spacing:3px;
}
.gybz_tu {
    width: 490px;
    float: right;
    padding-left: 50px;
}
.gybz_tu img {
    width: 100%;
}

.csrjs_tag {
    width: 100%;
    border-top: 5px solid #ff5e00;
}
.csrjs_tag span{ width:160px; height:35px; line-height:30px; display:block; text-align:center; color:#fff; font-size:18px; background-color:#ff5e00;}
.csrjs_contant {
    background: none repeat scroll 0 0 #f2f2f2;
    border: 1px solid #d8d8d8;
    padding: 15px;
    width: 1168px;
    margin-top: 30px;
	overflow:hidden;
}
.csrjs_img {
    float: left;
    margin: 20px 0;
	overflow:hidden;
}
.csrjs_zk {
    width: 830px;
    float: right;
	overflow:hidden;
}
.csrjs_zk strong {
    width: 100%;
    color: #1e1e1e;
    font-size: 28px;
	display:block;
    padding-top: 24px;
}
.csrjs_zk span {
    width: 100%;
	display:block;
    color: #535353;
    font-size: 16px;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-right: 20px;
}
.csrjs_zk table {
    width: 100%;
	overflow:hidden;
    padding-top: 10px;
}
.csrjs_zk table td {
    color: #535353;
    font-size: 14px;
    line-height: 22px;
    padding-right: 30px;
}

.abcont .tixi {
    width: 780px;
    background: #f2f2f2;
    border: 1px solid #d8d8d8;
    float: left;
    padding: 30px 33px;
    margin-top: 20px;
    height: 700px;
}
.abcont .tixi .title {
    background: url(../images/wx01.png) no-repeat left;
    font-size: 30px;
    color: #646464;
    padding: 0 0 0 40px;
}
.abcont .tixi .tbox {
    width: 240px;
    float: left;
    padding: 15px 10px 0 10px;
	background-image:none;
	overflow:hidden;
}
.abcont .tixi .tbox .timg{ height:130px; overflow:hidden;}
.abcont .tixi .tbox img{ width:100%;}
.abcont .tixi .tbox a {
    color: #676767;
    text-decoration: none;
}
.abcont .tixi .tbox p {
    margin: 5px 0 0 0;
	display:block;
    text-align: center;
}
.abcont .tixi .tbox a {
    color: #676767;
    text-decoration: none;
}

.abcont .lx {
    width: 288px;
    height: 700px;
    background: #f2f2f2;
    border: 1px solid #d8d8d8;
    padding: 30px 25px;
    float: right;
    margin: 20px 0 0 0;
}
.abcont .lx .title {
    background: url(../images/lx04.png) no-repeat left;
    font-size: 30px;
    color: #646464;
    padding: 0 0 0 40px;
}
.abcont .lx .ditu {
    margin: 20px 0 30px 0;
}
.abcont .lx .ditu img { width:100%;}
.abcont .lx .cont {
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
    padding: 0 0 20px 0;
    font-size: 14px;
    color: #626262;
    margin: 0 0 18px 0;
}
.abcont .lx .cont h2 {
    font-size: 18px;
    color: #444444;
    margin: 0;
}
.abcont .lx .cont p {
    margin: 10px 0;
}
.abcont .lx .cont span {
    color: #018dee;
}

.content {
    width: 1200px;
	margin:auto;
}

.ilxdz {
    width: 1200px;
    margin: auto;
    color: #636363;
}
.ilxdz .hk {
    width: 460px;
    float: left;
    padding: 52px 0 125px 55px;
}
.ilxdz p {
    line-height: 25px;
}
.ilxdz .ift {
    font-size: 24px;
    color: #444444;
    margin: 0 0 25px 0;
}
.ilxdz .sz {
    width: 544px;
    float: left;
    padding: 52px 0 125px 92px;
}
.ilxdz p {
    line-height:40px; font-size:18px;
}
.ilxdz p span{ width:200px; margin-right:50px; display:block; float:left; overflow:hidden; text-align:center;}
.ilxdz p img{ width:200px; display:block;}
.ilxdz .ift {
    font-size: 24px;
    color: #444444;
    margin: 0 0 25px 0;
	font-weight:bold;
}
.ilxdz .lines{ width:1px; height:250px; display:block; float:left; background-color:#333; margin-top:80px;}

/*悬浮链接*/
.suspension{position:absolute;z-index:999;right:0; bottom:50px; width:70px; height:144px;}
.suspension-box{position:relative;float:right; height:144px;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#ffbd4c;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-liu .i{background-image:url(../images/ly.png);background-repeat:no-repeat; background-position:center; cursor:pointer;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#ffbd4c;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:57px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-qrcode .arrow{ top:auto; bottom:51px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:35px;}
.suspension .d-qrcode{bottom:-35px;}
.suspension .d .inner-box{padding:10px;}
.suspension .d-service-item{ overflow:hidden;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding:10px 0; overflow:hidden;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center; clear:both;}
.suspension .d-qrcode .inner-box{padding:10px 0; overflow:hidden;}
.suspension .d-qrcode p{font-size:14px; display:block; padding-top:10px;color:#ff5e00; float:left; width:100%; text-align:center; font-weight:bold;}
.qrcode-img{ width:45.5%; margin-left:3%; float:left; overflow:hidden;}
.qrcode-img img{ width:100%; display:block;}

.lybox{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:0; z-index:9999; display:none;}
.lybox dl{ width:500px; height:440px; display:block; background-color:#fff; position:fixed; left:50%; margin-left:-250px; top:50%; margin-top:-220px; overflow:hidden;}
.lybox dl dt{ display:block; height:50px; line-height:50px; font-size:18px; text-align:center; position:relative; background-color:#f2f2f2;}
.lybox dl dt span{ width:26px; height:26px; background-color:#fff; border-radius:30px; position:absolute; right:10px; top:12px; cursor:pointer; text-align:center; line-height:26px; font-size:20px;}
.lybox dl dd{ margin:20px; display:block; overflow:hidden;}
.lybox dl dd span{ display:block; width:80px; float:left; height:32px; line-height:32px; font-size:14px; text-align:right;}
.lybox dl dd input{ display:block; width:220px; padding:0 10px; border:1px solid #cacaca; float:left; height:30px; line-height:30px; font-size:14px; margin:0 10px;}
.lybox dl dd b{ line-height:32px;}
.lybox dl dd textarea{ width:300px; padding:3px 10px; line-height:24px; height:120px; border:1px solid #cacaca; float:left; display:block; overflow:auto; margin-left:10px;}
.lybox dl dd .msg_button{ width:140px; height:40px; line-height:40px; text-align:center; font-size:14px; background-color:#ff5e00; color:#fff; margin-left:90px; cursor:pointer;}


/*弹出框*/
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{width:100%;height:100%;margin-left:0;padding-left:0;overflow:hidden;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}