@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,ul,li,dl,dd,dt,table,tr,td,p,span,img,a{ padding:0; margin:0}
body{ font-family:"微软雅黑"; font-size:14px; background-color:#0f0f0f;color:#feffff;}
ul,li{ list-style:none}
a{ color:#feffff; text-decoration:none}
a:hover{ color:#0e6dee; text-decoration:none}
.header{ background:#000; width:100%; }
.head{ width:1100px; height:72px; padding:20px 0px; margin:0 auto; }
.head img{ float:left; padding-right:20px; vertical-align:middle; padding-top:11px;}
.head .nav{ float:left; padding:21px 0px;}
.head .nav a{ height:30px; line-height:30px; padding:0px 10px; font-size:14px;}
.head span{ float:left; color:#fff;  padding:21px 0px 21px 32px; line-height:30px;}
.head b{ float:right; font-size:24px; color:#fff; padding-top:15px;}
.head .nav a.on{ color:#0e6dee;}
/*banner*/
.slideBox{ width:100%; max-height:500px; overflow:hidden; position:relative;}
.slideBox .hd{ height:5px; overflow:hidden;  margin-left:46%;  position:absolute; bottom:35px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-right:10px;  width:30px; height:5px; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#0e6dee; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; height:462px; width:100%;}
.slideBox .bd li a{ width:100%; height:100%; float:left}

.main{ width:1100px; height:auto; overflow:hidden; margin:0 auto}

.ico{ width:800px; margin:0 auto;padding:60px 0px; overflow:hidden}
.ico ul li{ width:60px; float:left; height:96px; cursor:pointer; color:#feffff; margin:0px 70px;}
.ico ul li span{ width:100%; height:66px; float:left; background:url(../image/ico.png) no-repeat scroll 0 0}
.ico ul li p{ width:100%; float:left; height:30px; line-height:30px;}
.ico ul li .one{ background-position:0px 0px;}
.ico ul li a:hover>.one{ background-position:0px -75px}
.ico ul li .two{ background-position:0px -154px;}
.ico ul li a:hover>.two{ background-position:0px -225px}
.ico ul li .three{ background-position:0px -296px;}
.ico ul li a:hover>.three{ background-position:0px -362px}
.ico ul li .four{ background-position:0px -441px;}
.ico ul li a:hover>.four{ background-position:0px -509px}

.cp_type{ width:100%; float:left; overflow:hidden; text-align:center;  color:#feffff; padding-bottom:120px}
.cp_type h2{ width:100%; float:left; line-height:50px; font-size:32px; font-weight:500}
.cp_type p{ width:100%; float:left; font-size:18px; font-variant:small-caps; margin-bottom:42px;}
.cp_type a{ width:100%; height:100%; float:left; color:#fff;}
.cp_type a:hover{ color:#000}
.cp_type .box{ float:left; width:366px; height:208px;text-align: center;overflow: hidden;position: relative; cursor:pointer}
.cp_type .box:before{content: "";width: 0;height: 100%;background: #0e6dee; padding: 14px 18px; position: absolute; top: 0; left: 50%;opacity: 0;transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.cp_type .box:hover:before{ width: 100%;left: 0;opacity: 0.5;}
.cp_type .box img{ width: 100%;height: auto;}
.cp_type .box .box-content{ width: 100%; padding: 14px 0px;color: #000; position: absolute; top: 38%; left: 0;}
.cp_type .box .title{ font-size:18px; font-weight:500; border-bottom:#feffff 1px solid; line-height: 40px;text-transform: uppercase;  opacity: 0; transition: all 0.5s ease 0s; margin:0 100px;}
.cp_type .box .post{font-size: 14px;text-transform: capitalize;opacity: 0; transition: all 0.5s ease 0s; line-height:30px;}
.cp_type .box:hover .title,.box:hover .post{  opacity: 1; transition-delay: 0.7s;}

.foot{ width:100%; float:left; height:54px; padding:30px 0px; border-bottom:#feffff 1px solid;}
.foot .nav{ float:left; padding:21px 0px 21px 110px;}
.foot .nav a{ height:30px; line-height:30px; padding:0px 21px; font-size:14px;}
.banquan{ width:100%; float:left; margin-top:10px; text-align:center; line-height:40px; color:#F3F3F3}

.page_banner{ width:100%; height:490px; overflow:hidden;}
.about,.dashiji,.cp_list,.jmzx{ width:100%; height:auto;}
.about .div{ width:100%; float:left}
.about .img{ width:550px; height:auto;}
.about .text{ width:500px; text-indent:32px; text-align:left; font-size:14px; line-height:36px;}

.dashiji { background:url(../image/jiantou.png) no-repeat center top; padding-top:50px}
.dashiji ul li{ width:100%; height:30px; line-height:30px; background:url(../image/dashiji.png) no-repeat center; padding:30px 0px}
.dashiji ul li span{ font-size:24px; color:#0d68e4; width:40%; margin:0 5%}
.dashiji ul li .p{font-size:18px; width:40%; margin:0 5%}

.sub{ width:100%; height:auto; line-height:40px; background-color:#000;} 
.sub ul li{ height:40px; padding:0px 30px;width:auto; float:left; margin-right:2px;}
.sub ul li:hover,.sub ul li.on{ background-color:#031630; }
.now{ float:left; margin-bottom:30px; text-align:left; line-height:50px; width:100%; float:left;color:#0e6dee; }
.now a,.now a:hover{color:#0e6dee; }
.cp_list ul li{ width:312px; float:left; padding:10px 20px; border:#fff 1px solid;margin-top:-1px; text-align:left; margin-right:-1px}
.cp_list ul li a,.cp_list ul li a:hover{ color:#0c6def;}
.cp_list ul li .img{display:table; vertical-align:middle;width:300px;height:330px; line-height:330px;text-align:center; margin:0px 6px}
.cp_list ul li .img span{display:table-cell;vertical-align:middle;}
.cp_list ul li .img img{ max-height:270px}
.cp_list ul li h1{ font-size:24px; width:100%; float:left; text-align:center; line-height:50px; font-weight:500}
.cp_list ul li p{ height:50px; line-height:25px; font-size:12px; margin-bottom:0; overflow:hidden}
.cp_list ul li span{ font-size:12px; text-align:center; line-height:40px;}

.cp_nr{}
.cp_nr .img{ max-width:400px; max-height:400px; padding:20px 0px 30px 0px; margin-left:160px; float:left; margin-right:160px;}
.cp_nr .text{ width:400px; float:left; line-height:30px; padding-top:60px;}
.cp_nr .text h1{ margin-bottom:20px;}
.nr{ width:800px; padding:0px 150px; line-height:30px; float:left}

.wenhua{ width:100%; float:left; padding-bottom:490px; background:url(../image/ren.jpg) no-repeat bottom}
.wenhua .h2{ border-bottom:#0e6dee 1px solid; width:auto; color:#fff; font-size:22px; float:left; padding-bottom:4px}
.wenhua .p{width:100%; float:left; padding-left:210px; text-align:left; margin-top:20px;}

.jmzx ul{ padding-bottom:50px; border-bottom:#4b4b4b 1px solid; float:left; margin-bottom:60px}
.jmzx ul li{ border:#fff 1px solid; width:315px; height:348px; float:left; margin:30px 37px}
.jmzx ul li img{ width:315px; height:210px; float:left; border-bottom:#fff 1px solid}
.jmzx ul li span{ width:281px; text-align:center; padding:0px 17px; line-height:50px; font-size:18px; margin:10px 0px; float:left}
.jmzx ul li p{ font-size:14px; text-align:left;width:281px; padding:0px 17px; margin-bottom:0}

.zizhi{}
.zizhi ul li{ width:246px; height:373px; float:left; margin:10px 14px}
.zizhi ul li img{ float:left; width:100%; height:343px;}
.zizhi ul li p{ text-align:center; height:30px; line-height:30px; font-size:14px; float:left}


.news{}
.news ul li{text-align:left; width:100%; height:170px; float:left; margin-bottom:20px; padding-bottom:20px; border-bottom:#a29e9f 1px solid;}
.news ul li img{ float:left; width:220px; height:170px;}
.news ul li .text{ height:170px; float:right; width:840px;line-height:30px; font-size:14px;}
.news ul li .text h2{ width:100%; float:left; line-height:40px; font-size:20px}
.news ul li .text span{ font-size:12px; width:100%; float:left; line-height:30px; color:#4b4b4b}
.news ul li .text p{ width:100%; height:100px; line-height:25px; overflow:hidden; font-size:14px}
.news ul li a:hover{ color:#fff}
.fenye{ width:auto; float:right; text-align:right; }
.fenye a{ padding:10px 12px ; width:auto; line-height:10px;text-align:center; color:#fff; background-color:#a29e9f; font-size:14px; margin-left:10px;}
.fenye a:hover,.fenye a.on{ background-color:#0e6def; color:#fff;}

.news_nr{}
.news_nr h2{ width:100%; line-height:50px; text-align:center; font-size:30px; float:left; margin-bottom:10px;}
.news_nr .span{ font-size:12px; text-align:center; width:100%; border-bottom:#a29e9f 1px dashed; float:left; padding-bottom:10px; margin-bottom:20px;}
.news_nr .div{ width:100%; float:left; text-align:left; line-height:30px;}

.news_nr a{ width:auto; float:none;}
.news_nr a:hover{ color:#0e6dee}

.jmzx ul{ padding-bottom:50px; border-bottom:#4b4b4b 1px solid; float:left; margin-bottom:60px}
.jmzx ul li{ border:#fff 1px solid; width:315px; height:348px; float:left; margin:30px 37px}
.jmzx ul li img{ width:315px; height:210px; float:left; border-bottom:#fff 1px solid}
.jmzx ul li span{ width:281px; text-align:center; padding:0px 17px; line-height:50px; font-size:18px; margin:10px 0px; float:left}
.jmzx ul li p{ font-size:14px; text-align:left;width:281px; padding:0px 17px; margin-bottom:0}


.daili{ width:1098px; height:414px; overflow:hidden; position:relative; border:1px solid #a29e9f; margin-top:50px; float:left}
.daili .hd{ height:10px; overflow:hidden; position:absolute; left:245px; bottom:15px; z-index:1; }
.daili .hd ul{ overflow:hidden; zoom:1; float:left;  }
.daili .hd ul li{ float:left; margin-right:10px;  width:10px; height:10px; border-radius:50%;text-align:center; background:#fff; cursor:pointer; }
.daili .hd ul li.on{ background:#0e6def;  }
.daili .bd{ position:relative; height:100%; z-index:0;   }
.daili .bd li{ zoom:1; vertical-align:middle; }
.daili .bd li img{ width:560px; height:414px; display:block; float:left }
.daili .bd li .text{ width:450px; height:300px; float:left; padding-top:76px; padding-left:50px; text-indent:0; overflow:hidden}
.daili .bd li h2{ color:#0e6def; float:left; font-size:16px; text-align:left}
.daili .bd li p{ font-size:14px; text-align:left; float:left;}
.daili .bd li a:hover{color:#fff;}

.jm_bt{ width:100%; height:590px; background:url(../image/jm_bt.jpg) no-repeat center; margin-top:60px; }
.jm_bt a{background-color: #106ff1;
    color: #fff;
    float: left;
    height: 42px;
    line-height: 42px;
    margin: 248px 0 0 480px;
    text-align: center;
    width: 140px; font-size:14px; font-weight:500}
.jm_bt a:hover{ background-color:#09C}

.zszc{ width:100%; float:left; overflow:hidden}
.zc{background:url(../image/zc_bt.jpg) no-repeat center; width:100%; height:340px; margin-top:60px;}

.scroll{
		width:36px;
		height:29px;
		background:url(../image/top.png) no-repeat left;
		position:fixed;
		right:30px;
		bottom:50px;
		cursor:pointer;
	}
.scroll:hover{ background:url(../image/top2.png) no-repeat left}


#guide{position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; background:#000 url(../image/guide.jpg) no-repeat center;}
#guide div{width:800px; margin:10% auto 0; text-align:center;}
#guide div img{margin-bottom:35px;}
#guide .guide1{-webkit-animation:guideIn 1s both; -moz-animation:guideIn 1s both; animation:guideIn 1s both;}
#guide .guide2{-webkit-animation:guideIn 1s 0.3s both; -moz-animation:guideIn 1s 0.3s both; animation:guideIn 1s 0.3s both;}
#guide div p{width:120px; height:35px; margin:auto; line-height:35px; border:1px solid #54504e; color:#787775; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-animation:guideFade 1s 0.5s both; -moz-animation:guideFade 1s 0.5s both; animation:guideFade 1s 0.5s both;}
#guide div p:hover{color:#fff; border-color:#fff;}

@-webkit-keyframes guideIn{
	0%{opacity:0; -webkit-transform:translateY(50px);}
	100%{opacity:1; -webkit-transform:translateY(0);}
}
@-moz-keyframes guideIn{
	0%{opacity:0; -moz-transform:translateY(50px);}
	100%{opacity:1; -moz-transform:translateY(0);}
}
@keyframes guideIn{
	0%{opacity:0; transform:translateY(50px);}
	100%{opacity:1; transform:translateY(0);}
}

@-webkit-keyframes guideFade{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes guideFade{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes guideFade{
	0%{opacity:0;}
	100%{opacity:1;}
}