body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, button, input, textarea, p, blockquote, table, th, td{margin:0; padding:0;}
body{min-width:1300px; font:normal 100% 微软雅黑, "Microsoft YaHei", 宋体, Arial, Tahoma, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
button, input, textarea, select{font-family:inherit; font-size:inherit; *font-size:100%; font-weight:inherit; border:0; outline:0; resize:none}
address, caption, cite, code, dfn, em, var, b{font-style:normal; font-weight:normal;}
input, textarea{outline-style:none}
input::-webkit-input-placeholder{color:#A9A9A9; font-size:14px}
input::-moz-placeholder{color:#A9A9A9; font-size:14px   /* Mozilla Firefox 19+ */}
input:-moz-placeholder{color:#A9A9A9; font-size:14px    /* Mozilla Firefox 4 to 18 */}
input:-ms-input-placeholder{color:#A9A9A9; font-size:14px  /* Internet Explorer 10-11 */}
em, i, b{font-style:normal;}
ul, ol, li{list-style:none;}
fieldset, img{border:0;}
.fl{float:left}
.fr{float:right}
a{text-decoration:none; color:#333}
.clear{clear:both}
.w1300{width:1300px; margin:0 auto; overflow:hidden}
.h100{height:100%}
.center{display:flex; justify-content:center; align-items:center;}      /* 水平垂直居中 */
.cz_center{display:flex; align-items:center;}      /* 垂直居中 */
.sp_center{display:flex; justify-content:center;}      /* 水平居中 */




/* header */
#header{overflow:hidden}

/* top */
.top{height:130px;}

.logo{height:130px;}

.top_tel{position:absolute; top:30px; right:0;}
.top_tel ul{overflow:hidden}
.top_tel li{float:left; margin-right:20px; -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -o-filter:grayscale(1); -ms-filter:grayscale(1); filter:grayscale(1);}
.top_tel li a{color:#535353; font-size:12px; padding-left:22px;}
.top_tel li:hover{-webkit-filter:grayscale(0); -moz-filter:grayscale(0); -o-filter:grayscale(0); -ms-filter:grayscale(0); filter:grayscale(0);}
.top_tel li:hover a{color:#D2161D}
.top_tel span{float:left; color:#ff850c; font-size:13px; margin-left:10px; line-height:25px}

.top_tel li:nth-child(1){background:url(../images/h_icon.png) no-repeat 0 5px}
.top_tel li:nth-child(2){background:url(../images/h_icon.png) no-repeat 0 -21px}
.top_tel li:nth-child(3){background:url(../images/h_icon.png) no-repeat 0 -47px; margin-right:0}

/* nav */
#nav_box{height:75px; position:absolute; right:0; top:55px;}
#nav{position:relative;}
#nav ul{display:block; text-align:center; margin-right:-10px;}
#nav li{display:block; padding:0 15px; height:75px; float:left; position:relative; background:url(../images/line_nav.png) right center no-repeat;}
/* #nav li:nth-last-child(){background:none!important; padding-right:0!important} */
#nav li .a{display:inherit; text-align:center; height:70px; line-height:75px;}
#nav li .a strong{display:block; font-size:15px; font-weight:bold; color:#545458; font-weight:bold; text-align:center; z-index:9; position:relative;}
#nav li .a span{position:absolute; bottom:0px; left:0px; width:100%; height:0px; text-align:center; z-index:4;}
#nav li .a i{position:absolute; bottom:0px; left:50%; transform:translate(-50%,0); width:0; height:0; border-width:0 0px 0px; border-style:solid; border-color:transparent transparent #D83648; z-index:2; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
#nav .on .a i{border-width:0 6px 6px;}
#nav li .a:hover i{border-width:0 6px 6px; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.list_box{position:absolute; left:0px; top:130px; z-index:9; height:0px; line-height:50px; width:100%; background:rgba(216,54,72,.8)}
#nav .list{display:none; left:-78px; top:75px; position:absolute; height:50px; width:700px;}
#nav .list .box{text-align:left; position:relative; overflow:hidden}
#nav .list a{font-weight:normal; padding:0 16px; color:#fff; line-height:50px; font-size:13px;}
#nav .list a:hover{text-decoration:underline;}
#nav .text_left{right:auto; left:-27px;}
#nav .text_left .box{text-align:left;}

.list_box, #slide_ad .bnt, #slide_news .bnt{-moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}

/* banner */
#banner{position:relative; height:520px; overflow:hidden;}
#banner .bd{position:relative;}
#banner .bd a{display:block; width:100%; height:520px;}
#banner .hd{margin:0 auto; position:absolute; width:100%; bottom:40px;}
#banner .hd a{display:block;}
#banner .hd ul{margin:0 auto; width:100%; display:inherit; text-align:center; /* border-top:1px solid #56585c; */margin-top:-50px; position:relative; height:40px;}
#banner .hd ul li{display:inline-block; padding-top:13px;}
#banner .hd ul li a img{margin:0 3px; display:block;}
#banner .hd ul li a:hover{}
#banner .hd ul .on a{}
#banner .hd ul a img{width: 95px; height:42px; display: block; border: 2px solid #fff;}
#banner .hd ul .on a img{border: 2px solid #d10f17;}
#banner .bnt{position:absolute; top:50%; z-index:3; margin-top:-20px;}
#banner .bnt:hover{}
#banner .prev{position:absolute; left:-54px;}
#banner .prev em{display:block; line-height:50px; padding:0 8px; font-size:30px; background:rgba(0,0,0,.4); color:#FFF; font-family:"宋体";}
#banner .next{position:absolute; right:-54px;}
#banner .next em{display:block; line-height:50px; padding:0 8px; font-size:30px; background:rgba(0,0,0,.4); color:#FFF; font-family:"宋体";}
#banner:hover .prev{left:40px; opacity:1; filter:alpha(opacity=100);}
#banner:hover .next{right:40px; opacity:1; filter:alpha(opacity=100);}
#banner .prev em:hover, #banner .next em:hover{color:#D83648}
#banner .prev, #banner .next{-moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}


/* content */
#content{overflow:hidden; margin:40px auto 20px auto}

.s_news{overflow:hidden; position:relative}
.newtit{margin-bottom:25px}
.tit_icon{font-size:18px; font-weight:bold; color:#37383f; padding-left:32px}
.newtit .tit_icon{background:url(../images/tit_icon.png) no-repeat 0 2px}

/* 图片新闻轮播 */
.imgnews{width:370px; height:255px; background:#CCC; position:relative; overflow:hidden}
.yx-rotaion, .rotaion_list, .rotaion_list li, .rotaion_list li img{height:100%}
.rotaion_list{overflow:hidden;}
.rotaion_list li img{width:100%; image-rendering:pixelated; image-rendering:-webkit-optimize-contrast;}
.yx-rotaion-btn{display:none}
.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t{position:absolute}
.yx-rotation-title{position:absolute; width:100%; height:35px; line-height:35px; background:rgba(0,0,0,.75); left:0; bottom:0; _bottom:-1px; z-index:1}
.yx-rotation-t{width:65%; font-size:12px; color:#FFF; z-index:2; bottom:0; left:12px; line-height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.yx-rotation-focus{right:5px; bottom:9px; z-index:2;}
.yx-rotation-focus span{display:block; width:16px; height:16px; line-height:16px; text-align:center; margin:0 2px; font-size:12px; color:#000; float:left; background:#FFF; cursor:pointer}
.yx-rotation-focus span.hover{background:#f60; color:#FFF}

/* 新闻tab选项卡 */
.tabnews{width:550px; height:255px; margin-left:20px}
#n_wrap{width:100%; overflow:hidden; margin-bottom:20px}
#news_tabtit{display:block; width:100%; overflow:hidden; margin-bottom:16px}
#news_tabtit li{float:left; margin-right:3px}
#news_tabtit li a{display:block; cursor:pointer; background:#d5d5d5; font-size:13px; padding:0 19px; line-height:30px; text-align:center; color:#000;}
.more{font-size:12px; color:#103480; line-height:30px}
.more:hover{color:#F00; text-decoration:underline}
.selected{background:#103480!important; color:#FFF!important;}

#menu_con{width:100%; height:auto;}
.tag1, .tag2{overflow:hidden;}
.boldnew{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #dbdbdb}
.boldnew a{display:block; width:100%; font-size:16px; color:#3e69c3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.boldnew b{font-size:12px; color:#777; line-height:30px}
.boldnew p{font-size:12px; color:#666; line-height:20px}
.listnew{overflow:hidden}
.listnew li{width:100%; position:relative;}
.listnew li:before{content:""; display:block; position:absolute; top:50%; transform:translate(0,-50%); left:0; width:5px; height:5px; border:1px solid #5a5a5a; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%;}
.listnew li a{display:block; width:80%; font-size:12px; color:#222; line-height:26px; padding-left:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.listnew li a:hover{color:#3e69c3; text-decoration:underline}
.listnew li span{position:absolute; top:0; right:0; font-size:12px; color:#666; line-height:26px}

/* 6大栏目 */
.liubox{position:absolute; bottom:0; right:0; width:333px; height:255px; background:#CCC}
.liubox dt{width:111px; height:127.5px; float:left; position:relative; overflow:hidden}
.liubox dt a{width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.liubox dt em{display:block; width:46px; height:46px; background:#F60; margin:0 auto}
.liubox dt p{font-size:15px; color:#FFF; margin-top:16px;}

.liubox dt:nth-child(1){background:#00aaff;}
.liubox dt:nth-child(2){background:#e4738e;}
.liubox dt:nth-child(3){background:#4a71c3;}
.liubox dt:nth-child(4){background:#71738a;}
.liubox dt:nth-child(5){background:#ae82e0;}
.liubox dt:nth-child(6){background:#c39125;}
.liubox dt:nth-child(1) em{background:url(../images/liu_icon.png) no-repeat 0 0;}
.liubox dt:nth-child(2) em{background:url(../images/liu_icon.png) no-repeat 0 -46px;}
.liubox dt:nth-child(3) em{background:url(../images/liu_icon.png) no-repeat 0 -92px;}
.liubox dt:nth-child(4) em{background:url(../images/liu_icon.png) no-repeat 0 -138px;}
.liubox dt:nth-child(5) em{background:url(../images/liu_icon.png) no-repeat 0 -184px;}
.liubox dt:nth-child(6) em{background:url(../images/liu_icon.png) no-repeat 0 -230px;}

.liubox dt:before{background:rgba(255, 255, 255, 0.2); 
    content:""; 
	width:150%; 
    height:48%; 
    left:0; 
    position:absolute; 
    top:0; 
    transform:scale3d(1.5, 1.5, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -95%, 0px); 
	-ms-transform:scale(1.5, 1.5) rotate(45deg) translate(0px, -95%, 0px); 
	-moz-transform:scale3d(1.5, 1.5, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -95%, 0px); 
	-webkit-transform:scale3d(1.5, 1.5, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -95%, 0px); 
	-o-transform:scale3d(1.5, 1.5, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -95%, 0px); 
    transition:transform .5s ease 0s; 
	-moz-transition:transform .5s ease 0s; 
	-webkit-transition: transform .5s ease 0s; 
	-o-transition:transform .5s ease 0s; 
	}
.liubox dt:hover:before{
	transform:scale3d(1.5, 1.5, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 190%, 0px); 
	-ms-transform:scale(1.5, 1.5) rotate(45deg) translate(0px, 190%, 0px); 
	-moz-transform:scale3d(1.5, 1.5, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 190%, 0px); 
	-webkit-transform:scale3d(1.5, 1.5, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 190%, 0px); 
	-o-transform:scale3d(1.5, 1.5, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 190%, 0px); 
	}

/* 产品展示 */
.s_pro{margin:40px auto}
.protit{padding-bottom:12px; border-bottom:2px solid #173a84}
.protit .tit_icon{background:url(../images/tit_icon.png) no-repeat 0 -30px}
.tit_icon b{font-size:12px; color:#444; margin-left:30px}

.picScroll-left{width:100%; height:270px; overflow:hidden;position:relative;margin:0 auto}
.picScroll-left .hd{width:100%; height:100%; position:absolute; overflow:hidden}
.picScroll-left .hd .prev{left:0}
.picScroll-left .hd .next{right:0}
.hd .prev, .hd .next{display:block; position:absolute; top:50%; transform:translate(0,-50%); cursor:pointer; font-family:"宋体"; font-size:30px; line-height:38px; color:#FFF; background:rgba(0,0,0,.3); padding:0 6px; z-index:999}
.hd .prev:hover, .hd .next:hover{background:rgba(0,0,0,.7)}

.picScroll-left .bd{width:1200px; margin:0 auto}
.picList{overflow:hidden}
.picList li{width:260px; height:260px; float:left; overflow:hidden; text-align:center; margin:0 8px; border:#eee solid 1px;}
.picList li img{text-align:center; width:100%; height:210px; image-rendering:pixelated; image-rendering:-webkit-optimize-contrast;}
.picList li p{font-size:14px; color:#333; line-height:35px}
.picList li:hover p{text-decoration:underline; color:#D83648}

/* 友情链接 */
.yq_link{overflow:hidden; margin-top:45px}
.yq_tit{padding-bottom:15px; border-bottom:1px solid #173a84}
.yq_link p{font-size:16px; font-weight:bold; color:#103480; margin-bottom:20px}
.link_box{overflow:hidden;}
.link_box dt{float:left; width:200px; height:100px; margin:0 17px 20px 0; padding-right:2px}
.link_box dt a{display:block; width:100%; height:100%}
.link_box dt img{width:100%; height:60px; border:1px solid #CCC}
.link_box dt:nth-child(6n+0){margin-right:0!important}
.link_box dt b{display:block; height:40px; line-height:40px; text-align:center; font-size:13px; color:#555}
.link_box dt:hover b{color:#D83648; text-decoration:underline}

/* footer */
#footer{width:100%; background:#37383f;}

.foot3box{overflow:hidden; position:relative; padding:50px 0}
.f_tel{padding-right:90px; border-right:1px solid #515259}
.f_tel h5{font-size:16px; color:#FFF; float:left; margin-right:6px; font-weight:normal}
.f_tel em{display:block; float:left; margin:3px; width:15px; height:15px; background:url(../images/f_telicon.png) no-repeat}
.f_tel b{display:block; font-size:22px; color:#e04345; margin:13px 0;}
.f_tel p{font-size:12px; color:#b2b2b2; line-height:25px}

.f_nav{margin-left:40px; padding-right:100px; overflow:hidden; border-right:1px solid #515259}
.f_nav dt{float:left; margin:0 25px}
.f_nav dt a{font-size:14px; color:#FFF;}
.f_nav dt a:hover{color:#EC5667}
.f_nav dt ul{margin-top:10px}
.f_nav dt li{}
.f_nav dt li a{font-size:12px; color:#b2b2b2; line-height:26px}
.f_nav dt li a:hover{color:#EC5667; text-decoration:underline}

.ewm{position:absolute; top:50%; transform:translate(0,-50%); right:0; text-align:center}
.ewm img{width:125px;}
.ewm p{font-size:12px; color:#FFF; margin-top:10px}

.f_info{text-align:center; border-top:1px solid #515259}
.f_info p{font-size:12px; color:#d8d8d8; line-height:50px}
.f_info a{color:#d8d8d8}
.f_info a:hover{color:#C39125}



/* 首页到此结束 */






/* 内页 */
#ny_banner{width:100%; height:230px; background:url(../images/ny_banner.jpg) no-repeat center}
#ny_content{margin:10px auto}

.lm_navbox{width:100%; border-bottom:1px solid #D9D9DD;}
.lm_nav{position:relative}
.ny_navtit p{font-size:16px; float:left; color:#222; line-height:48px; margin-right:15px}
.ny_navtit en{float:left; font-size:15px; color:#666; text-transform:uppercase; line-height:48px}

.position{position:absolute; right:0; bottom:0; line-height:48px; background:url(../images/home.png) no-repeat left center; padding-left:20px}

.position a, .position i, .position em{font-size:13px; color:#888}
.position a:hover, .position em{color:#095BC8!important}

/* 内页左侧 */
.ny_left{width:18%; padding-top:20px; margin-bottom:80px}

.ny_left_list{overflow:hidden; margin-bottom:20px; background:rgba(216, 54, 72, .02)}
.ny_left_list dt{}
.ny_left_list dt a{display:block; line-height:45px; position:relative; border-bottom:1px solid #ececed}
.ny_left_list dt a b{position:relative; line-height:45px; font-size:14px; color:#535355; padding-left:30px}
.ny_left_list dt.on a i{width:3px}
.ny_left_list dt a i{width:0px; height:45px; position:absolute; left:0; top:0; display:block; background:#095BC8;}
.ny_left_list dt a:hover i{width:100%;}
.ny_left_list dt a:hover b{color:#FFF;}

.ny_left_list dt a i, .ny_left_list dt a:hover i, .ny_left_list dt a b, .ny_left_list dt a:hover b{transition:all 0.7s ease; -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease;}

/* 内页左侧推荐案例 */
.tj_news:before{content:""; display:block; position:absolute; left:0; top:0; width:0; height:0; border-top:10px solid #095BC8; border-right:10px solid transparent;}
.tj_news{width:100%; background:rgba(216, 54, 72, .02); padding-bottom:10px; border-bottom:1px solid rgba(216, 54, 72, .7); position:relative}
.tj_news .lefttit{border-bottom:1px solid #E9E9EE}
.tj_news .lefttit p{line-height:42px; font-size:15px; color:#2D6DCC}
.tj_news .lefttit en{font-size:13px; color:#777; margin-left:5px}
.tj_content{padding:0 15px}
.tj_news dd{margin:15px 0; padding-bottom:15px; border-bottom:1px dashed #CCC}
.tj_news dd a{display:block; font-size:15px; font-weight:bold; color:#555; line-height:20px; margin-bottom:5px}
.tj_news dd a:hover{color:#095BC8}
.tj_news dd p{font-size:12px; color:#666; line-height:22px}
.tj_news dt:before{content:""; display:inline-block; position:absolute; margin-top:6px; width:4px; height:4px; background:#444; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%;}
.tj_news dt{margin-bottom:15px}
.tj_news dt a{font-size:13px; color:#666; margin-left:12px}
.tj_news dt a:hover{color:#095BC8}


/* 内页右侧 */
.ny_right{width:77%; min-height:500px; overflow:hidden; padding:30px 0 0 30px; margin-bottom:50px; border-left:1px solid #E5E7E9; position:relative}

.ar_article{font-size:14px; color:#333; line-height:30px; padding-bottom:25px;}
.ar_article p{font-size:14px; color:#333; line-height:30px;}
.ar_article span{font-size:14px; color:#333; line-height:30px;}
.ar_article b{font-size:14px; color:#333; line-height:30px;}
.ar_article i{font-size:14px; color:#333; line-height:30px;}
.ar_article stong{font-size:14px; color:#333; line-height:30px;}
.ar_article div{font-size:14px; color:#333; line-height:30px;}
.ar_article img, .ar_article p img{max-width:100%; margin:15px 0}

/* 内页新闻列表 */
.nynews_list{overflow:hidden; margin-bottom:55px}
.nynews_list dt{padding-bottom:25px; margin-bottom:35px; border-bottom:1px solid #E7E6E6; overflow:hidden}
.nynews_list dt a{width:100%; height:100px}

.time_img{width:12%; float:left; background:#bbb; font-size:16px; color:#FFF; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.news_tit{width:85%;}
.news_tit p{font-size:16px; color:#444445; margin-bottom:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.news_tit p, .time_img{line-height:30px;}
.news_tit i{font-size:12px; color:#666; line-height:23px}

.nynews_list dt:hover{box-shadow:0 26px 40px -24px rgba(0, 36, 100, 0.3); -webkit-box-shadow:0 26px 40px -24px rgba(0, 36, 100, 0.3); -moz-box-shadow:0 26px 40px -24px rgba(0, 36, 100, 0.3);}
.nynews_list dt:hover .time_img{background:#6AAAFF;}
.nynews_list dt:hover p{color:#095BC8;}
.nynews_list dt:hover i{color:#444;}

.page-box{position:absolute; left:50%; transform:translate(-50%,0); bottom:0}
.pages{overflow:hidden; display:inline-block}
.pages a{float:left; color:#555; font-size:13px; padding:5px 15px; margin:0 6px; border:1px solid #CCC;}
.pages a:nth-child(1){margin-left:0!important}
.pages .on{background:#095BC8; border:1px solid #095BC8; color:#FFF}
.pages a:hover{background:#095BC8; border:1px solid #095BC8; color:#FFF}

/* 新闻内容页 */
.news_artbt{margin-bottom:26px; padding-bottom:20px; border-bottom:1px dashed #bbb}
.news_title{font-size:22px; font-weight:bold; color:#095BC8; text-align:center}
.news_info{text-align:center}
.news_info stong{font-size:13px; color:#666; line-height:35px}

.tiao{width:100%; margin:25px auto}
.tiao p{width:46%; line-height:40px; font-size:14px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.tiao p a{color:#EA5D00}
.downnew{text-align:right}

/* 图片列表页面 */
.prolist{overflow:hidden; margin-bottom:60px}
.prolist dt{float:left; width:23.5%; margin:0 20px 20px 0; position:relative; height:235px;}
.prolist dt:nth-child(4n+0){margin-right:0!important}

.prolist_img{width:100%; height:180px; overflow:hidden; position:relative}
.prolist_img img{max-width:100%; max-height:180px;}
.prolist_tit{width:100%; text-align:center; height:40px; line-height:150%;  font-size:14px; color:#444;}
.prolist dt:hover{background:rgba(9,91,200,.2)}
.prolist dt:hover .prolist_tit{color:#095BC8; text-decoration:underline;  }