body{ margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333; min-width:1200px;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select{margin:0;padding:0;}
h1,h3,h3,h4{ font-size:14px;}
.clear{ clear:both;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration: none; color:#eb2914;}
img{ border:0;}
ul li{list-style:none;}
.warp { width:1200px; margin:0 auto;} 
#VCode { cursor:pointer;}
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#333;} 
:-moz-placeholder { color:#333;} 
::-moz-placeholder { color:#333;}
:-ms-input-placeholder { color:#333;} 

@font-face {
	font-family: 'FontAwesome';
		    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
	        src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
			     url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
				 url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
				 url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
				 url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icon { display:inline-block; font:normal normal normal 16px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*top*/
.header { width:100%; height:60px; margin:0 auto; padding:20px 0;}
.header .logo { float:left; height:60px;}
.header .logo img { display:block; height:100%;}
.header .tel { float:right; height:50px; margin-top:7px;}
.header .tel p { line-height:20px; font-size:14px; color:#999; padding-left:25px; background:url(../images/tel.png) no-repeat left top / 20px;}
.header .tel h3 { width:415px; height:30px; background:url(../images/phon.png) no-repeat 23px center / auto 20px;}

/*导航*/
.nav { width:100%; border-top:1px solid #f6f6f6; border-bottom:1px solid #fafafa; background:#fff; position:relative; z-index:999;}
.nav li { float:left; width:calc(100% / 6); height:60px; text-align:center; position:relative;}
.nav li::after { display:block; content:""; width:1px; height:20px; margin:auto; background:#e8e8e8; position:absolute; right:0; top:0; bottom:0;}
.nav li:last-child::after { display:none;}
.nav li a { display:block; width:100%; line-height:20px; font-weight:bold; font-size:18px; color:#333; padding:14px 0 6px 0;}
.nav li a i { display:block; font-style:normal; font-weight:500; font-size:12px; color:#999; text-transform:Uppercase;}
.nav li:hover a,.nav .on a { color:#ecbb1b;}
.nav li:hover ul { display:block;}
.nav li ul { display:none; width:85%; margin:auto; border-radius:0 0 4px 4px; background:#ecbb1b; overflow:hidden; position:absolute; top:60px; left:0; right:0;}
.nav li li { float:none; width:100%; height:auto; border-bottom:1px solid #dcae18; -webkit-transition:all .5s ease; transition:all .5s ease;}
.nav li li::after { display:none;}
.nav li:hover li a { line-height:45px; font-weight:500; font-size:15px; color:#fff; padding:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nav li li:hover { background:#dcae18;}

/*banner*/
.banner { width:100%; margin:0 auto 50px auto; position:relative; z-index:2;}
.banner img { display:block; width:100%;}
.banner .swiper-pagination-bullets { bottom:40px;}
.banner .swiper-pagination-bullet {	width:8px; height:8px; margin:0 5px !important; border-radius:50%; background:#213483; -webkit-transition:0.4s; transition:0.4s;}
.banner .swiper-pagination-bullet-active { background:#ecbb1b; filter:alpha(opacity=100); opacity:1;}

.banner .nrmsg { width:1200px; height:70px; margin:0 auto; background:url(../images/nrmsg.png) no-repeat 0 0; position:absolute; left:0; right:0; bottom:-35px; z-index:9;}
.banner .nrmsg .notice { float:left; width:740px; line-height:70px; padding:0 20px 0 50px;}
.banner .nrmsg .notice b { display:block; float:left; font-size:18px; color:#6edcff;}
.banner .nrmsg .notice a { display:block; float:left; width:41%; font-size:16px; color:#6edcff; text-decoration:underline; margin-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.banner .nrmsg .serch { float:right; width:320px; padding:20px 50px 20px 20px;}
.banner .nrmsg .serch input { display:block; float:left; width:220px; height:35px; line-height:35px; font-size:14px; color:#333; padding:0 10px; border:none; background:#fff;}
.banner .nrmsg .serch .btn { width:80px; color:#fff; background:#ecbb1b;}

/*二级banner*/
.banner_ej { width:100%; margin:0 auto; height:240px; background-position:center bottom; background-repeat:no-repeat; background-size:cover;}

/*脚部*/
.footer { width:100%; line-height:25px; font-size:12px; color:#8396e5; text-align:center; padding-bottom:15px; background:#213483;}
.footer a { color:#8396e5;}
.footer .nva { height:40px; line-height:40px; font-size:14px; text-align:center; margin-bottom:20px; background:#040b43;}
.footer .nva a { display:inline-block; color:#8396e5; padding:0 40px; position:relative;}
.footer .nva a::after { display:block; content:""; width:10px; height:1px; background:rgba(131,150,229,0.5); position:absolute; left:0; top:20px;}
.footer .nva a:hover { color:#ecbb1b;}
.footer .sitecode { width:100px; margin:0 auto; text-align:center;}
.footer .sitecode a { display:block; width:100%;}
.footer .sitecode img { display:block; margin:0 auto;}

/**栏目标题**/
.tits { width:100%; height:40px; margin-bottom:20px; position:relative;}
.tits::after { display:block; content:""; width:90%; height:1px; background:#ecbb1b; position:absolute; right:0; bottom:0;}
.tits h3 { float:left; line-height:35px; font-size:18px; color:#213483; position:relative;}
.tits h3::after { display:block; content:""; width:100%; height:1px; background:#213483; position:absolute; left:0; bottom:0;}
.tits h3 i { font-style:normal; font-weight:500; font-size:14px; text-transform:Uppercase;}
.tits a { float:right; line-height:30px; font-size:12px; color:#fff; padding:0 15px; margin-top:10px; background:#ecbb1b; -webkit-transition:all .5s ease; transition:all .5s ease;}
.tits a:hover { background:#213483;}
.tits p { float:right; line-height:30px; font-size:12px; color:#999; margin-top:5px;}
.tits p a { float:none; color:#999 !important; padding:0; margin:0; background:none !important;}

/**关于我们**/
.about { float:left; width:760px;}
.about .msg { width:100%; line-height:30px; font-size:14px; color:#666; text-indent:2em;}
.about .msg img { float:left; width:260px; height:130px; padding:5px; margin:5px 15px 0 0; border:1px solid #ddd; overflow:hidden; background:#fff;}

/**公司新闻**/
.company { float:right; width:400px;}
.company li { line-height:30px; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #eee; position:relative;}
.company li:last-child { margin-bottom:0;}
.company li a { display:block; float:left; width:80%; font-size:14px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.company li span { float:right; font-size:12px; color:#999;}
.company li:hover::after { background:#ecbb1b;}
.company li:hover a { color:#ecbb1b;}

/**新闻资讯**/
.news { margin:30px auto; border:5px solid #d9d9d9; border-radius:10px; background-image:linear-gradient(#fff,#f6f6f6);}
.news h1 { width:240px; height:50px; line-height:50px; font-weight:500; font-size:18px; color:#fff; text-align:center; margin:0 auto 15px auto; border-radius:0 0 6px 6px; box-shadow:0 2px 5px rgba(0,0,0,0.4); background-image:linear-gradient(#4f6de7,#3047a4,#213483);}
.news h1 i { font-style:normal; font-size:14px; text-transform:Uppercase; filter:alpha(opacity=50); opacity:0.5;}
.news .more { display:block; width:140px; height:30px; line-height:30px; font-size:14px; color:#666; text-align:center; margin:0 auto; border:1px solid #ddd; border-radius:6px 6px 0 0; background-image:linear-gradient(#fff,#e2e3e4); position:absolute; left:0; right:0; bottom:1px;}
.news .more:hover { color:#ecbb1b;}
.news .lft { float:left; width:600px; height:415px; padding:0 40px; position:relative;}
.news .lft li { width:100%; padding:15px 0; border-bottom:1px solid #eee;}
.news .lft li:last-child { border-bottom:none;}
.news .lft li a { display:block; width:100%;}
.news .lft li .time { float:left; width:60px; height:70px; font-size:12px; color:#fff; text-align:center; border-radius:4px; background:#ecbb1b;}
.news .lft li .time b { display:block; line-height:40px; font-size:26px; padding-top:5px;}
.news .lft li .msg { float:right; width:520px;}
.news .lft li .msg h3 { font-size:15px; color:#333; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .lft li .msg p { line-height:22px; font-size:12px; color:#999;}
.news .lft li:hover .msg h3 { color:#ecbb1b;}
.news .rgt { float:right; width:345px; height:415px; padding:0 20px; background:url(../images/lxwm.png) no-repeat center center / 100%; position:relative;}
.news .rgt::after { display:block; content:""; width:5px; height:100%; background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.05),rgba(0,0,0,0)); position:absolute; left:-70px; top:0;}
.news .rgt h3 { line-height:50px; font-weight:500; font-size:24px; color:#ecbb1b; padding:15px 0;}
.news .rgt p { line-height:35px; font-size:14px; color:#666;}

/**项目展示**/
.pics { width:100%; margin-bottom:20px;}
.pics .swiper-slide a { display:block; width:100%;}
.pics .swiper-slide .img { width:290px; height:210px; overflow:hidden; background:#fff;}
.pics .swiper-slide .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pics .swiper-slide h3 { line-height:30px; font-weight:500; font-size:15px; color:#333; margin:5px 0; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pics .swiper-slide:hover .img img { transform:scale(1.1,1.1);}
.pics .swiper-slide:hover h3 { color:#213483;}
.pics .swiper-button-next,.pics .swiper-button-prev { width:30px; height:40px; background:rgba(236,187,27,0.8);}
.pics .swiper-button-next { padding-left:5px; border-radius:100% 0 0 100%; right:0;}
.pics .swiper-button-prev { padding-right:5px; border-radius:0 100% 100% 0; left:0;}
.pics .swiper-button-next::after,.pics .swiper-button-prev::after { font-size:16px; color:#fff;}

/**友情链接**/
.link { width:100%; line-height:30px; padding:20px 0 15px 0; background:#213483;}
.link span { display:inline-block; font-size:14px; color:#fff; padding:0 20px; border-radius:15px; background:#ecbb1b;}
.link a { display:inline-block; font-size:12px; color:#8396e5; margin:0 20px; position:relative;}
.link a::after { display:block; content:""; width:1px; height:10px; background:#8396e5; position:absolute; right:-22px; top:12px;}
.link a:last-child::after { display:none;}
.link a:hover { color:#fff;}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width:1200px; margin:25px auto; min-height:200px;}
.jdlft { float:left; width:205px;}
.jdlft .comnav { width:180px; border:3px solid #6edcff; border-left-width:8px; padding:20px 0 15px 15px; position:relative;}
.jdlft .comnav::after { display:block; content:""; width:35%; height:105%; background:#fff; position:absolute; right:-3px; top:-3px; z-index:1;}
.jdlft .comnav li { width:70%; padding:0 20% 0 10%; text-align:right; margin-bottom:5px; background:#fafafa; position:relative; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.jdlft .comnav li a { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jdlft .comnav li h4 { width:100%; line-height:40px;}
.jdlft .comnav li h4 a { font-weight:500; font-size:14px; color:#888; -webkit-transition:all .5s ease; transition:all .5s ease;}
.jdlft .comnav li p { display:none; width:100%; line-height:30px;}
.jdlft .comnav li p a { font-size:12px; color:rgba(255,255,255,0.8); -webkit-transition:all .5s ease; transition:all .5s ease;}
.jdlft .comnav li p a:last-child { padding-bottom:10px;}
.jdlft .comnav li:hover,.jdlft .comnav .on { background:#ecbb1b;}
.jdlft .comnav li:hover h4 a,.jdlft .comnav .on h4 a,.jdlft .comnav li p a:hover,.jdlft .comnav li p .hov { color:#fff;}
.jdlft .comnav .on p { display:block;}
.jdlft .lxus { width:100%; padding-top:15px; margin-top:35px; position:relative;}
.jdlft .lxus::after { display:block; content:""; width:3px; height:40px; background:#6edcff; position:absolute; left:65px; top:-35px;}
.jdlft .lxus span { display:inline-block; height:35px; line-height:35px; font-size:14px; color:#8396e5; padding:0 15px; margin-left:23px; background:#213483; position:absolute; top:0; z-index:2;}
.jdlft .lxus img { display:block; width:100%;}
.jdlft .lxus b { display:block; width:100%; height:40px; line-height:40px; font-size:24px; color:#ecbb1b; text-align:center; background:#fce5cd;}
.jdrgt { float:right; width:940px;}

/*详情页公用*/
.lh { line-height:30px; font-size:14px; color:#333; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.show_h3 { width:100%; line-height:45px; text-align:center; margin-bottom:30px;}
.show_h3 h3 { font-size:26px; color:#333;}
.show_h3 p { line-height:30px; font-size:12px; color:#999; margin-top:15px; background:#fafafa;}
.show_sxp { font-size:14px; line-height:25px; color:#999; margin-top:30px; padding-top:20px; border-top:1px solid #eee;}
.show_sxp p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:inline-block; margin-right:10px;}
.show_sxp a { color:#ecbb1b;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { text-decoration:underline;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}

/*分页*/
.scott { overflow:hidden; text-align:center; letter-spacing:2px; margin:20px auto;}
.scott li { display:inline-block; line-height:35px; margin:0 5px; border:1px solid #ecbb1b; border-radius:4px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.scott a,.scott span { display:block; padding:0px 15px; font-size:16px; color:#ecbb1b; cursor:pointer;}
.scott li:hover,.scott .active { background:#ecbb1b;}
.scott li:hover a,.scott li:hover span,.scott .active span { color:#fff;}

/*产品列表*/
.prolist { width:100%;}
.prolist li { float:left; width:280px; text-align:center; margin:0 13px 20px 0; padding-bottom:10px; border:5px solid #f9f9f9; border-radius:4px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li:nth-child(4n) { margin-right:0;}
.prolist li a { display:block; width:100%;}
.prolist li .img { width:280px; height:185px; overflow:hidden; background:#fff;}
.prolist li .img p { display:table-cell; width:290px; height:193px; text-align:center; vertical-align:middle;}
.prolist li .img p img { display:inline-block; max-width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li h3 { line-height:30px; font-size:16px; color:#ecbb1b; padding:0 5%; margin:10px 0 5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prolist li p { line-height:22px; font-size:12px; color:#999; padding:0 5%;}
.prolist li:hover { border-color:#ecbb1b; background:#ecbb1b;}
.prolist li:hover .img img { transform:scale(1.1,1.1);}
.prolist li:hover h3 { color:#fff;}
.prolist li:hover p { color:rgba(255,255,255,0.8);}

.proshow { width:100%;}
.proshow .img { float:left; width:450px; height:300px; border:5px solid #f9f9f9; overflow:hidden;}
.proshow .img p { display:table-cell; width:450px; height:300px; text-align:center; vertical-align:middle;}
.proshow .img p img { display:inline-block; width:100%;}
.proshow .msg { float:right; width:445px;}
.proshow .msg h3 { line-height:35px; font-size:24px; color:#ecbb1b;}
.proshow .msg p { line-height:40px; font-size:12px; color:#999;}
.proshow .msg .nr { line-height:25px; font-size:12px; color:#666; margin-top:10px; padding-top:20px; border-top:1px solid #eee;}
.proshow h1 { line-height:45px; margin:25px auto 15px auto; border-bottom:1px solid #eee;}
.proshow h1 span { display:inline-block; font-weight:500; font-size:16px; color:#fff; padding:0 30px; background:#ecbb1b;}

/*新闻列表*/
.newlist { width:100%;}
.newlist li { width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e6e6e6;}
.newlist li a { display:block; width:100%;}
.newlist li .time { float:left; width:80px; height:75px; font-size:12px; color:#fff; text-align:center; border-radius:4px; background:#ecbb1b;}
.newlist li .time b { display:block; line-height:40px; font-size:26px; padding-top:5px;}
.newlist li .msg { float:right; width:calc(100% - 100px);}
.newlist li .msg h3 { font-weight:500; font-size:16px; color:#333; margin-bottom:10px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg p { height:50px; line-height:22px; font-size:12px; color:#888;}
.newlist li:hover .img img { transform:scale(1.1,1.1);}
.newlist li:hover .msg h3 { color:#ecbb1b;}

/*项目展示*/
.case { width:100%;}
.case li { float:left; width:285px; margin:0 20px 20px 0; overflow:hidden;}
.case li:nth-child(4n) { margin-right:0;}
.case li a { display:block; width:100%;}
.case li .img { width:285px; height:205px; overflow:hidden; background:#fff;}
.case li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.case li h3 { line-height:30px; font-weight:500; font-size:16px; color:#213483; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case li p { line-height:22px; font-size:12px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case li:hover .img img { transform:scale(1.1,1.1);}
.case li:hover h3 { color:#ecbb1b;}