@charset "UTF-8";
/**
 * 
 * @authors Griezmann (you@example.org)
 * @date    2018-07-04 14:25:41
 * @version $Id$
 */


.header{background:url(../images/tbg.jpg) center no-repeat;padding:0px 60px;background-size:100% 100%;}
.header .headC{position:relative;height:120px;}
.header .logo{float:left;position:absolute;left:0px;top:50%;margin-top:-43px;}
.header .personInfo{float:right;}
.header .nav{float:right;width:64%;margin-right:160px;}
.header .nav li{float:left;height:120px;line-height:120px;width:14.28%;text-align:center;} 
.header .nav li a{display:block;font-size:16px;color:#fff;}


.header .personInfo{height:30px;line-height:30px;padding-left:45px;background:url(../images/man.png) left center no-repeat;margin-top:36px;position:absolute;right:0px;top:50%;margin-top:-15px;}
.header .personInfo .infoBox a{font-size:16px;color:#fff;display:block;padding-right:18px;background:url(../images/sj.png) right center no-repeat;} 



.sample{background:url(../images/sbg.jpg) top center no-repeat;background-size:100% 100%;padding:100px 0px 0px;}
.sample .g-in{margin-bottom:70px;}
.sample .tit{line-height:30px;}
.sample .tit .intit{float:left;font-size:22px;color:#373b41;padding-left:18px;position:relative;}
.sample .tit .intit:before{content:"";display:block;width:4px;height:20px;position:absolute;left:0px;top:50%;margin-top:-10px;background-color:#428ae2;}
.sample .tit .breadcrumbs{float:right;font-size:14px;}
.sample .tit .breadcrumbs a{color:#666;padding-right:16px;background:url(../images/mbx.png) right center no-repeat;display:inline-block;margin-right:10px;transition:all 0.3s;}
.sample .tit .breadcrumbs a:last-child{margin:0px;padding:0px;background:none;}
.sample .tit .breadcrumbs a:hover{color:#428ae2;}


.sample .body{margin-top:60px;}
.sample .body .hd .intit{float:left;width:205px;height:40px;background:url(../images/ibg.png);font-size:20px;text-transform:uppercase;line-height:40px;color:#428ae2;padding-left:40px;box-sizing:border-box;}
.sample .body .hd .serBox{float:right;width:240px;height:32px;position:relative;border-radius:10px;}
.sample .body .hd .serBox .fileW{width:160px;height:100%;position:absolute;left:0px;top:0px;background-color:#fff;border-top-left-radius:10px;border-bottom-left-radius:10px;}
.sample .body .hd .serBox .fileW .file{position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0;z-index:10;cursor:pointer;}
.sample .body .hd .serBox .fileW .txt{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:2;border:none;outline:none;border-top-left-radius:10px;border-bottom-left-radius:10px;font-size:14px;color:#808080;padding:0px 10px;box-sizing:border-box;}
.sample .body .hd .serBox .sub{position:absolute;right:0px;top:0px;width:78px;height:100%;border:none;outline:none;background-color:#f7f7f7;font-size:14px;color:#373b41;border-top-right-radius:10px;border-bottom-right-radius:10px;cursor:pointer;}


.sample .body .bd{font-family:Arial;}
.sample .body .bd dt{height:60px;line-height:60px;font-size:18px;color:#373b41;text-transform:uppercase;background-color:#fff;border-top-right-radius:6px;}
.sample .body .bd dt li{float:left;box-sizing:border-box;padding:0px 40px;}
.sample .body .bd dt .l1{width:15%;}
.sample .body .bd dt .l2{width:55%;}
.sample .body .bd dt .l3{width:15%;text-align:center;}
.sample .body .bd dt .l4{width:15%;text-align:center;}

.sample .body .bd dd:nth-child(odd){background-color:#fff;}

.sample .body .bd dd{font-size:16px;height:52px;line-height:52px;color:#666;transition:all 0.3s;}
.sample .body .bd dd a{transition:all 0.3s;color:#666;}
.sample .body .bd dd:hover{background-color:#428ae2;color:#fff;}
.sample .body .bd dd:hover a{color:#fff;}
.sample .body .bd dd li{float:left;box-sizing:border-box;padding:0px 40px;}
.sample .body .bd dd .l1{width:15%;}
.sample .body .bd dd .l2{width:55%;}
.sample .body .bd dd .l3{width:15%;text-align:center;}
.sample .body .bd dd .l4{width:15%;text-align:center;line-height:52px;}

.sample .body .bd dd .l4{font-size:0px;cursor:pointer;}
.sample .body .bd dd .l4 span{display:inline-block;vertical-align:middle;font-size:14px;}
.sample .body .bd dd .l4 .sp1{transform:scaleX(0);transition:all 0.3s;transform-origin:0% 50%;color:#fff;}
.sample .body .bd dd .l4 .sp2{width:20px;background:url(../images/sc.png) center no-repeat;height:52px;transition:all 0.3s;margin-left:-42px;}
.sample .body .bd dd:hover .l4 .sp2{background-image:url(../images/sc1.png);}
.sample .body .bd dd .l4:hover .sp1{transform:scaleX(1);}
.sample .body .bd dd .l4:hover .sp2 {margin-left:6px;}

.sampleIndex{background:none;}

.sampleIndex .sampleBtn{padding:80px 0px 200px;text-align:center;}
.sampleIndex .sampleBtn ul{display:inline-block;}
.sampleIndex .sampleBtn li{float:left;margin:0px 60px;}
.sampleIndex .sampleBtn li p{font-size:22px;color:#333;}




.footer{padding:0px 60px;box-sizing:border-box;}
.footer .txt{font-size:14px;color:#808080;text-align:center;height:60px;line-height:60px;border-top:1px solid #ddd;}


@media(max-width:1366px){

	.header .nav li{float:left;height:80px;line-height:80px;width:14.28%;}
	.header .nav li a{font-size:14px;}
	.header .headC{height:80px;}
	.header .logo{margin-top:-30px;}
	.header .logo img{height:60px;}

	.sample{padding:60px 0px 0px;}
	.footer{margin-top:100px;}
	.footer .txt{height:52px;line-height:52px;}
}