@charset "utf-8";

/* CSS Document */



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

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

body{ font-family:"微软雅黑"; color:#333;}

dl,dt,dd,ul,ol,li{ list-style:none;}



body,html{ min-width:1150px;}



.fl{ float:left;}

.fr{ float:right;}

.ov{ overflow:hidden;}



/*banner*/

#full-screen-slider{ width:100%; height:640px; overflow:hidden; position:relative;}

#slides{ display:block; width:100%; height:640px; position:relative; overflow:hidden;}

#slides li{ display:block; width:100%; height:640px; position:absolute;}

#pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:20px; z-index:111;}

#pagination li{ width:24px; height:4px; background-color:#fff; display:inline-block; margin:0 3px; font-size:0; cursor:pointer;}

#pagination li.current{ background-color:#0062af;}



/*header*/

#nav{ width:100%; position:absolute; left:0; top:0; z-index:999;}

#nav #navarea{ width:1150px; margin:auto; height:80px; overflow:hidden;}

#nav #navarea .logo{ height:80px; overflow:hidden; width:280px;}

#nav #navarea .logo img{ height:80px; display:block;}

#nav #navarea .nav{ float:right; overflow:hidden; text-align:right; width:870px;}

#nav #navarea .nav ul{ height:80px; line-height:80px; display:block; overflow:hidden; text-align:right; width:880px;}

#nav #navarea .nav ul li{ display:inline-block; font-size:14px; padding:0 10px; color:#fff;}

#nav #navarea #navs{ height:80px; line-height:80px; display:block; overflow:hidden; text-align:right; width:880px;}

#nav #navarea #navs dt{ display:inline-block; font-size:14px; padding:0 10px; height:79px; box-sizing:border-box;}

#nav #navarea #navs dt a{ color:#333; display:block;}



#nav:hover{ background-color:#fff;}

#nav:hover #navarea .logo span{ display:none;}

#nav:hover #navarea .nav ul{ display:none; height:0;}

#nav #navarea #navs dt.on a{ color:#0062af;}

#nav #navarea #navs dt.on{ border-bottom:1px solid #0062af;}



#nav #menu{ width:100%; background-color:#fff; display:none;}

#nav:hover #menu{ border-top:1px solid #cacaca; display:block;}

#menu .nav01{ width:1150px; margin:auto; display:block; overflow:hidden; padding-bottom:22px; padding-top:10px;}

#menu .nav01 li{ width:230px; display:block; float:left; overflow:hidden; margin-top:16px;}

#menu .nav01 li .biao{ width:100%; font-size:16px; height:22px; line-height:22px;}

#menu .nav01 li .biao a{ color:#0062af;}

#menu .nav01 li .wen{ width:100%; font-size:14px; height:28px; line-height:28px; color:#999;}

#menu .nav01 li .cp{ height:120px; width:200px; position:relative;}

#menu .nav01 li .cp dl{ width:200px; height:120px; overflow:hidden; display:block;}

#menu .nav01 li .cp dl dt{ width:200px; overflow:hidden; display:block; font-size:14px; line-height:30px; height:30px;}

#menu .nav01 li .cp dl dt a:hover{ color:#0062af;}



#menu .nav02{ width:1170px; margin:auto; display:block; overflow:hidden; padding-bottom:30px;}

#menu .nav02 li{ width:210px; margin:0 10px; display:block; float:left; overflow:hidden; margin-top:26px;}

#menu .nav02 li .biao{ width:210px; font-size:16px; height:22px; line-height:22px;}

#menu .nav02 li .biao a{ color:#0062af;}

#menu .nav02 li .wen{ width:210px; font-size:14px; height:28px; line-height:28px; color:#999;}

#menu .nav02 li .tu{ width:210px; height:150px; padding-top:13px;}

#menu .nav02 li .tu img{ display:block; height:150px;}



/*#menu .nav03{ width:1150px; margin:auto; display:block; overflow:hidden; padding-bottom:22px;}

#menu .nav03 li{ width:230px; display:block; float:left; overflow:hidden; margin-top:26px;}

#menu .nav03 li .biao{ width:100%; font-size:16px; height:22px; line-height:22px;}

#menu .nav03 li .biao a{ color:#0062af;}

#menu .nav03 li .wen{ width:100%; font-size:14px; height:28px; line-height:28px; color:#999;}

#menu .nav03 li .tu{ width:100%; height:150px; padding-top:13px;}

#menu .nav03 li .tu img{ display:block; height:150px;}

#menu .nav03 li .cp{ width:200px; height:120px; position:relative; margin-top:10px;}

#menu .nav03 li .cp dl{ width:200px; height:120px; overflow:hidden; display:block;}

#menu .nav03 li .cp dl dt{ width:200px; font-size:14px; line-height:30px; height:30px;}

#menu .nav03 li .cp dl dt a:hover{ color:#0062af;}*/

#menu .nav03{ width:1170px; margin:auto; display:block; overflow:hidden; padding-bottom:30px;}

#menu .nav03 li{ width:210px; margin:0 10px; display:block; float:left; overflow:hidden; margin-top:30px;}

#menu .nav03 li .biao{ width:210px; font-size:16px; height:22px; line-height:22px; margin-top:10px;}

#menu .nav03 li .biao a{ color:#0062af;}

#menu .nav03 li .wen{ width:210px; font-size:14px; height:96px; padding-top:5px; line-height:24px; color:#999;}

#menu .nav03 li .tu{ width:210px;}

#menu .nav03 li .tu img{ display:block; width:210px;}



/*产品展示*/

.cbox{ width:1150px; margin:50px auto;}

.cbox .title{ width:100%; padding-top:10px; height:45px; background-image:url(../images/title.png); background-position:top center; background-repeat:no-repeat; text-align:center; float:left; margin-bottom:30px;}

.cbox .title span{ display:block; font-size:24px; height:26px; line-height:26px; color:#0062af;}

.cbox .title p{ display:block; font-size:12px; height:26px; line-height:26px; color:#999; text-transform:uppercase;}



.cbox .left{ width:300px; overflow:hidden;}

.cbox .left ul{ display:block; width:300px; overflow:hidden;}

.cbox .left ul li{ width:138px; height:68px; display:table; margin-right:10px; vertical-align:middle; background-color:#eee; border:1px solid #cacaca; float:left; margin-bottom:10px;}

.cbox .left ul li a{ width:113px; font-size:14px; line-height:24px; height:68px; display:table-cell; vertical-align:middle; padding-left:25px;}

.cbox .left ul li:hover{ background-color:#0062af; border:1px solid #0062af;}

.cbox .left ul li:hover a{ color:#fff;}

.cbox .left p{ width:290px; height:130px; overflow:hidden; display:block;}

.cbox .left p img{ height:130px; display:block;}



.cbox .right{ width:850px; height:450px; position:relative; overflow:hidden;}

.cbox .right .c01{ width:390px; height:220px; position:absolute; left:0; top:0;}

.cbox .right .c02{ width:220px; height:220px; position:absolute; left:400px; top:0;}

.cbox .right .c03{ width:220px; height:220px; position:absolute; left:630px; top:0;}

.cbox .right .c04{ width:220px; height:220px; position:absolute; left:0; bottom:0;}

.cbox .right .c05{ width:220px; height:220px; position:absolute; left:230px; bottom:0;}

.cbox .right .c06{ width:390px; height:220px; position:absolute; left:460px; bottom:0;}

.cbox .right img{ width:100%;}

.cbox .right a{ width:100%; height:220px; display:block; overflow:hidden; position:relative;}

.cbox .right p{ padding:0 20px; height:40px; line-height:40px; font-size:14px; color:#fff; background-image:url(../images/mask.png); background-repeat:repeat; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}



/*培训*/

.px{ width:100%; background-image:url(../images/pbg.jpg); background-position:left top; background-repeat:repeat-x; position:relative;}

.px .title{ width:1150px; position:absolute; left:50%; margin-left:-575px; z-index:999;}

.px .title img{ display:block; height:50px; float:right;}

#feature{ width:1150px; height:500px; position:relative; margin:auto; overflow:hidden;}

#feature #block{ width:1150px; margin:auto; position:relative; overflow:hidden; height:500px;}

#feature .prev{ width:80px; height:40px; display:block; cursor:pointer; position:absolute; right:80px; bottom:0; background-color:#333; z-index:999;}

#feature .next{ width:80px; height:40px; display:block; cursor:pointer; position:absolute; right:0; bottom:0; background-color:#333; z-index:999;}

#feature .prev:hover,#feature .next:hover{ background-color:#0062af;}

#botton-scroll{ width:1150px; margin:auto; overflow:hidden; height:500px; position:relative;}

#feature .featureBox{ width:1150px; height:500px; display:block; overflow:hidden; float:left; position:relative;}

#feature .featureBox .tu{ width:1150px; height:410px; margin-top:50px;}

#feature .featureBox .tu img{ max-width:100%; max-height:410px; margin:auto; display:block;}

#feature .featureBox .left{ width:290px; height:500px; position:absolute; left:0; top:0;}

#feature .featureBox .left .biao{ width:290px; text-align:center; height:57px; line-height:50px; font-size:16px; background-image:url(../images/ptitle.png); background-position:top center; background-repeat:no-repeat;}

#feature .featureBox .left .biao a{ color:#fff;}

#feature .featureBox .left .wen{ padding:24px 20px; padding-bottom:41px; width:250px; background-image:url(../images/pbg.png); background-repeat:repeat; line-height:24px; font-size:14px; height:300px; color:#fff;}

#feature .featureBox .left .more{ width:290px; height:66px; background-image:url(../images/pbg.png); background-repeat:repeat;}

#feature .featureBox .left .more a{ width:100px; height:36px; line-height:36px; text-align:center; display:block; margin-left:20px; background-color:#fff; font-size:14px; color:#0062af;}



/*新闻*/

.nbox{ width:100%; padding:50px 0; margin-top:50px; background-color:#eee;}

.nbox .title{ width:100%; padding-top:10px; height:45px; background-image:url(../images/title.png); background-position:top center; background-repeat:no-repeat; text-align:center;}

.nbox .title span{ display:block; font-size:24px; height:26px; line-height:26px; color:#0062af;}

.nbox .title p{ display:block; font-size:12px; height:26px; line-height:26px; color:#999; text-transform:uppercase;}

.nbox .kuang{ width:1150px; margin:auto; margin-top:30px;}



.nbox .left{ width:460px; overflow:hidden; position:relative; padding-bottom:30px; background-color:#fff;}

.nbox .left .time{ width:90px; height:90px; background-color:#0062af; text-align:center; position:absolute; left:0; top:0;}

.nbox .left .time span{ display:block; padding-top:12px; height:40px; line-height:40px; font-size:40px; color:#fff;}

.nbox .left .time p{ display:block; height:30px; line-height:30px; font-size:14px; color:#fff;}

.nbox .left .tu{ width:460px; height:200px;}

.nbox .left .tu img{ width:100%; display:block;}

.nbox .left .biao{ width:420px; padding:5px 20px; padding-bottom:0; height:48px; line-height:48px; font-size:18px;}

.nbox .left .wen{ width:420px; padding:0 20px; height:72px; line-height:24px; font-size:14px;}

.nbox .left .more{ margin-left:20px; margin-top:15px; width:130px; height:40px; line-height:40px; text-align:center; font-size:14px; text-transform:uppercase; background-color:#0062af;}

.nbox .left .more a{ color:#fff;}

.nbox .left .biao a:hover{ color:#0062af;}



.nbox .right{ width:660px; height:410px; overflow:hidden;}

.nbox .right li{ width:100%; height:130px; overflow:hidden; background-color:#fff; margin-bottom:10px;}

.nbox .right li .tu{ width:200px; height:130px; overflow:hidden;}

.nbox .right li .tu img{ width:100%; display:block;}

.nbox .right li .wen{ width:420px; margin:16px 20px; overflow:hidden;}

.nbox .right li .wen .biao{ width:100%; height:28px; line-height:28px; font-size:18px;}

.nbox .right li .wen .time{ width:100%; height:20px; line-height:20px; font-size:14px; color:#999;}

.nbox .right li .wen .wz{ width:100%; height:48px; line-height:24px; font-size:14px; color:#666;}

.nbox .right li .wen .biao a:hover{ color:#0062af;}



/*公司简介*/

.abox{ width:100%; height:580px; background-image:url(../images/abg.jpg); background-position:top center; background-repeat:no-repeat;}

.abox .about{ width:680px; margin:auto; padding-top:39px; padding-left:470px;}

.abox .about .title{ padding-bottom:2px; height:44px; width:545px; background-image:url(../images/abl.jpg); background-position:left bottom; background-repeat:no-repeat; margin-left:135px;}

.abox .about .title span{ display:block; float:left; height:44px; line-height:44px; color:#fff; font-size:24px;}

.abox .about .title p{ display:block; float:left; height:44px; line-height:50px; color:#fff; font-size:18px; margin-left:10px;}

.abox .about .tu{ width:545px; margin-left:135px; height:180px; margin-top:30px;}

.abox .about .tu img{ width:100%; display:block;}

.abox .about .wen{ width:545px; font-size:14px; line-height:24px; height:144px; color:#fff; margin-top:25px; margin-left:135px;}

.abox .about .more{ width:126px; height:36px; text-align:center; line-height:36px; text-transform:uppercase; font-size:14px; border:2px solid #fff; margin-top:26px; margin-left:135px;}

.abox .about .more a{ color:#fff;}



/*精品案例*/

.jbox{ width:1150px; margin:50px auto;}

.jbox .title{ width:100%; padding-top:10px; height:45px; background-image:url(../images/title.png); background-position:top center; background-repeat:no-repeat; text-align:center; float:left; margin-bottom:30px;}

.jbox .title span{ display:block; font-size:24px; height:26px; line-height:26px; color:#0062af;}

.jbox .title p{ display:block; font-size:12px; height:26px; line-height:26px; color:#999; text-transform:uppercase;}



.jbox .case{ width:1168px; margin-left:1px; display:block;}

.jbox .case li{ width:272px; display:block; overflow:hidden; float:left; height:380px; margin-right:20px;}

.jbox .case li .tu{ width:272px; height:190px;}

.jbox .case li .tu img{ width:100%; display:block;}

.jbox .case li .box{ border:1px solid #cacaca; border-top:none; padding:0 20px; height:189px;}

.jbox .case li .biao{ width:100%; text-align:center; height:48px; line-height:48px; font-size:18px;}

.jbox .case li .wen{ width:100%; height:72px; line-height:24px; font-size:14px; color:#666;}

.jbox .case li .duo{ width:108px; height:32px; line-height:32px; text-align:center; margin:auto; margin-top:14px; border-radius:3px; font-size:14px;}

.jbox .case li .duo a{ display:block; width:100%; height:32px; background-color:#eee;}

.jbox .case li:hover .biao a{ color:#0062af;}

.jbox .case li:hover .duo a{ background-color:#0062af; color:#fff;}



.jbox .more{ width:126px; height:36px; text-align:center; line-height:36px; text-transform:uppercase; font-size:14px; border:2px solid #0062af; margin:auto; margin-top:30px;}

.jbox .more a{ color:#0062af;}



/*footer*/

.footer{ width:100%; background-color:#333; padding-top:14px;}

.footer .foot{ padding-bottom:26px; width:1150px; margin:auto;}

.footer .link{ width:1150px; overflow:hidden; padding-bottom:17px; background-image:url(../images/foot.jpg); background-repeat:repeat-x; background-position:bottom left;}

.footer .link dt{ display:block; font-size:16px; height:46px; line-height:46px; color:#fff;}

.footer .link dd{ width:1170px;  display:block; overflow:hidden;}

.footer .link dd a{ display:block; font-size:14px; margin-right:20px; float:left; color:#999; height:24px; line-height:24px;}

.footer .link dd a:hover{ color:#fff;}

.footer .con{ width:1150px; margin-top:11px;}

.footer .con dl{ display:block; width:840px; float:left; overflow:hidden;}

.footer .con dl dt{ display:block; height:34px; line-height:34px; font-size:16px; color:#fff;}

.footer .con dl dd{ display:block; height:34px; line-height:34px; float:left; padding-left:20px; overflow:hidden; background-position:left center; background-repeat:no-repeat; margin-right:20px; font-size:14px; color:#fff;}

.footer .con dl dd:nth-child(2){ width:320px; background-image:url(../images/fn01.png);}

.footer .con dl dd:nth-child(3){ width:440px; background-image:url(../images/fn02.png);}

.footer .con dl dd:nth-child(4){ width:320px; background-image:url(../images/fn03.png);}

.footer .con dl dd:nth-child(5){ width:440px; background-image:url(../images/fn04.png);}

.footer .con p{ display:block; float:right; width:310px; padding-top:9px;}

.footer .con p strong{ width:90px; height:90px; display:block; overflow:hidden; float:left;}

.footer .con p strong img{ width:100%; display:block;}

.footer .con p span{ width:200px; padding-left:20px; height:90px; display:block; overflow:hidden; float:left;}

.footer .con p span b{ display:block; font-size:18px; height:32px; line-height:32px; color:#fff; font-weight:normal;}

.footer .con p span a{ display:block; font-size:14px; height:48px; line-height:24px; color:#999; padding-top:8px;}

.footer .bottom{ width:100%; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; background-color:#222;}

.footer .bottom a{ color:#fff;}



/*内页*/

.navbox{ width:100%; background-color:#fff;}

.navbox #navarea .nav ul li{ color:#333 !important;}



.banner{ width:100%; height:380px; background-position:center; background-repeat:no-repeat; margin-top:80px;}

.banner p{ width:1150px; margin:auto; padding-top:140px; display:none;}

.banner p strong{ display:block; font-size:30px; height:38px; line-height:38px; color:#fff;}

.banner p span{ display:block; font-size:24px; height:28px; line-height:28px; color:#fff; margin-left:70px; text-transform:uppercase; margin-top:20px;}



.main{ width:1150px; margin:50px auto;}

.main .title{ width:100%; padding-top:10px; height:45px; background-image:url(../images/title.png); background-position:top center; background-repeat:no-repeat; text-align:center; float:left; margin-bottom:30px;}

.main .title span{ display:block; font-size:24px; height:26px; line-height:26px; color:#0062af;}

.main .title p{ display:block; font-size:12px; height:26px; line-height:26px; color:#999; text-transform:uppercase;}



.main .dao{ width:100%; display:block; text-align:center; background-image:url(../images/ny.jpg); background-position:center left; background-repeat:repeat-x;}

.main .dao li{ padding:0 5px; background-color:#fff; display:inline-block;}

.main .dao li a{ display:block; width:auto !important; min-width:80px; padding:0 10px; height:30px; line-height:30px; background-color:#eee; color:#333; border-radius:30px; font-size:14px;}

.main .dao li.on a,.main .dao li:hover a{ background-color:#0062af; color:#fff;}



/*产品*/

.main .cp{ width:1170px; overflow:hidden;}

.main .cp li{ width:272.5px; height:190px; display:block; overflow:hidden; float:left; margin-right:20px; margin-top:20px;}

.main .cp li a{ width:100%; height:190px; display:block; overflow:hidden; position:relative;}

.main .cp li a img{ width:100%; display:block;

	transition-delay: 0s;

    transition-duration: 1s;

    transition-property: all;

    transition-timing-function: ease;

	/* Firefox 4 */

	-moz-transition-delay: 0s;

    -moz-transition-duration: 1s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

	/* Safari 和 Chrome */

	-webkit-transition-delay: 0s;

    -webkit-transition-duration: 1s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

	/* Opera */

	-o-transition-delay: 0s;

    -o-transition-duration: 1s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

}

.main .cp li p{ width:140px; height:48px; padding:11px 20px; background-color:rgba(255,255,255,0.7); position:absolute; right:20px; bottom:20px;}

.main .cp li p strong{ width:140px; display:block; height:24px; line-height:24px; overflow:hidden; font-size:16px; color:#333;}

.main .cp li p span{ width:140px; text-align:right; display:block; height:24px; line-height:24px; overflow:hidden; font-size:14px; color:#666;}

.main .cp li:hover p{ background-color:rgba(0,98,175,0.7);}

.main .cp li:hover strong,.main .cp li:hover span{ color:#fff;}  

.main .cp li:hover img{

	transform: scale(1.1, 1.1);

	-ms-transform:scale(1.1, 1.1); 	/* IE 9 */

	-moz-transform:scale(1.1, 1.1); 	/* Firefox */

	-webkit-transform:scale(1.1, 1.1); /* Safari 和 Chrome */

	-o-transform:scale(1.2, 1.1); 	/* Opera */

}



.fanye{ width:100%; text-align:center; font-size:14px; padding-top:30px;}

.fanye a{ margin:0 3px;}

.fanye span{ margin:0 3px; color:#0062af;}

.fanye a:hover{ color:#0062af;}



/*产品内页*/

.main .biaot{ width:100%; height:40px; border-bottom:1px solid #cacaca;}

.main .content{ width:100%;}

.main .content .wen{ width:100%; font-size:14px; line-height:24px; color:#333; padding-top:20px;}

.main .content .wen img{ max-width:100%;}



.main .tou{ text-align:center; font-size:18px; color:#0062af; line-height:40px; margin-top:20px;}

.main .sj{ font-size:14px; text-align:center; line-height:20px; color:#666; border-bottom:1px solid #cacaca; margin:auto; width:100%; padding-bottom:10px;}

.main .back{ width:100%; margin:auto; margin-top:30px; border-top:1px solid #cacaca; padding-top:10px;}

.main .back .pre{ font-size:14px; color:#333; line-height:24px;}

.main .back .pre a{ color:#333;}

.main .back .pre a:hover{ color:#0062af;}

.main .back .fh a{ color:#0062af; font-size:14px;}



/*培训*/

.main .ry{ width:1170px; display:block;}

.main .ry li{ width:272.5px; display:block; overflow:hidden; float:left; margin-top:20px; margin-right:20px;}

.main .ry li strong{ width:100%; height:190px; display:block; overflow:hidden;}

.main .ry li strong img{ width:100%; display:block;}

.main .ry li span{ width:100%; display:block; height:36px; line-height:36px; overflow:hidden; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}

.main .ry li:hover span{ color:#0062af; border-bottom:1px solid #0062af;} 



/*联系我们*/

#container{ width:1140px; height:360px; border:1px solid #cacaca; overflow:hidden; margin-top:20px;}

.main .lx{ width:100%; overflow:hidden; padding-top:30px;}

.main .lx dd{ font-size:14px; line-height:30px; color:#333;}

.main .lx dd table{ width:100%;}

.main .lx dd table td{ width:33.333%;}

.main .lx dt{ overflow:hidden; margin-top:10px;}

.main .lx dt span{ width:100px; margin-right:30px; display:block; float:left; overflow:hidden;}

.main .lx dt span img{ width:100%; display:block;}

.main .lx dt span a{ width:100%; text-align:center; font-size:14px; line-height:24px; height:24px; color:#333; display:block;}



/*新闻*/

.main .xinwen{ width:1150px; overflow:hidden;}

.main .xinwen li{ width:100%; height:130px; overflow:hidden; background-color:#fff; padding:20px 0; border-bottom:1px solid #cacaca;}

.main .xinwen li .tu{ width:200px; height:130px; overflow:hidden;}

.main .xinwen li .tu img{ width:100%; display:block;}

.main .xinwen li .wen{ width:910px; margin:0 20px; overflow:hidden;}

.main .xinwen li .wen .biao{ width:100%; height:38px; line-height:38px; font-size:18px;}

.main .xinwen li .wen b{ width:100px; height:1px; background-color:#cacaca; display:block; transition: width 2s; -moz-transition: width 2s; -webkit-transition: width 2s; -o-transition: width 2s;}

.main .xinwen li .wen .time{ width:100%; height:30px; line-height:30px; padding-top:4px; font-size:14px; color:#999;}

.main .xinwen li .wen .wz{ width:100%; height:48px; line-height:24px; font-size:14px; color:#666;}

.main .xinwen li .wen:hover .biao a{ color:#0062af;}

.main .xinwen li .wen:hover b{ background-color:#0062af; width:200px;}