*{margin:0px;padding:0px;outline:none;}
ul,li{list-style-type:none;}
img,video,iframe{border:0px;max-width:100%;vertical-align:middle;}
html,body{height:100%;}
body{font-size:14px;color:#333333;overflow-x:hidden;max-width:1920px;margin:0 auto;}
a{color: #333333;text-decoration: none;}
a:hover{text-decoration: none!important;}
input{outline:none;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {transition: background-color 5000s ease-in-out 0s;}
@font-face
{
    font-family: yuyang;
    src: url(../fonts/yuyang_w01_en.ttf);
}
@font-face
{
    font-family: BOLTB;
    src: url(../fonts/BOLTB.ttf);
}
.not-animated{/*opacity:0;*/}
.no-animate{opacity:0;}
@-webkit-keyframes fadeInDown2{0%{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown2{0%{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
.fadeInDown2{-webkit-animation-name:fadeInDown2;animation-name:fadeInDown2}

@-webkit-keyframes fadeInLeftDown{0%{opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeftDown{0%{opacity:0;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
.fadeInLeftDown{-webkit-animation-name:fadeInLeftDown;animation-name:fadeInLeftDown}

@-webkit-keyframes fadeInUp2{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp2{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
.fadeInUp2{-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2}
@-webkit-keyframes fadeOutUp2{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}}
@keyframes fadeOutUp2{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}}
.fadeOutUp2{-webkit-animation-name:fadeOutUp2;animation-name:fadeOutUp2}
@-webkit-keyframes fadeInLeft2{0%{opacity:0;-webkit-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeft2{0%{opacity:0;-webkit-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
.fadeInLeft2{-webkit-animation-name:fadeInLeft2;animation-name:fadeInLeft2}

@-webkit-keyframes fadeInRight2{0%{opacity:0;-webkit-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRight2{0%{opacity:0;-webkit-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
.fadeInRight2{-webkit-animation-name:fadeInRight2;animation-name:fadeInRight2}
@-webkit-keyframes fadeOutRight2{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}}
@keyframes fadeOutRight2{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}}
.fadeOutRight2{-webkit-animation-name:fadeOutRight2;animation-name:fadeOutRight2}
@-webkit-keyframes fadeInLeft3{0%{opacity:0;-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeft3{0%{opacity:0;-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
.fadeInLeft3{-webkit-animation-name:fadeInLeft3;animation-name:fadeInLeft3}

@-webkit-keyframes fadeInRight3{0%{opacity:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRight3{0%{opacity:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
.fadeInRight3{-webkit-animation-name:fadeInRight3;animation-name:fadeInRight3}

@-webkit-keyframes fadeInDown3{0%{opacity:0;-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown3{0%{opacity:0;-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
.fadeInDown3{-webkit-animation-name:fadeInDown3;animation-name:fadeInDown3}

@-webkit-keyframes fadeInHeight{0%{opacity:0;transform:scale(0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInHeight{0%{opacity:0;transform:scale(0)}100%{opacity:1;-webkit-transform:none;transform:none}}
.fadeInHeight{-webkit-animation-name:fadeInHeight;animation-name:fadeInHeight}

@-webkit-keyframes fadeInUp3{0%{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp3{0%{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}

.fadeInUp3{-webkit-animation-name:fadeInUp3;animation-name:fadeInUp3}

@-webkit-keyframes fadeInwidth2{0%{opacity:0;width:0%;}100%{opacity:1;width:100%;}}
@keyframes fadeInwidth2{0%{opacity:0;width:0%;}100%{opacity:1;width:100%;}}
.fadeInwidth2{-webkit-animation-name:fadeInwidth2;animation-name:fadeInwidth2}

@-webkit-keyframes flip_x{
	0%{-webkit-transform:perspective(4000px) rotate3d(0,1,0,-360deg);transform:perspective(4000px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
	40%{-webkit-transform:perspective(4000px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(4000px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
	50%{-webkit-transform:perspective(4000px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(4000px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	80%{-webkit-transform:perspective(4000px) scale3d(.95,.95,.95);transform:perspective(4000px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	100%{-webkit-transform:perspective(4000px);transform:perspective(4000px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@keyframes flip_x{
	0%{-webkit-transform:perspective(4000px) rotate3d(0,1,0,-360deg);transform:perspective(4000px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
	40%{-webkit-transform:perspective(4000px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(4000px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
	50%{-webkit-transform:perspective(4000px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(4000px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	80%{-webkit-transform:perspective(4000px) scale3d(.95,.95,.95);transform:perspective(4000px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
	100%{-webkit-transform:perspective(4000px);transform:perspective(4000px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@-webkit-keyframes slideOutDown_s{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}50%{visibility:hidden;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px);opacity:0;}100%{visibility:hidden;-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px);opacity:1;}}
@keyframes slideOutDown_s{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}50%{visibility:hidden;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);opacity:0;}100%{visibility:hidden;-webkit-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0);opacity:1;}}
.animated.fadeOutRight2{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.fadeInRight2{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.fadeInRight3{-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@keyframes flips{
	0%{-webkit-transform:perspective(4000px) rotate3d(0,1,0,-180deg);}
	100%{-webkit-transform:perspective(4000px) rotate3d(0,1,0,0deg);}
	}
@keyframes flipright{
	0%{-webkit-transform:perspective(4000px) rotate3d(0,1,0,180deg);}
	100%{-webkit-transform:perspective(4000px) rotate3d(0,1,0,0deg);}
	}
	


.width{max-width:1600px;margin:0 auto;padding-left:20px;padding-right:20px;/*position:relative;*/}



/* banner */
.banner{width:100%;overflow:hidden;}
.banners{position:relative;}
.banners .dibu{position:absolute;right:0px;bottom:.8rem;z-index:3;}
.banners .banner_pagination{float:right;padding-right:5.85rem;background:url(../images/pagi.png) no-repeat right center;height:20px;background-size:5.63rem auto;}
.banners .banner_pagination .swiper-pagination-bullet{width:auto;background:none;color:rgba(255,255,255,.56);margin-left:20px;}
.banners .banner_pagination .swiper-pagination-bullet-active{color:#fff;position:relative;text-align:center;}
.banners .banner_pagination .swiper-pagination-bullet-active:after{content:"";display:block;width:18px;height:2px;background:#fff;margin-top:3px;}
.shil{position:absolute;top:40%;right:15%;z-index:3;text-align: right;}
.shil .ban_tit{margin-bottom: 30px;}
.shil .ban_tit b{font-size: 60px;color: #fff;letter-spacing: 5px;border-bottom: 1px #fff solid;padding-bottom: 10px;}
.shil .ban_tit p{font-size: 22px; color: #fff; margin-top: 20px;letter-spacing: 2px;}
.shil a{ padding: 15px 50px; font-size: 18px; border: 1px solid #ffffff; color: #fff; position: relative; overflow: hidden; transition: border 0.3s ease; float: right;}
.shil a:hover{border:1px solid #3a9598;}
.shil a:before{width:0px;content:"";display:block;height:100%;position:absolute;left:0px;bottom:0px;background:#3a9598;transition:width 0.3s ease;}
.shil a:hover:before{width:100%;}
.shil a font{position:relative;z-index:2;}


@media only screen and (max-width:1400px)
{
	.shil a p img{width:.07rem;}
	.tels{display: none;}
}
@media only screen and (max-width:1280px)
{
	.shil a{width:80px;font-size:12px;}
	.menus>ul>li div{left:-22px;}
	.dibu{font-size:12px;}
}

@media only screen and (max-width:999px)
{
	.menus{display:none;}	
	.shil{display:none;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{display:none;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{display:none;}
	.menu_s{display:block;float:right;margin-left:15px;margin-top:5px;}	
	.eng{padding-top: 0px;}
	.cios{display: none;}

}

@media only screen and (max-width:750px) {
	.width{padding-left:10px;padding-right:10px;}
}

@media only screen and (max-width:500px) {
	
	
}


/*公共css*/
.tit_in{display: flex; justify-content: space-between; align-items: center;margin-bottom: 40px }
.tit_in .tit_in_l span{font-size: 36px;letter-spacing: 2px;}
.tit_in .tit_in_l .hang{display: block; height: 7px; background: #e70202; margin-top: -8px;}
.tit_in .tit_in_l p{color: #0b73c3; font-size: 30px; margin-top: 10px;}
.tit_in .tit_in_more{display: block; padding: 3px 20px; border: 1px #0b73c3 solid; transition: all 0.5s;border-radius: 2em; text-align: center; font-size: 20px; line-height: 35px; text-transform: uppercase;}
.tit_in .tit_in_more a{color: #0b73c3;transition: all 0.5s;letter-spacing: 4px;}
.tit_in .tit_in_more:hover{background: #0b73c3;}
.tit_in .tit_in_more:hover a{color: #fff;}

table{border-collapse: collapse; border-spacing: 0;width: 100% !important;font-size: 16px;}
table td {border: 1px solid #ccc !important;line-height: 2em !important;text-align: center;}
table td p {padding-left: 6px !important;}
.z-y { display: flex; align-items: center;}
.z-y a { font-size: 15px; font-weight: bold; color: #000; margin: 5px; display: block;}
.z-y img { width: 30px;}


/*fenlei*/
.fenlei_in{padding: 50px 0;overflow: hidden;}
.va_con{display: flex; overflow: hidden; justify-content: space-around;flex-wrap: wrap;}
.va_con li{width: 15%;margin: 0.5%;text-align: center;padding:0.5%;background: #f8f8f8;transition: all 0.5s;}
.va_con li .vaimg{width: 100%; overflow: hidden;}
.va_con li .vaimg img{max-width: 100%;transition: all 0.5s;}
.va_con li span{font-size: 19px; display: block; width: 100%; line-height: 2em; margin: 0; padding: 0; color: #000;transition: all 0.5s;}
.va_con li p{margin-bottom: 20px;transition: all 0.5s;}
.va_con li:hover p{color: #fff;}
.va_con li:hover span{color: #fff;}
.va_con li:hover{background: #0b73c3; }
.va_con li:hover .vaimg img{transform: scale(1.1, 1.1);}
.fl_tit_in{text-align: center;margin-bottom: 40px;}
.fl_tit_in i{font-size: 48px;letter-spacing: 5px;color: #000;font-weight: 600;}
.fl_tit_in p{font-size: 18px;color: #343434;}


/*about_in*/
.about_in{padding: 50px 0; overflow: hidden;background: url(../images/about_bg.jpg) no-repeat;background-color: #f3f3f3;}
.about_in .ab_con{}
.about_in .ab_con p{text-indent: 2em; font-size: 18px; line-height: 2em; margin-top: 20px;}
.about_in .ab_video{text-align: center; margin-top: 30px;}


/*tedian_in*/
.tedian_in{background: url(../images/tedian_bg.jpg) no-repeat fixed;}
.tedian_in ul{display: flex; justify-content: space-between; align-items: center; text-align: center; font-size: 24px; color: #fff;padding: 150px;}
.tedian_in ul li{}
.tedian_in ul li img{width: 3em;transition: all 0.5s;}
.tedian_in ul li:hover img{transform: scale(1.1, 1.1);}
.tedian_in ul li p{letter-spacing: 2px;}


/*product_in*/
.product_in{padding: 50px 0;overflow: hidden;background: #efefef;}
.proCon{display: flex;justify-content: space-between;flex-wrap: wrap;}
.proCon li{width: 31%; background: #fff; border-radius: 10px; overflow: hidden; text-align: left; padding: 1%; margin: 1%;}
.proCon li .pimg{overflow: hidden; border-radius: 10px;}
.proCon li .pimg img{max-width: 100%;transition: all 0.5s;}
.proCon li:hover .pimg img{transform: scale(1.1, 1.1);}
.proCon li a h3{display: block; width: 100%; color: #484848; transition: all 0.5s;padding: 10px 0px; font-size: 18px;margin: 10px;font-weight: 400;text-align: left;}
.proCon li a span{border: 2px #f00 solid; padding: 5px 10px; border-radius: 32px; font-size: 20px; color: #f00;}


/*advantage*/
.advantage_in{padding: 50px 0px;}
.adv_con{display: flex; flex-wrap: wrap; justify-content: space-around;text-align: center;}
.adv_con li{width: 20%;background: #ffffff96;border-radius: 13%;transition: all 0.5s;}
.adv_con li img{transition: all 0.5s;}
.adv_con li:hover img{transform: scale(0.95	, 0.95);}
.adv_con .fgai{margin: 10px 0px;}
.adv_con .fgai span{font-size: 20px; margin: 10px 0px; display: block; font-weight: 600; letter-spacing: 2px;}
.adv_con .fgai p{font-size: 16px; line-height: 1.5em; color: #858585;}


/*case*/
.case_in{background: #efefef;overflow: hidden;}
.case_in .case_in_top{display: flex;align-items: center; flex-wrap: wrap;}
.case_in .case_in_top .ci_top_left{width: 50%;}
.case_in .case_in_top .ci_top_left .c_t_r_con{padding-left: 20%;}
.case_in .case_in_top .ci_top_left .c_t_r_con b{font-size: 36px; }
.case_in .case_in_top .ci_top_left .c_t_r_con p{font-size: 20px; margin: 20px 0px;}
.case_in .case_in_top .ci_top_left .c_t_r_con .tit_in_more{display: block; width: 120px; height: 35px; border: 1px #0b73c3 solid; transition: all 0.5s;border-radius: 20px; text-align: center; font-size: 20px; line-height: 35px; text-transform: uppercase;}
.case_in .case_in_top .ci_top_left .c_t_r_con .tit_in_more a{color: #0b73c3;transition: all 0.5s;letter-spacing: 4px;}
.case_in .case_in_top .ci_top_left .c_t_r_con .tit_in_more:hover{background: #0b73c3;}
.case_in .case_in_top .ci_top_left .c_t_r_con .tit_in_more:hover a{color: #fff;}
.case_in .case_in_top .ci_top_right{width: 50%;}
.case_in .case_in_top .ci_top_right .c_t_r_img{overflow: hidden; }
.case_in .case_in_top .ci_top_right .c_t_r_img:hover img{transform: scale(1.1, 1.1);}
.case_in .case_in_top .ci_top_right .c_t_r_img img{max-width: 100%;margin: 0px;padding: 0px;transition: all 0.5s;}


/*news_in*/
.news_in{padding: 50px 0;overflow: hidden;background: url(../images/news_bg.jpg) no-repeat;}
.news_list_in{display: flex; justify-content: space-between; flex-wrap: wrap;}
.news_list_in li{width: 30%; padding: 3% 1%; background: #fff;transition: all 0.5s;box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1);}
.news_list_in li:hover{background: #0b73c3;}
.news_list_in li:hover b{color: #fff;}
.news_list_in li:hover span{color: #fff;}
.news_list_in li:hover h4{color: #fff;}
.news_list_in li:hover p{color: #fff;}
.news_list_in li:hover a{color: #fff;}
.news_list_in li b{float: left; width: 100%;font-size: 40px;display: block;transition: all 0.5s;}
.news_list_in li span{float: left; width: 100%;font-size: 24px; margin: 10px 0;transition: all 0.5s;}
.news_list_in li h4{float: left; width: 100%;font-size: 18px;margin-bottom: 20px;transition: all 0.5s;}
.news_list_in li .news_in_img{width: 80%;transition: all 0.5s;overflow: hidden; width: 90%; margin: 5%;}
.news_list_in li .news_in_img img{transition: all 0.5s;}
.news_list_in li:hover img{transform: scale(1.1, 1.1);}
.news_list_in li p{float: left; width: 100%;transition: all 0.5s;}
.news_list_in li a{float: right; margin-top:20px;transition: all 0.5s;font-size: 18px;}


/*footer_in*/
.footer_in{background: #f4f4f6;padding: 30px 0;overflow: hidden;line-height: 1.8em;font-size: 18px;}
.footer_in .foot_logo{align-items: center; display: flex; justify-content: space-between; border-bottom: 1px #7d7d7d solid; padding: 20px 40px;}
.footer_in .foot_logo p{font-size: 20px;  letter-spacing: 2px;}
.footer_in .foot_logo span{font-size: 36px;}
.foot_con{align-items: center; display: flex; justify-content: space-between;}
.foot_con .foot_lxfs{}
.foot_con .foot_lxfs p{padding-left: 35px;line-height:2em;}
.foot_con .foot_lxfs .lxfs_01{background: url(../images/lxfs_01.png) no-repeat;}
.foot_con .foot_lxfs .lxfs_02{background: url(../images/lxfs_02.png) no-repeat;}
.foot_con .foot_lxfs .lxfs_03{background: url(../images/lxfs_03.png) no-repeat;}
.foot_con .foot_lxfs .lxfs_04{background: url(../images/lxfs_04.png) no-repeat;}
.foot_con .foot_lxfs .lxfs_05{background: url(../images/lxfs_05.png) no-repeat;}
.foot_con .wem li{float: left; margin: 20px; text-align: center;}
.foot_con .wem li img{max-width: 80%;}


/*copyright*/
.copyright{overflow: hidden;background: #000;line-height:3em;color: #ccc;text-align: center;}
.copyright .cop_l{width: 50%;float: left;}
.copyright .cop_r{width: 50%;float: left;}
.copyright .cop_r a{color: #ccc;}
.copyright .cop_r a:hover{color: #5d5d5d;}


@media(max-width:1440px)
{
.width{max-width:100%;}
.logos img{max-width: 80%;}
.menus>ul>li{margin-right:0px;}

}


@media(max-width:1024px)
{
	.va_con li{width: 30%;}
	.tedian_in ul{padding: 100px 50px;font-size: 20px;}
	.case_in .case_in_top .ci_top_left .c_t_r_con{padding-left:20px;}
	.case_in .case_in_top .ci_top_left .c_t_r_con b{font-size: 28px;}
	.foot_con .wem li{width: 30%;}
}


@media(max-width:768px)
{
	
/*公共css*/
.tit_in{margin-bottom: 30px;}
.fl_tit_in i{font-size: 30px;}
.tedian_in ul{padding: 50px 0px; font-size: 16px;}
.proCon li{width: 46%;}
.proCon li a span{display: none;}
.tit_in .tit_in_l span{font-size: 30px;}
.adv_con li{width: 46%;}
.border-bottom{ 1px #343434 solid;}
.case_in .case_in_top .ci_top_left .c_t_r_con p{font-size: 17px;}
.tit_in .tit_in_more{font-size: 17px;}
.va_con li{width: 46%;}
.news_list_in li{width: 100%;  margin: 2% 0; border-radius: 20px;  padding: 5%;}
.news_list_in li b{font-size:30px;}
.news_list_in li span{font-size: 20px;}
.foot_con{display:block;margin: 20px;}
.footer_in .foot_logo p{display: none;}
.copyright .cop_l{width: 100%;}
.copyright .cop_r{width: 100%;}

}


@media(max-width:500px)
{
.tit_in .tit_in_l span{font-size: 28px;}
.tit_in .tit_in_l p{font-size: 24px;}
.tit_in .tit_in_more{padding:2px 8px;}
.tedian_in ul{font-size: 10px;}
.adv_con .fgai p{display: none;}

.news_in{background: none;}
.foot_con{margin: 20px 0px ;}
.foot_con .wem li{width: 40%; margin: 5%;}
.case_in .case_in_top .ci_top_left .c_t_r_con b{font-size: 18px;}
.case_in .case_in_top .ci_top_left .c_t_r_con p{font-size: 14px;margin:10px 0px;}
.case_in .case_in_top .ci_top_left .c_t_r_con .tit_in_more{width: 100px;height: 28px;line-height: 28px;font-size:15px;}
.adv_con .fgai span{font-size: 17px;}
.about_in .ab_con p{font-size: 16px;}

}

/*----------index end----------*/

/*----------page start----------*/
.nybanner{width:100%;overflow:hidden;background:url(../images/advantage_bg.jpg) no-repeat center;height:4.6rem;background-size:100% 100%;}
.nybanner_font{position:absolute;top:2.24rem;width:100%;text-align:center;}
.nybanner_tit font{font-size:.48rem;color:#000;text-shadow: 2px 2px 2px #ffffff;}
.nybanner_tit p{font-size:.16rem;color:rgba(255,255,255,.5);margin-top:.2rem;}
.ny_nav{line-height: 50px; overflow: hidden;}
.ny_nav .width{border-bottom: 1px #dfdfdf solid; overflow: hidden;}
.text_left{float: left; font-size: 20px;}
.text-right{float: right;}


/*about page*/
.container_page{padding: 35px 0;}
.container_page .width{display: flex; justify-content: space-between; flex-wrap: wrap;}
.content{width: 66%;padding: 1%; box-shadow: 0px 0px 8px 0px #00000020;}
.content p{font-size: 18px;line-height: 1.8em;text-indent: 2em;}
.content h2{font-size: 20px; margin: 30px 0px 15px; border-left: 3px #0b73c3 solid; padding-left: 10px;}
.content h3{font-size: 18px;line-height: 2em;}
.page_right{width: 30%;margin: 1%;text-align: center;}
.page_right b{font-size: 16px; display: block; margin: 10px 0px;}
.page_right span{color: #f8b551;font-size: 30px;font-weight: 600;}

/*contact page*/
.contact_content{width: 100%;}
.contact_con li { display: flex; margin: 20px 1%; border-bottom: 1px solid #e5e5e5; width: 23%; float: left;}
.contact_con li .left_icon { margin-top: -10px; }
.contact_con li .left_icon i.iconfont { font-size: 30px; color: #000; }
.contact_con li .right_text { margin-left: 5px; }
.contact_con li .right_text span.tit { color: #000; font-size: 16px; font-weight: bold; }
.contact_con li .right_text p.desc { margin-top: 10px; font-size: 18px; padding-bottom: 5px;}
/*liuyanCon*/
.liuyanCon{ width: 70%; margin: 0 auto;}
.form_liuyan{}
.form001{display: flex; justify-content: space-between;flex-wrap: wrap;}
.form001 li{width: 29%; padding: 2%;}
.form002{}
.form002 li{width: 96%;padding: 2%;}
.form003{display: flex; justify-content: space-between;flex-wrap: wrap;align-items: center;}
.form003 .form003_l{width: 50%; margin: 20px auto;font-size: 18px;}
.form003 .form003_l input{width: auto;}
.form003 .form003_r{width: 50%; margin: 20px auto;}
.form003 .form003_r input{width: 40%;border: 1px #ccc solid; background: #fff; display: block; float: left; margin: 0 20px;transition: 0.3s all;}
.form003 .form003_r input:hover{background: #0b73c3;color: #fff;}
.form_liuyan input{font-size: 18px; padding: 5px;width: 100%;}
.form_liuyan textarea{font-size: 18px; padding: 5px;width: 100%;}



/*pro_list*/
.pro_list{width:100%;}
.pro_list ul{display: flex;flex-wrap: wrap;/*justify-content: space-between;*/}
.pro_list .item{width: 23%; margin: 1%;border: 1px #ccc solid;overflow: hidden;}
.pro_list .item a{display: block;width:100%;overflow: hidden;position: relative;background: #f6f6f6;}
.pro_list .item span{font-size: 18px;width: 100%;height: 45px;color: #555;text-align: center;display: block;line-height: 45px;transition: all .3s ease-in-out 0s;}
.pro_list .item .pimg{overflow: hidden; }
.pro_list .item .pimg img{width: 100%;display: block;padding: 1px;transition: all .3s ease-in-out 0s;}
.pro_list .item:hover {border: 1px #0b73c3 solid;}
.pro_list .item:hover span{background: #0b73c3;color: #fff;}
.pro_list .item:hover .pimg img{transform: scale(1.1, 1.1);}
.list_pro_nav{margin: 15px auto 25px; text-align: center;overflow: hidden;}
.list_pro_nav li{float: left;}
.list_pro_nav a{border: 1px #ccc solid; padding: 10px 15px; font-size: 18px; margin: 0px 10px; border-radius: 5px;transition: all .3s ease-in-out 0s;line-height: 3em;}
.list_pro_nav a:hover{color:#fff;background:#ff9000;}


/*pro_page*/
.pro_right{text-align: center;text-align: center; width: 30%; margin: 0 1%;}
.pro_right img{}
.tjtitle{margin: 30px 0 10px; line-height: 2em; display: block; font-size: 30px; letter-spacing: 5px; background: #0b73c3; color: #fff;}

/*pro_page duotu*/
.pro_duotu{width: 75%; margin: 0 auto 25px;}
.tj_pro ul{display: flex;flex-wrap: wrap;justify-content: space-around;}
.tj_pro ul li{width: 47%; margin: 1%;border: 1px #ccc solid; overflow: hidden;}
.tj_pro ul li .pimg{overflow: hidden; border-bottom: 1px #ccc solid;}
.tj_pro ul li .pimg img{transition: all 0.5s;}
.tj_pro ul li:hover .pimg img{transform: scale(1.1, 1.1);}
.tj_pro ul li h3{font-size: 16px; font-weight: 400; line-height: 35px; height: 35px;overflow: hidden;}
.tj_news{text-align: left;}
.tj_news ul li{border-bottom: 1px #ccc solid; line-height: 3em; padding: 5px;}
.tj_news ul li span{float: right;}
.tj_news ul li h3{font-weight: 400;transition: all 0.5s;font-size: 18px;}
.tj_news ul li:hover h3{color: #0b73c3;font-weight: 600;}
.tj_contact{text-align: left;padding: 0 10px;}
.tj_contact b{font-size: 18px;line-height: 3em;}
.tj_contact p{font-size: 16px;line-height: 2em;border-bottom: 1px #ccc solid;}



/*news_list*/
.news_list{}
.news_list ul{overflow: hidden;}
.news_list ul li{width: 46%; float: left; margin: 1%; padding: 1%;border-bottom: 2px #ccc dotted;transition: all 0.5s;}
/*.news_list ul li:nth-child(2n){background: #ccc;}*/
.news_list ul li span{float: right;line-height: 3em; padding-top: 5px;}
.news_list ul li h3{line-height: 3em;font-size: 18px;}
.news_list ul li p{font-size: 16px; line-height: 1.8em;}
.news_list ul li:hover{background: #f5f5f5;}
.newslist_contit{text-align: center; margin: 20px auto;}
.newslist_contit h1{font-size: 22px; padding-bottom: 10px; border-bottom: 1px #ccc solid; margin-bottom: 10px;}
.newslist_contit span{font-size: 18px;}

/*pglist*/
.pglist{padding: 20px 0 30px;width:100%;text-align: center;clear: both;font-size: 16px;}
.page-status{border: 1px solid #ddd;margin: 0 3px;border-radius: 2px;padding: 0 14px;color: #666;}
.pglist a {color: #666;padding: 0 14px;margin: 0 3px;background: #fff;border: 1px solid #ddd;-webkit-border-radius: 2px;border-radius: 2px;}
.pglist *{display:inline-block;_zoom:1;_display:inline;vertical-align:middle;line-height: 30px;padding-bottom:1px;}
.pglist a:hover,.pglist .hover {display:inline-block;color: #fff;background: #0b73c3;border-color: #0b73c3;}

@media(max-width:992px)
{
	
/*pro_page*/
.pro_right{width: 98%;}
.content{width: 98%;}
/*about page*/
.page_right{width: 98%;}
.contact_con li {  width: 48%; }

}

@media(max-width:768px)
{
	
/*news_list*/
.news_list ul li{width: 96%;}


}

@media(max-width:550px)
{

.tj_pro ul li{width: 98%; margin: 1%;}
.page_right span{font-size: 30px;}
.contact_con li {  width: 98%; }
.list_pro_nav{display:none;}
}