@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {margin:0;padding:0;}
body {color:#333;font-size:14px;font-family:"微软雅黑";background:#01073B;}
section,article,aside,header,footer,nav,dialog,figure {display:block;}
ul,ol {list-style:none;}
img,fieldset {vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
address,cite,code,em,th {font-weight:normal;font-style:normal;}
input,button,textarea,select {font:100% Arial,'';vertical-align:middle}
table,td,tr,th {font-size:12px;}
.nodispaly {display:none}
.line {height:20px;line-height:20px;font-size:0px;clear:both;overflow:hidden;display:block;}
.clearfix {*zoom:1;}
.clearfix:after {display:block;overflow:hidden;clear:both;height:0px;visibility:hidden;content:".";}
a {color:#333;text-decoration:none;transition:all 0.3s;}
a:hover {color:#DB2800;text-decoration:none;}
img {border:none;}
.fl {float:left}
.fr {float:right}
.r {float:right}
.clear {clear:both;}
::-webkit-scrollbar-track {background-color:#e8e8ea;}
::-webkit-scrollbar {width:10px;}
::-webkit-scrollbar-thumb {background-color:#222326;}
.wp {max-width:1280px;margin:auto;}
@media screen and (max-width:1280px) {.wp {width:96%}}
.banner_pc {padding-top:80px;}
.banner_yd {display:none;}
.flexslider {position:relative;}
.flexslider .slides > li {display:none;}
.flexslider .slides img {width:100%;display:block;border-radius:0px;}
.flex-pauseplay span {text-transform:capitalize;}
.flex-control-nav {width:100%;text-align:center;position:absolute;bottom:10px;}
.flex-control-nav li {margin:0 6px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a {width:12px;height:12px;display:block;background:#FFF;cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;}
.flex-control-paging li a:hover {background:#FFF;}
.flex-control-paging li a.flex-active {background:#DB2800;cursor:default;}
.iframe {height:50%;}
@media screen and (max-width:1200px) {.banner_pc {padding-top:50px;}
.iframe {height:30%;}}
@media screen and (max-width:980px) {.banner_pc {padding-top:50px;}
.banner_ny {padding-top:50px;}
.banner_ny .pic_yi {display:none;}
.banner_ny .pic_er {display:block;}}
@media screen and (max-width:720px) {.banner_pc {display:none;}
.banner_yd {display:block;padding-top:50px;}}
.sy-title {text-align:center;padding-top:50px;padding-bottom:20px;}
.title_txt {font-weight:bold;letter-spacing:4px;font-size:36px;color:#FFF;}
.title_hr {height:3px;background:#db2800;border:none;margin:10px auto;width:40px;}
@media screen and (max-width:480px) {.sy-title {padding-top:30px;}
.title_txt {font-size:24px;}}
.sy_about {padding-bottom:40px;padding-top:20px;background:#01073B;}
.about {padding-top:10px;}
.about .abr {width:46%;float:right;overflow:hidden;}
.about .abr img {width:100%;}
.about .abtext {width:50%;float:left;overflow:hidden;margin-top:20px;}
.about .abtext h1 {font-size:36px;color:#FFF;font-weight:bold;}
.about .abtext i {height:3px;background:#db2800;border:none;width:40px;display:block;margin-top:20px;margin-bottom:20px;}
.about .abtext .wz {font-size:16px;color:#FFF;line-height:26px;}
.about .abtext .wz p {margin-bottom:20px;}
.advantage {margin-top:30px;}
.advantage li {width:182px;float:left;text-align:center;margin-right:20px;}
.advantage li .pic img:hover {filter:Alpha(Opacity=0.7);opacity:0.7;}
.advantage li .pic img {width:100%;display:block;transition:0.8s;-webkit-transition:0.8s;-moz-transition:0.8s;-ms-transition:0.8s;-o-transition:0.8s;position:relative;overflow:hidden;}
.advantage li .txt {line-height:28px;font-size:16px;font-weight:bold;color:#FFF;margin-top:5px;}
.advantage li .txt:hover {color:#db2800;}
.more a {font-size:16px;color:#FFF;display:inline-block;position:relative;padding:0 30px;height:36px;line-height:36px;border:#db2800 1px solid;text-align:center;background:#db2800;border-radius:4px;position:relative;transition:0.6s;overflow:hidden;margin-top:10px;}
.more a:hover {color:#FFF;border:#1d428a 1px solid;background:#000;}
.advantage * {-moz-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;}
@media (max-width:1280px) {.advantage li {width:160px;}}
@media (max-width:1200px) {.about {width:100%;margin:0 auto;}}
@media (max-width:1000px) {.advantage li {margin-right:20px;}}
@media (max-width:880px) {.sy_about {padding-bottom:30px;}
.about .abr {width:100%;float:none;display:none;margin:0 auto;overflow:hidden;text-align:center;}
.about .abtext {width:100%;float:none;margin:0 auto;margin-top:10px;overflow:hidden;}
.about .abtext .wz {width:100%;margin:0 auto;font-size:14px;}}
@media (max-width:640px) {.about .abtext h1 {font-size:24px;}
.about .abtext i {margin-top:10px;margin-bottom:10px;}
.advantage li .pic,.advantage li .pic2 img {width:100px;margin:0 auto;display:block;}
.advantage li {margin-right:10px;width:120px;}
.advantage li:nth-of-type(3) {margin-right:0;}
.advantage li .txt {font-size:15px;margin-top:5px;}
.more a {margin-top:0;}
.advantage {margin-top:20px;}}
@media (max-width:375px) {.advantage li {margin-right:0px;width:115px;}}
@media (max-width:320px) {.advantage li {width:100px;}
.advantage li .pic,.advantage li .pic2 img {width:80px;}}
.i_case {overflow:hidden;background:url(../images/product_bg.jpg) center top no-repeat;background-size:cover;padding-bottom:2.5%;}
.i_case .i_case_con {overflow:hidden;width:100%;margin:0 auto;text-align:center;}
.i_case_t label {color:#FFFefe;font-size:14px;text-transform:uppercase;font-family:Arial;line-height:26px;letter-spacing:4px;}
.i_case .i_case_con .i_cast_a {overflow:hidden;}
.i_case .i_case_con .i_cast_a a {display:inline-block;height:34px;line-height:34px;border:1px solid #FFF;width:160px;font-size:14px;color:#FFF;border-radius:30px;margin-left:0.5%;margin-right:0.5%;margin-bottom:2%;text-overflow:ellipsis;overflow:hidden;}
.i_case .i_case_con .i_cast_a .on {background-color:#db2800;border:1px solid #db2800;color:#FFF;}
.i_case .i_case_con .i_cast_a a:hover {background-color:#db2800;border:1px solid #db2800;color:#FFF;}
.i_case .i_case_con .i_cast_a a.csel {background-color:#db2800;border:1px solid #db2800;color:#FFF;}
.i_case .i_case_con .i_case_ul_div {display:none;}
.product_div {overflow:hidden;width:100%;margin:0 auto;text-align:center;}
.product_div ul li {width:32%;float:left;overflow:hidden;margin:1% 2% 2% 0;}
.product_div ul li:nth-of-type(3n) {margin-right:0;}
.product_div ul li .portfolio-img {position:relative;overflow:hidden;}
.product_div li .portfolio-img h2, .product_div li .portfolio-img h6 {font-weight:normal;font-size:16px;color:#FFF;position:absolute;width:100%;top:88%;left:0;line-height:30px;filter:Alpha(Opacity=1);opacity:1;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.product_div ul li .portfolio-img img {width:100%;display:block;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.product_div ul li .portfolio-img p {position:absolute;width:100%;height:100%;background-color:#db2800;top:0;left:0;filter:Alpha(Opacity=0);opacity:0;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.product_div ul li .portfolio-img p .icon-zoom2 {display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/i_case_bg3.png) no-repeat center 50%;transition:all 0.3s ease-out 0s;}
.product_div ul li .portfolio-img p .icon-zoom2:hover {background:url(../images/i_case_bg3.png) no-repeat center 48%;}
.product_div ul li:hover .portfolio-img p {filter:Alpha(Opacity=90);opacity:0.9;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.product_div ul li:hover .portfolio-img h2, .product_div ul li:hover .portfolio-img h6 {filter:Alpha(Opacity=100);opacity:1;color:#FFF;top:60%;}
.product_div ul li:hover .portfolio-img img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
@media screen and (max-width:1440px) {.product_div ul li .portfolio-img p .icon-zoom2 {background-size:24px 24px;}}
@media screen and (max-width:1000px) {.product_div ul li .portfolio-img h2, .product_div ul li .portfolio-img h6 {font-size:14px;}}
@media screen and (max-width:780px) {.product_div .i_case_ul {padding-top:3%;overflow:hidden;}
.product_div ul li {width:49%;margin-right:2%;margin-bottom:3%;}
.product_div ul li:nth-of-type(2n) {margin-right:0;}
.product_div ul li:nth-of-type(3n) {margin-right:2%;}
.product_div ul li:nth-of-type(6n) {margin-right:0;}}
@media screen and (max-width:640px) {.i_case .i_case_con .i_cast_a a {width:31%;font-size:13px;}
.product_div ul li .portfolio-img h2, .product_div ul li .portfolio-img h6 {font-size:14px;top:82%;}
.product_div ul li .portfolio-img p .icon-zoom2:hover {background:none;}
.product_div ul li:hover .portfolio-img p {filter:Alpha(Opacity=0);opacity:0;}
.product_div ul li:hover .portfolio-img h2, .product_div ul li:hover .portfolio-img h6 {filter:Alpha(Opacity=0);opacity:0;}}
@media screen and (max-width:320px) {.i_case .i_case_con .i_cast_a a {width:45%;}
.product_div ul li .portfolio-img h2, .product_div ul li .portfolio-img h6 {font-size:14px;}}
.sy-news {width:100%;background:#01073b;padding:0px 0 50px 0;}
#n_news {}
#n_news ul {overflow:hidden;}
#n_news li {width:32%;position:relative;display:block;overflow:hidden;background:#033f87;float:left;margin:0% 2% 2% 0;padding-bottom:40px;}
#n_news li:nth-of-type(3n) {margin-right:0;}
#n_news li a {display:block;}
#n_news li .pic_box {overflow:hidden;position:relative;width:100%;}
#n_news li .pic_box img {display:block;transition:all 0.5s;width:100%;border:0;}
#n_news li .pic_box:hover img {transform:scale(1.1);}
#n_news li .pic_box img {width:100%;}
#n_news li .text_box {position:relative;padding:25px;}
#n_news li h1 a, #n_news li h6 a {overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#FFF;font-size:18px;font-weight:bold;display:block;}
#n_news li p {font-size:14px;line-height:24px;margin-top:20px;color:#FFF;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#n_news li span {margin-top:2px;display:block;font-size:12px;color:#CCC;}
#n_news .fot_box {position:relative;height:12px;line-height:14px;padding:0 25px;}
#n_news .fot_box span {color:#FFF;font-size:12px;}
#n_news .fot_box a {display:block;color:#a1a1a1;font-size:12px;position:absolute;right:25px;top:0;background:url(../images/icon_more_jt.png) right center no-repeat;padding-right:30px;}
#n_news li:hover {background:#db2800;}
#n_news li:hover h1 a, #n_news li:hover h6 a {color:#FFF;}
#n_news li:hover p {}
#n_news li:hover .fot_box a {background:url(../images/icon_more_jt_hover.png) right center no-repeat;color:#FFF;}
#n_news li:hover .fot_box span {}
#n_news li a:hover {text-decoration:underline;}
#n_news h2 {text-align:center;color:#555;margin-top:50px;}
#n_news * {-moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
@media (max-width:1200px) {#n_news li {width:46%;}
#n_news2 li {width:46%;}}
@media (max-width:920px) {#n_news li {width:44%;}
#n_news2 li {width:44%;}}
@media (max-width:800px) {#n_news li {width:100%;padding-bottom:30px;}
#n_news ul {margin:0;}
.sy-news {width:100%;padding:0px 0 20px 0;}
#n_news li .text_box {position:relative;padding:15px;}
#n_news .fot_box {padding:0 15px;}
#n_news li p {margin-top:10px;}}


/*********************滚动***********************/
.marqueeleft{

	width:100%;
	overflow:hidden;
	margin:0px auto;
	margin-top:0px;
	}
.marqueeleft ul{
	float:left;
	}
.marqueeleft li{
	float:left;
	margin:0 12px;
	display:inline;
	width:420px;
	overflow:hidden;
	text-align:center;
	
	}
.marqueeleft li .pic{
	display:block;
	overflow:hidden;
	 position:relative;
	}
.marqueeleft li .pic img {
	display: block;
	transition: all 0.5s;
	width: 420px;
}
.marqueeleft li .pic:hover img {
	transform: scale(1.1);
}	
.marqueeleft li .txt{text-align:center;height:42px;line-height:42px; font-size:14px; background:#fff;}
.marqueeleft li a{ color:#666; display:block; }
.marqueeleft li a:hover{ color:#15336F; }
@media screen and (max-width: 720px){
	
.marqueeleft li{width:280px;margin:0 6px;}	
.marqueeleft li .pic img {width:280px;}	
}