/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:Microsoft Yahei; color:#666; text-decoration:none; font-size:14px; background:#fff;}
textarea { resize:none;}
img{ max-width:100%;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#1d2088;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black}
::-webkit-scrollbar-track-piece{ background:#FFF}
::-webkit-scrollbar-thumb:vertical{ background-color:#e91b1b; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{ background-color:#535353}
::-webkit-scrollbar-resizer:vertical{ background-color:#FF6E00}

/*banner*/
.bannerslide { height:600px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; z-index:999;}
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background: #fff;}
.bannerslide .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:999;}
.bannerslide .arrow-right { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index:999;}
.bannertitle{font-family:Microsoft yahei; color:#fefefe; font-size:34px; text-decoration:none; font-weight:bold; line-height:45px; position:absolute; top:200px; text-shadow: 1px 1px 0 #000;}
.bannertitlea{font-family:Microsoft yahei; color:#fefefe; font-size:18px; text-decoration:none; line-height:30px; position:absolute; top:266px; text-shadow: 1px 1px 0 #000;}
.bannertitleb{font-family:Microsoft yahei; color:#fefefe; font-size:15px; text-decoration:none; line-height:22px; width:450px; position:absolute; top:260px; text-shadow: 1px 1px 0 #000;}
.bannertitleba{font-family:Microsoft yahei; color:#fefefe; font-size:18px; text-decoration:none; line-height:26px; width:450px; position:absolute; top:260px; text-shadow: 1px 1px 0 #000; font-weight:bold;}
.bannerbtnn{position:absolute; top:250px;}
.bannerbtnna{position:absolute; top:320px;}
.bannerbtnnb{position:absolute; top:290px;}
.bannerslide a.bannerbtna{background-color:#1d2088; display:block; width:120px; height:45px; text-align:center; color:#fff; font-size:14px; text-decoration:none; line-height:45px; border-radius:5px; margin-top:25px; float:left; font-family:Microsoft yahei;}
.bannerslide a.bannerbtnb{background-color:#464646; display:block; width:120px; height:45px; text-align:center; color:#fff; font-size:14px; text-decoration:none; line-height:45px; border-radius:5px; margin-top:25px; float:left; margin-left:5px; font-family:Microsoft yahei;}

.bannertitlea a{color:#fff;}
.bannertitlea a:hover{color:#fff;}
.bannertitlea a .bannerhhh{display:none;}
.bannertitlea a:hover .bannerhhh{display:block; position:absolute; width:500px; height:200px; z-index:999;}


.banner { margin: 0 auto; position: relative; display:none;}
.banner .bd { }
.banner .bd li { }
.banner .bd li img { width: 100%; }
.banner .hd { position: absolute; bottom: .5rem; right: 0; width: 100%; }
.banner .hd ul { width: 100%; text-align: center; }
.banner .hd ul li { width: 14px; height: 5px; background: #fff; margin: 0 4px; display: inline-block; text-indent: -9999px; cursor: pointer; opacity: .6; filter: alpha(opacity=60); box-shadow: 0 0 1px #ccc; }
.banner .hd ul li.on { background: #a17a7f; opacity: 1; filter: alpha(opacity=100); box-shadow: 0 0 2px #ccc; }




.m{ width:95%; max-width:1200px; margin:0 auto;}
.n{ padding:50px 0;}

/*top*/
.top{ background:#f3f3f3; line-height:40px; border-bottom:1px solid #ddd;}
.top p.fl span{ color:#1d2088;}
.top ul li{ float:left; border-right:1px solid #ddd;}
.top ul li:last-child{ border:none;}
.top ul li a{ display:block; line-height:40px; padding:0 20px;}
.top ul li a:hover{ background:#1d2088; color:#fff;}

/*nav*/
.nav{ position:relative;}
.nav ul{ margin-left:100px; background:#fff;}
.nav ul li{ float:left; position:relative;}
.nav ul li a{ display:block; line-height:98px; font-size:16px; padding:0 30px;}
.nav ul li a:hover{ color:#fff; background:#1d2088;}
.nav ul li ul{ position:absolute; top:98px; left:0; width:100%; text-align:center; margin-left:0; display:none; z-index:9999;}
.nav ul li ul li{ width:100%;}
.nav ul li ul li a{ line-height:35px; font-size:13px; color:#888; width:100%; padding:0;}
.nav ul li ul li a:hover{ background:#393ca2;}
.nav .a_s{ float:right; margin-top:30px; cursor:pointer;}
.nav .a_m{ float:right; margin-top:15px; display:none;}
.search{ position:absolute; right:0; top:98px; background:rgba(255,255,255,0.7); display:none; z-index:999;}
.search form{ padding:20px;}
.ssbtn{ width:250px; height:40px; display:block; position:relative;}
.ssbtn input{background-color:#f2f2f2; border:0px none; width:250px; height:40px; color:#666; text-indent:10px; }
.ss{position:absolute; right:8px; top:7px;}
.ss button{ border:none; background:none; cursor:pointer;}
.ss img{ width:25px; height:25px;}

/*首页产品*/
.p_t{ font-size:24px; font-weight:bold; color:#1d2088;}
.part1 .p1{ float:left; width:50%; margin-top:30px; line-height:1.6; color:#888; font-size:13px;}
.part1 .p_c{ margin-top:30px;}
.part1 .p_c a{ display:block; float:left; width:130px; line-height:40px; text-align:center; background:#f1f1f1; color:#888; margin-left:5px;}
.part1 .p_c a:hover{ color:#fff; background:#1d2088;}
.part1 ul{ margin-top:30px;}
.part1 ul li{ float:left; width:23%; margin-right:2.6666%; position:relative; top:0; transition:0.2s;}
.part1 ul li:nth-child(4n){ margin-right:0;}
.part1 ul li p{ padding:20px; background:#f1f1f1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.part1 ul li p span{}
.part1 ul li p .sp2{ font-size:13px; color:#888; line-height:2.5;}
.part1 ul li:hover{ top:-20px;}

/*首页关于我们*/
.part2{ background:#f5f5f6;}
.part2 .p1{ width:54%; float:left; margin-top:30px; line-height:1.8;}
.part2 img{ margin-top:-30px;}


.sbul{margin-top:25px;}
.sbul li{float:left; position:relative;}
.sbul li a{width:294px; height:218px; display:block; position:relative;}
.sbul li a.aaa{width:595px; height:446px; display:block; position:relative;}

.sbul li a.aaa .sbtitlea{font-family:Microsoft yahei; color:#fff; font-size:18px; text-decoration:none; display:none; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.5); padding-top:200px;}
.sbul li a.aaa:hover .sbtitlea{display:block;}

.sbul li a .sbtitle{font-family:Microsoft yahei; color:#fff; font-size:16px; text-decoration:none; display:none; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.5); padding-top:90px;}
.sbul li a:hover .sbtitle{display:block;}
.sbula{margin-top:10px;}
.sbula li{float:left;}

.sbula li a{width:294px; height:218px; display:block; position:relative;}
.sbula li a .sbtitle{font-family:Microsoft yahei; color:#fff; font-size:16px; text-decoration:none; display:none; position:absolute; top:0; left:0; width:294px; height:218px; text-align:center; background:rgba(0,0,0,0.5); padding-top:100px;}
.sbula li a:hover .sbtitle{display:block;}


/*首页新闻*/
.part3 .p1{ float:left; margin-top:30px; line-height:1.5;}
.part3 .n_c{ margin-top:30px;}
.part3 .n_c a{ display:block; float:left; width:140px; line-height:40px; text-align:center; background:#f1f1f1; color:#888; margin-left:10px;}
.part3 .n_c a:hover{ color:#fff; background:#1d2088;}
.part3 ul{ margin-top:30px;}
.part3 ul li{ float:left; width:23%; margin-right:2.6666%; position:relative; top:0; transition:0.2s;}
.part3 ul li:nth-child(4n){ margin-right:0;}
.part3 ul li div{ padding:20px; background:#f1f1f1;}
.part3 ul li:hover{ top:-20px;}
.part3 ul li div a{ font-size:16px; color:#1d2088;}
.part3 ul li div .pp1{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.part3 ul li div .p2{ font-size:13px; margin-top:20px;}
.part3 ul li .a_m{ display:block; color:#fff; float:left; background:#e20000; padding:0 10px; font-size:12px; border-radius:5px; margin-top:20px;}

/*首页联系我们*/
.part4{ background:#f5f5f6;}
.part4 .p1{ margin:30px 0;}
.part4 .c_l{ width:31.6666%; float:left; border-right:1px solid #c3c1bc;}
.part4 .c_l p{ font-size:15px; margin:3px 0;}
.part4 .c_l p img{ margin-right:5px; vertical-align:middle;}
.part4 .c_r{ width:65%; float:right;}
.part4 .c_r .p2{ padding:10px; color:#fff; background:#1d2088; margin-bottom:20px;}
.part4 .c_r .l_l{ float:left; width:82%;}
.i1{ border:1px solid #c6c6c6; background:#f5f5f6; width:49%; height: 34px; color: #666; text-indent: 10px; float:left; margin-bottom:5px;}
.i1:nth-child(2n){ float:right;}
.i1:nth-child(5){ width:100%;}
.l_r{ float:right; width:100%;}
.l_r input{ color:#fff; background:#bfbfbf; width:43%; text-align:center; border:none; font-size:13px; padding:10px 0; cursor:pointer; margin-top:10px;}
.l_r input:nth-child(2){ background:#1d2088; padding:10px 0;}

/*part5*/
.part5{ overflow:hidden;}
.part5 .p1{ margin-top:30px;}
.part5 .p2{ margin:30px 0;}
.part5 .p2 a{ color:#1d2088;}
.part5 .bb{ width:400%; -webkit-animation: 40s rowup linear infinite normal; animation: 40s rowup linear infinite normal;}
.part5 .bb:hover{ animation-play-state:paused; -webkit-animation-play-state:paused;}
.part5 .bb ul{ zoom:1; float:left; width:50%;}

.part5 .bb .homelogo{}
.part5 .bb .homelogo li{float:left; width:12.5%; border:1px solid #ddd; padding:10px; box-sizing:border-box; text-align:center;}
.part5 .bb .homelogo li img{width:100px; height:100px;}
.part5 .bb .homelogo li:nth-child(2),.part5 .bd .homelogo li:nth-child(3),.part5 .bd .homelogo li:nth-child(4){border-left:0px none;}
.part5 .bb .homelogo li .tttit{margin-top:12px; font-size:18px; font-family:Microsoft yahei; color:#666;}
.part5 .bb .homelogo li .tttita{margin-top:5px;}

@keyframes rowup {
0% {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
100% {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(-50%, 0, 0);
}
}


/*bottom*/
.bottom{ background:#373d41; color:#aaa;}
.bottom .p1{ font-size:13px; line-height:1.6; margin:20px 0;}
.bottom .fr ul{ margin-right:60px; float:left;}
.bottom .fr .p2{ font-size:15px; font-weight:bold; margin-bottom:10px;}
.bottom .fr ul li{ line-height:1.7;}
.bottom a{ color:#aaa; font-size:13px;}
.bottom .fr div{ float:left;}
.bottom .fr div .p3{ line-height:1.7; font-size:13px;}
.bottom .bottom2{ border-top:1px solid #59595a; padding:20px 0;}
.bottom .bottom2 p{ float:left;}
.bottom .bottom2 p:nth-child(2){ float:right;}

/*b*/
.b{ background:#f8f8f8;}

.main_left{ width:250px; float:left; border-top-left-radius: 20px;}
.main_left .left_h{ width:250px; border-top-left-radius: 20px; background:url(../images/left_h_bg.jpg) no-repeat; padding:10px 0;}
.main_left .left_h p{ text-align:center; color:#fff; text-transform:uppercase;}
.main_left .left_h .p1{ font-size:20px; font-weight:bold; line-height:1.8;}
.main_left .left_ul{ width:250px; padding:0 0 20px 5px; margin-top:20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; z-index:99999; border-bottom:5px solid #1d2089; overflow:hidden;}
.main_left .left_ul .li1{ border-bottom: 1px solid #f1f1f1; line-height:40px; position:relative; text-indent:20px; transition:0.2s; -webkit-transition:0.2s; background:#fff url(../images/bg_l.png) no-repeat 200px 17px;}
.main_left .left_ul .li1:hover{  background:#fafafa url(../images/bg_l.png) no-repeat 205px 17px;}
.left_bg{ width: 250px; height: 40px; line-height: 40px; background: #F8F8F8; border-left: 5px solid #1d2089; position: absolute; top:-41px; left: 0; transition:0.2s; -webkit-transition:0.2s; z-index:-1; }
.main_left .left_ul .li1 .ul2{ width:248px; background:#f8f8f8; border:1px solid #f1f1f1; display:none; z-index:99999;}
.main_left .left_ul .li1 .ul2 .li2{ border-bottom: 1px solid #fff; background:#f1f1f1; transition:0.2s; -webkit-transition:0.2s; font-size:14px; z-index:99999; position:relative; text-indent:40px;}
.main_left .left_ul .li1 .ul2 .li2:hover{ background:#f8f8f8;}
.main_left .left_con{ padding:10px;}
.main_left .left_con p{ line-height:2; font-size:14px;}
.main_left .left_b{ background:#fff; box-shadow:0 10px 20px #999; border-top-left-radius: 20px;}


.main_right{ width:920px; float:right; background:#fff; padding:20px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow: 0 10px 20px #999; z-index:0;}
.main_right .tit { height: 40px; line-height: 40px; background:#eaeaec; border-radius: 15px 0 0 0; margin-bottom:20px;}
.main_right .tit h3 { font-size: 18px; float: left; color: #fff; font-weight: normal; padding: 0 40px; background:#4245ba; border-radius: 15px 0 15px 0; }
.main_right .tit .now { float: right; color: #999; margin-right: 10px; }
.main_right .tit .now a { color: #999; }

/*about*/
.about p{ text-indent:2em; line-height:1.8; margin:5px 0; font-size:14px;}
.about img{ width:880px; margin-top:20px;}

/*organization*/
.organization img{ display:block; margin:0 auto;}


/*honor*/
.honor_ul{ width:100%; margin:40px auto;}
.honor_ul li{ width:30%; float:left; margin-right:5%; margin-bottom:20px;}
.honor_ul li:nth-child(3n){ margin-right:0;}
.honor_ul li a{ display:block; padding:5px; position:relative;}
.honor_ul li a:hover{}
.honor_ul li img{ width:100%; border:1px solid #ccc;}
.honor_ul li p{ text-align:center; margin-top:10px; font-size:14px; height:3em;}
.honor_ul li p a{ color:#666;}

li .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #13418e; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; text-align:center; color:#fff; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center;}
li:hover .cover { opacity: .8; filter: alpha(opacity=80); }
li .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../images/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
li .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../images/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }

/*product*/
.product{}
.product_ul{ width:100%;}
.product_ul li{ width:30%; margin-right:5%; float:left; border:1px solid #ccc; position:relative; margin-bottom:20px;}
.product_ul li:nth-child(3n){ margin-right:0;}
.product_ul li img{ width:100%; height:200px;}
.product_ul li .pro_t{ display:block; padding:20px; background:#f2f7fb; transition:0.5s; -webkit-transition:0.5s; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.product_ul li .line{position:absolute; background:#4245ba; transition:0.5s; -webkit-transition:0.5s;}
.product_ul li .line1{left:0; top:0; height:2px; width:0;}
.product_ul li .line2{right:0; top:0; height:0px; width:2px;}
.product_ul li .line3{right:0; bottom:0; height:2px; width:0;}
.product_ul li .line4{left:0; bottom:0; height:0; width:2px;}
.product_ul li:hover .line1{width:100%;}
.product_ul li:hover .line2{height:100%;}
.product_ul li:hover .line3{width:100%;}
.product_ul li:hover .line4{height:100%;}
.product_ul li:hover p{background:#4245ba; color:#fff;}
.product_ul li:hover a{color:#fff;}

/*news*/
.news{ width:100%;}
.nwli{ border-bottom:#ccc 1px dashed; height:150px}
.nwli img{ border:1px solid #bbb;}
.nwli.on{ background-color:#f7f7f7}
.conc_tu{ float:left; margin-top:20px; width:150px; height:113px}
.conc_zi{ float:left; margin-left:30px; margin-top:20px; width:680px}
.czi_tit{ font-size:16px; font-weight:bold; color:#000}
.czi_tit a{ color:#4245ba;}
.czi_nr{ margin-top:20px; color:#666666}
.czi_nr span{ display:block; padding-top:10px; font-size:14px; color:#4245ba;}

/*contact*/
.contact .p1{ font-size:24px; font-weight:bold; margin-bottom:20px;}
.contact p{ line-height:1.6;}

/*joinus*/
.job_ul{ width:100%; color:#666; padding:20px 0;}
.job_ul li{ margin:0 auto 10px; padding:10px; transition:0.5s; -webkit-transition:0.5s; border:1px solid rgba(0,0,0,0);}
.job_ul li:hover{ border:1px solid #000;}
.job_ul li table{ width:100%; font-size:14px;}
.job_ul li table tr{}
.job_ul li table tr td{ line-height:30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.job_ul li table tr .td1{ background:#ddd; width:30%; padding-left:20px;}
.job_ul li table tr .td2{ background:#ddd; padding-left:20px;}

@media (max-width: 1120px) {
.n{ padding:20px 0;}
.bannerslide{ display:none;}
.banner{ display:block;}
.top .fr,.nav ul,.nav .a_s{ display:none;}
.nav .a_m{ display:block;}
.nav .fl{ max-width:50%;}
.part1 .p1,.part1 .p_c{ float:none; width:100%;}
.part1 .p_c a{ width:48%; margin-left:4%; margin-bottom:10px;}
.part1 .p_c a:nth-child(2n+1){ margin-left:0;}
.part1 ul li{ width:48%; margin-bottom:10px;}
.part1 ul li:nth-child(2n){ margin-right:0;}
.part2 .p1{ float:none; width:100%;}
.part2 img{ margin-top:10px;}
.part3 .n_c a{ width:32%; margin-left:2%;}
.part3 .n_c a:first-child{ margin-left:0;}
.part3 .n_c,.part3 .p1{ float:none; width:100%;}
.part3 ul li{ float:none; width:100%; margin-bottom:10px;}
.part3 ul li img{ width:100%;}
.part4 .c_l,.part4 .c_r,.part4 .c_r .l_l,.part4 .c_r .l_r{ float:none; width:100%;}
.part4 .c_r .l_r input{ width:48%; float:left; padding:10px 0;}
.part4 .c_r .l_r input:nth-child(2){ padding:10px 0; margin-left:4%;}
.bottom .n{ display:none;}
.bottom .bottom2 p{ float:none !important; text-align:center;}
.main_left{ display:none;}
.main_right{ width:100%; float:none; padding:5px;}
.main_right .tit h3{ font-size:14px;}
.main_right .tit .now{ font-size:12px;}
.main_right .tit{ height:30px; line-height:30px;}
.product_ul li,.honor_ul li{ width:48%; margin-right:4%;}
.product_ul li img{ height:auto;}
.product_ul li:nth-child(3n),.honor_ul li:nth-child(3n){ margin-right:4%;}
.product_ul li:nth-child(2n),.honor_ul li:nth-child(2n){ margin-right:0;}
.conc_tu{ display:none;}
.conc_zi{ width:100%; margin-left:0;}
.contact .p1{ font-size:20px;}

.part5 .bb{ width:800%;}

.sbul li,.sbula li{ width:100%; margin-bottom:10px; margin-left:0 !important;}
.sbul li div,.sbula li div{ margin:0 0 10px 0 !important;}
.sbula{ margin-top:0;}
.sbul li a,.sbula li a{ width:100%; height:auto;}
.sbul li a.aaa{ width:100%; height:auto;}
.sbul li img,.sbula li img{ width:100%;}

}