@charset "utf-8";
/* CSS Document */
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:Arial, Helvetica, sans-serif;}
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; clearfix:both; overflow:hidden; display:block;}
.clearfix:after{display:block; overflow:hidden; clearfix:both; height:0px; visibility:hidden; content:".";}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
a{color:#333; text-decoration:none; transition:all 0.3s;}
a:hover{color:#2f318b; text-decoration:none;}
img{border:none;}
.fl{float:left}
.fr{float:right}
.r{float:right}
::-webkit-scrollbar-track{background-color:#e8e8ea;}
::-webkit-scrollbar{ width:5px;}
::-webkit-scrollbar-thumb{background-color:#2f318b;}
.wp{max-width:1200px;margin:auto;}
@media screen and (max-width: 1280px) {
.wp{ width:95%}
}

.banner_pc{}
.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:20px;}
.flex-control-nav li {margin:0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:15px; height:15px; 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:#2f318b; 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:60px;}
.title_txt {font-weight: 600;letter-spacing: 4px;font-size: 36px;color: #e62129;}
.title_hr {height: 1px;background: #fff;border: none;border-top: 1px solid #2f318b;border-bottom: 1px solid #2f318b;margin: 10px auto;width: 60px;}
@media screen and (max-width: 480px) {
.sy-title{ padding-top:30px;}
.title_txt{ font-size:24px;}
}


/*服务*/
.sy_gsys{ background:#f6f6f6;}
.service{ padding-bottom:60px; padding-top:20px; overflow:hidden;}
.service ul li{width:33.333%;float:left;border-right:1px solid #ebecee;border-bottom:1px solid #ebecee;height:280px;text-align:center;box-sizing:border-box;padding:20px 2% 0 2%;}
.service ul li img{transition:all ease-in-out 500ms;  -webkit-transition:all ease-in-out 500ms; border-radius:50%;border: 4px solid #fff; box-shadow: #ccc 0px 0px 10px 0px ;}
.service ul li h1{ text-align:center; font-size:18px; color:#303131; text-transform:uppercase; margin-top:23px;transition:all ease-in-out 300ms;  -webkit-transition:all ease-in-out 300ms;}
.service ul li p{ font-size:12px; width:100%; padding-top:10px;color:#b3b3b5; font-family:arial; line-height:18px;transition:all ease-in-out 300ms;  -webkit-transition:all ease-in-out 300ms;}
.service ul li:hover img{ margin-top:-5px;  transform:rotateY(180deg) scale(0.8);}
.service ul li:hover h1{ margin-top:10px;}
.service ul li:hover p{ margin-top:0px;}
.service ul li:nth-of-type(4){ border-bottom: none;}
.service ul li:nth-of-type(5){ border-bottom: none;}
.service ul li:nth-of-type(6){ border-bottom: none;}
.service ul li:nth-child(3n){ border-right:0;}
@media screen and (max-width: 1200px) {
.service ul li{width:50%;}
.service ul li:nth-child(2n){ border-right:0; padding-right:0;}
}
@media screen and (max-width: 750px) {
.service ul li img{height:80px;}
.service ul li h1{ margin-top:10px;}
.service{ padding-bottom:30px;padding-top:10px;}
.service ul li:nth-child(3n){border-right: 1px solid #ebecee;}
.service ul li:nth-of-type(4){border-bottom: 1px solid #ebecee;}
.service ul li:nth-of-type(6){border-right:0;}
}

.sy_cpgd{}
.sy_cpgd ul{width:10000% !important;}
.sy_cpgd ul li{width:0.235%; float:left; margin-right:0.02%;margin-bottom:0.02%; overflow:hidden;border: 5px solid #fff;-webkit-transition:0.3s;transition:0.3s;box-sizing: border-box;}
.sy_cpgd ul li .h1{overflow:hidden;}
.sy_cpgd ul li .h1 img{ width:100%; display:block;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: 0.3s;transition:0.3s;}
.sy_cpgd ul li span{display:block;font-size:16px; background:#fff; color:#333;width:100%; line-height:50px;-webkit-transition: 0.3s;transition:0.3s;}
.sy_cpgd ul li:hover .h1 img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.sy_cpgd ul li:hover{border: 5px solid #ddd;}
.sy_cpgd ul li:hover span{background:#ddd;color:#2f318b;}


.i_case{ overflow:hidden; background:#F4F7F9; padding-bottom:3%;}
.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; padding-top:1.2%;}
.i_case .i_case_con .i_cast_a a{display:inline-block; height:30px; line-height:30px; border:1px solid #999999; padding:0 15px;font-size:14px; color:#666; border-radius:20px; margin-left:0.5%; margin-right:0.5%; margin-bottom:2%;}
.i_case .i_case_con .i_cast_a a:hover{background-color:#2f318b; border:1px solid #2f318b; color:#fff;}
.i_case .i_case_con .i_cast_a a.csel{ background-color:#2f318b; border:1px solid #2f318b;color:#fff;}
.i_case .i_case_con .i_case_ul_div{ display:none;}
.i_case .i_case_con .i_case_ul ul li{width:23.5%; float:left; margin-right:2%; overflow:hidden; margin-bottom:2%;border: 5px solid #fff;-webkit-transition:0.3s;transition:0.3s;box-sizing: border-box;}
.i_case .i_case_con .i_case_ul ul li:nth-child(4n){ margin-right:0;}
.i_case .i_case_con .i_case_ul ul li .portfolio-img{ position:relative; overflow:hidden;}
.i_case .i_case_con .i_case_ul ul li .portfolio-img h2{ font-weight:normal; font-size:16px; background:#fff; color:#333;width:100%; line-height:50px;-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;}
.i_case .i_case_con .i_case_ul ul li .portfolio-img .h1{overflow:hidden;}
.i_case .i_case_con .i_case_ul ul li .portfolio-img .h1 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;}
/*.i_case .i_case_con ul li .portfolio-img p{ position:absolute; width:100%; height:35px;background-color:#2f318b;bottom:0; left:0;}*/
/*.i_case .i_case_con 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 60%;}*/
/*.i_case .i_case_con ul li:hover .portfolio-img p{filter: Alpha(Opacity=90);*//*IE7 fix*//*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;}*/
/*.i_case .i_case_con ul li:hover .portfolio-img h2{filter: Alpha(Opacity=100);*//*IE7 fix*//*opacity: 1;}*/
.i_case .i_case_con .i_case_ul ul li:hover .portfolio-img .h1 img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.i_case .i_case_con .i_case_ul ul li:hover{border: 5px solid #ddd;}
.i_case .i_case_con .i_case_ul ul li:hover .portfolio-img h2{background:#ddd;color:#2f318b;}

@media screen and (max-width: 1440px) {
.i_case .i_case_con .i_case_ul ul li .portfolio-img h2{ font-size:15px; top:30%;}
.i_case .i_case_con .i_case_ul ul li .portfolio-img p .icon-zoom2{ background-size:24px 24px;}
.i_news ul li{ width:33.333%; padding-bottom:4%;}
}
@media screen and (max-width: 1000px) {
.i_case .i_case_con .i_case_ul ul li .portfolio-img h2{ font-size:13px; top:30%;}
}
@media screen and (max-width: 780px) {
.i_case .i_case_con .i_case_ul{ padding-top:3%; overflow:hidden;}
.i_case .i_case_con .i_case_ul ul li{ width:49%;}
.i_case .i_case_con .i_case_ul ul li:nth-child(2n){ margin-right:0;}
}
@media screen and (max-width: 640px) {
.i_case_t h2{ font-size:24px;}
.i_case .i_case_con .i_cast_a{ padding-top:4%;}
.i_case .i_case_con .i_cast_a a{ font-size:12px;float:left;width:49%;margin:0 2% 2% 0;box-sizing: border-box;padding:0 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.i_case .i_case_con .i_cast_a a:nth-child(2n){ margin-right:0;}
}


/*==============关于我们=====================*/
.sy_about{ padding-bottom:60px;}
.about-txt{ border-bottom:1px dotted #ccc; margin-bottom:20px; padding-bottom:30px;}
.about-txt p{ font-size:15px; line-height:24px; color:#666; text-align:center; padding-bottom:10px;}
.s_more{  font-size: 16px; color: #fff;  margin:20px auto 0 auto;display: block; height: 40px; line-height: 40px;  background: #2f318b;  width: 140px;  border-radius: 3px; text-align: center;}
.s_more:hover{ border-radius: 3px; background: #00A59E; color: #fff; box-shadow: 0 0 16px #fff;}

.honor{ padding-top:20px;}
.honor li{ width:23.5%; float:left; margin-right:2%;}
.honor li:nth-child(4n){ margin-right:0;}
.honor li img{ width:100%; border:1px solid #dbdbdb;}

@media screen and (max-width: 780px) {
.sy_about{ padding-bottom:30px;}
.about-txt{ width:94%; margin:0 auto;}
.about-txt p{ text-align:left;font-size: 12px;padding-bottom: 0px;}
.s_more{ margin-top:10px;}
.honor{width:94%; margin:0 auto;}
.honor li{ width:49%; margin-right:2%; margin-bottom:2%;}
.honor li:nth-child(2n){ margin-right:0;}
.i_case{padding-bottom:30px;}
}

/**************************新闻**************************/
.sy-news{ width:100%; padding:0px 0 20px 0;}
/*==============新闻列表=====================*/
#n_news {}
#n_news ul{ margin:-5px; overflow:hidden; }
#n_news li{ width:30.8%; position:relative; display:block; overflow:hidden; background:#fff; float:left; margin:2% 1.2%; padding-bottom:40px;}
#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{overflow:hidden; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;  color:#555555; font-size:18px; font-weight:bold;  display:block; }
#n_news li p{ font-size:14px; line-height:24px; margin-top:20px; color:#777777;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:#5c5c5d;}
#n_news .fot_box{ position:relative; height:12px; line-height:14px; padding:0 25px;}
#n_news .fot_box span{color:#a1a1a1; 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{  box-shadow:0 0 20px #ccc;  }
#n_news li:hover h1 a{ color:#2f318b; }
#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:#2f318b;}
#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:98%; padding-bottom:30px;}
#n_news ul{ margin:0;}
#n_news2 li{ width:98%; }
#n_news2 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;}
}







@media screen and (min-width:1200px) {
	.sj{ display:none !important;}
}
@media screen and (max-width:1199px) {
	.pc{ display:none !important;}
	.i_case .i_case_con ul li .portfolio-img img{border:1px solid #eee;box-sizing: border-box;}
	.sy_al_img ul li{width:49%;}
	.sy_al_img ul li:nth-child(2n){margin-right:0;}
	.sy_al_img ul li img{height:auto;}
	.sy_al_img ul li p{font-size: 12px;line-height: 30px;}
	.sy_hz ul li{width:32%;}
	.sy_hz ul li:nth-child(3n){margin-right:0;}
	.sy_hz{padding-bottom: 35px;}
	.sy_al{margin-top: 30px;}
    #n_news li{ width:98%; padding-bottom:30px;}
    #n_news ul{ margin:0;}
    #n_news2 li{ width:98%; }
    #n_news2 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;}
    #n_news li{background:#f6f6f6;}
}



 
   /*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;top:50%;width:70px;margin-top:-96px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#b00;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#00aef3;display:none;}
.suspension .a-top:hover{background:#b00;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;bottom:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top: -85px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .textq{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .textq .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.red {color: #b00;}