html,body{-webkit-overflow-scrolling:touch; overflow-scrolling:touch; }

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  

pre, form, fieldset,figure,figcaption, table, th, td img{margin:0; padding:0; } 

a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1,time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }

body{font-family:微软雅黑,"puhui","Arial","sans-seift";font-size:14px; text-align:left; margin:0 auto; line-height:24px; background:#fff; color:#333; font-weight:normal; overflow-x:hidden;    -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }

h1,h2,h3,h4,h5,h6{font-size:100%; padding:5px 0}

a{color:#333; text-decoration:none;cursor: pointer}

a:hover{text-decoration:none;}

a:link,a:active,a:visited,a:hover {background:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; }

img {max-width: 100%;height: auto;-ms-interpolation-mode: bicubic;border: 0;}

i,em{ font-style: normal;}

li{list-style:none;}

button,input,select,textarea{font-size:100%;}

transition{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout:none; }

button{ -webkit-border-radius:0px;border-radius:0px; outline:none; }

input{border-radius:0; outline:none; }

input:-ms-clear{display:none; }/*消除 IE10 里面的那个叉号*/

input,textarea{border:0; }

textarea {resize :none; outline:none; }/*去掉提交框右下角箭头*/

img{border:0; vertical-align:middle; }/*让链接里的 img 无边框；清除图片间距*/

ul,li{list-style:none; }

.clearfix {display: inline-table;display: block;zoom: 1}

.clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;}

.wrap{width: 100%;}

.w_container{width: 1500px; margin: 0 auto;}

.l{float: left;}

.r{float: right;}

.index_header{position: fixed; top: 0px; padding: 20px 0; z-index: 99999; transition: 1s;}

.index_header .scroll{display:none;}

.index_header .logo{width: 24%;padding-left: 5%; float: left;z-index: 2;}

.index_header .logo img{width: 400px; transition:.5s;}

.index_header ul{float: right;z-index: 2; margin-top: 20px; margin-right: 4%}

.index_header ul li{float: left; margin: 0 15px; position: relative;transition: .5s;}

.index_header ul li a{color: #fff; font-size: 17px; padding: 0 30px; font-weight: bold;transition: .5s; }

.index_header ul li:hover>a{color:#ff9900;}

.index_header ul li dl{display: none;}

.index_header ul li:hover dl{display: block; background: #eee; border: 1px solid #ddd; position: absolute; padding: 15px 10px 0px 10px; left: 20px; border-radius: 2px;}

.index_header ul li:hover dl dd{margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 8px;}

.index_header ul li:hover dl dd:last-child{border-bottom: none;}

.index_header ul li:hover dl a{font-weight: normal; padding: 0; text-align: center; color: #181523; font-size: 15px;}

.index_header ul li:hover dl dd:hover a{color: #c91524}

.header_scroll{background:rgba(255,255,255,.9)}

.header_scroll ul li a{color:#000}

.header_scroll .logo img{width: 360px;}

.header_scroll .scroll{display:block;}

.header_scroll .default{display:none;}

.vh-scroll{height:100vh; background: #000;}

.section-video .video{display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;}

.section-video .video video{position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1;-webkit-filter: brightness(0.50);filter: brightness(0.70);}

.section-video .item{position: absolute; z-index: 2;left: 0; right: 0; top: 40%; color: #fff;}

.section-video .item p{text-align: center; font-size: 46px; font-weight: bold;}

.section-video .item h3{text-align: center; font-size: 18px; margin-top: 40px; font-weight: normal;}

.section-video .item i{font-size: 60px; margin: 0 30px;}

.section-video .item a{display: block; text-align: center; font-size: 16px; color: #fff; width: 130px; padding: 10px 0; margin: 0 auto; background: #c91524; margin-top: 40px; transition:.5s; }

.section-video .item a:hover{background:#ff9900;}

.index_about{background: url("../images/wangge_bg.png") repeat; padding-top: 40px;}

.index_about .top h2{text-align: center; font-size: 52px; font-weight: bold; color: #181523; background: url("../images/tit_bg1_03.png") no-repeat center center; padding-top: 43px;}

.index_about .top p{text-align: center; font-size: 18px; color: #31294b; margin-top: 32px;}

.index_about .w_container{position: relative;}

.index_about .content{margin-top: 44px;}

.index_about .l{margin-top: 53px;}

.index_about .l p{font-size: 22px; color: #31294b; font-style:italic;}

.index_about .l h4{font-size: 40px; color: #414043; margin-top: 48px;}

.index_about .ico{position: absolute; width: 69%; bottom: -33px; background: #fff; box-shadow: 0 0px 20px rgba(0,0,0,.18); border-radius: 10px; padding: 30px 0;}

.index_about .ico ul li{float: left; width: 20%; text-align: center;}

.index_about .ico ul li img{margin-bottom: 13px;}

.index_about .ico ul li i{display: block; font-size: 15px; color: #333;}

.index_pro{background: url("../images/shili_bg_01.jpg") no-repeat top center; padding-top: 60px; margin-top: 100px;}

.index_pro .top h2{text-align: center; font-size: 52px; color: #fff;}

.index_pro .top p{text-align: center; font-size: 16px; color: #ededed; line-height: 1.8; margin-top: 30px;}

.index_pro .w_container{margin-top: 36px;}

.index_pro .l, .index_pro .r{ width: 28.5%; position: relative;}

.index_pro .l img{width: 100%;}

.index_pro .l span{display: block; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 40px; text-align: center; line-height: 28px;background: url("../images/shigan_bg2_03.png") no-repeat; width: 273px; padding:  6px 0;transition: .5s;}

.index_pro .l a{display: block;}

.index_pro .l i{display: block; font-size: 18px; color: #181523; font-weight: bold;}

.index_pro .l p{position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.4); transition: .5s;}

.index_pro .l:hover p{background:rgba(0,0,0,0.05);}

.index_pro .center{float: left;width: 41.1%; margin: 0 0.9%}

.index_pro .center .t{width:616px; height:304px;}

.index_pro .center .t a{color: #181523;position: relative;display: block;width: 100%;height: 100%;-webkit-perspective: 800px;-moz-perspective: 800px;}

.index_pro .center .t img{border-radius: 10px; width: 100%;}

.index_pro .center .t i{display: block; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 30px; background: url("../images/shigan_bg3_06.png") no-repeat; text-align: center; width: 183px; height: 42px; line-height: 42px; font-size: 18px; font-weight: bold;}

.index_pro .center .t a > div, .index_pro .center ul li a > div{position: absolute;left: 0;height: 0;width: 100%;height: 100%;color: #181523;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-webkit-transition: .8s ease-in-out;

	-moz-transition: .8s ease-in-out;

	/*动画元素背后设置为hidden*/

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

}

.index_pro .center .t a div:first-child, .index_pro .center ul li a div:first-child{/*绕y轴旋转 */-webkit-transform: rotateX(0);-moz-transform: rotateX(0);z-index: 2;}

.index_pro .center .t a div:last-child, .index_pro .center ul li a div:last-child {-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);z-index: 1;}

.index_pro .center .t a:hover div:first-child, .index_pro .center ul li a:hover div:first-child {-webkit-transform: rotateX(-180deg);-moz-transform: rotateX(-180deg);}

.index_pro .center .t a:hover div:last-child, .index_pro .center ul li a:hover div:last-child {-webkit-transform: rotateY(0);-moz-transform: rotateY(0);}

.index_pro .center ul{margin-top: 6px;}

.index_pro .center ul li{float: left;width: 50%; height:304px;}

.index_pro .center ul li:first-child{padding-right: 4px;}

.index_pro .center ul li:last-child{padding-left: 4px;}

.index_pro .center ul li img{border-radius: 10px; width: 100%;}

.index_pro .center ul li i{display: block; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 30px; background: url("../images/shigan_bg3_06.png") no-repeat; text-align: center; width: 183px; height: 42px; line-height: 42px; font-size: 18px; font-weight: bold; transition: .5s;}

.index_pro .center ul li a{ color: #181523;position: relative;display: block;width: 100%;height: 100%;-webkit-perspective: 800px;-moz-perspective: 800px;}

.index_pro .r img{width: 100%;}

.index_pro .r i{position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 60px; text-align: center; color: #ff4141; font-size: 22px; font-style: italic; transition: .5s; font-weight: bold;}

.index_pro .r p{position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.4); transition: .5s;}

.index_pro .r:hover p{background:rgba(0,0,0,0.05);}

.index_pro .l:hover span{ bottom: 50px;}

.index_pro .center .t:hover i{}

.index_pro .center ul li:hover i{}

.index_pro .r:hover i{font-style: normal;}

.index_case{position: relative;z-index: 10; margin-top: 40px;}

.index_case .top{ padding: 30px 0 1px 0;}

.index-case:before {content: "";position: absolute;left: 120px;top: 0;width: 260px;height: 243px;background: url(../images/case-icon.png) no-repeat;z-index: -1;}

.index_case .top h2{font-size: 52px; text-align: center; background: url("../images/title_bg_02.png") no-repeat; background-position: center top; background-size:  auto 100px; color: #181523; padding-top: 30px; line-height: 76px;}

.index_case .top h2 a{font-size: 16px; font-weight: normal;color: #ff9900; transition: .5s;float: right;}

.index_case .top h2 a:hover{color:#c91524;}

.index_case .top p{text-align: center; font-size: 18px; color: #334354; margin-top: 10px; margin-bottom: 30px;}

.index_case .list{margin-top: 20px;}

.index_case .list .item{float: left; width: 31.06%; margin: 0 1.7%; box-shadow: 0 0px 15px rgba(0,0,0,.15);}

.index_case .list .item:first-child{margin-left: 0;}

.index_case .list .item:last-child{margin-right: 0;}

.index_case .list .img img{width: 100%;}

.index_case .list .bg_t{background: url("../images/case_bg_t_03.png") no-repeat; height: 66px; background-size: cover; position: relative; z-index: 999; margin-top: -53px;}

.index_case .list .bg_t img{margin: 25px 0 0 28px; transition: .5s;}

.index_case .list .item:hover .bg_t img{margin-left: 40px; }

.index_case .list .content{padding: 12px 25px 30px 25px; background: #e8e8e8;}

.index_case .list .content h3{font-size: 24px; line-height: 1.6;}

.index_case .list .content h3 a{color: #181523; display: block; transition: .5s;}

.index_case .list .content h3:hover a{color: #c91524;}

.index_case .list .content .box{background: #fff; padding: 13px 20px 20px 20px; margin-top: 16px;}

.index_case .list .content .box p{font-size: 16px; color: #35343a; line-height: 1.7; margin-top: 5px; background: url("../images/yuanhuan_03.png") no-repeat left center; padding-left: 23px;}

.index_b_scroll{margin-top: 70px;}

#wrapper {

position: relative;

display: -webkit-box;

display: -webkit-flex;

display: -ms-flexbox;

display: flex;

-webkit-box-align: center;

-webkit-align-items: center;

-ms-flex-align: center;

align-items: center;

-webkit-box-pack: left;

-webkit-justify-content: left;

-ms-flex-pack: left;

justify-content: left;

overflow: hidden;

}

#left-side {

	position: relative; z-index: 9999;

	height: 530px;width: 50%; margin-top: 2px;

	overflow: hidden;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

	  -ms-flex-align: center;

		  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

	  -ms-flex-pack: center;

		  justify-content: center;

}

#left-side ul{background: url("../images/kc_jishu_bg.png") repeat;}

#left-side ul li {height: 134px;padding-left: 400px;

display: -webkit-box;

display: -webkit-flex;

display: -ms-flexbox;

display: flex;

color: rgba(51, 51, 51, 0.5);

font-weight: 500;

cursor: pointer;

  -webkit-transition: all .2s ease-out;

		  transition: all .2s ease-out;

}

#left-side ul{width: 100%; margin-top: 2px;}

#left-side ul li:hover {color: #333333;

  -webkit-transition: all .2s ease-out;

		  transition: all .2s ease-out;

}

#left-side ul li:hover > .icon {fill: #333;}

#left-side ul li .content{width: 90%; padding-top: 13px;}

#left-side ul li.active {background: rgba(255,153,0,.7)}

#left-side ul li .box h3{font-size: 17px; color: #fff; padding-top: 15px;}

#left-side ul li .box span{font-size: 15px; color: #fff; line-height: 26px;}

#left-side ul li img{width: 88px; height: 88px; border-bottom: 1px solid #fff; margin-right: 40px; float: left;}

#right-side {position: absolute; left: 0; top: 0; height: 532px;width: 100%;overflow: hidden;}

#right-side #first, #right-side #second, #right-side #third, #right-side #fourth {position: absolute;height:536px;width: 100%;

  -webkit-transition: all .6s ease-in-out;

		  transition: all .6s ease-in-out;

  margin-top: -350px;

  opacity: 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

	  -ms-flex-align: center;

		  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

	  -ms-flex-pack: center;

		  justify-content: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

	  -ms-flex-direction: column;

		  flex-direction: column;

}



#right-side #first.active, #right-side #second.active, #right-side #third.active, #right-side #fourth.active {margin-top: 0px;opacity: 1;

  -webkit-transition: all .6s ease-in-out;

		  transition: all .6s ease-in-out;}

#right-side img{width: 100%;}

.fbanner{height: 670px; margin-top: 70px; background: url("../images/fbanner_bg.jpg") no-repeat center center;position: relative; padding-left: 100px;}

.fbanner h2{font-size: 60px; color: #fff; padding-top: 80px;}

.fbanner h2 i{font-size: 28px; color: #fff; font-weight: normal; margin-left: 73px;}

.fbanner .slogan{width: 70%; margin-left: -2%;margin-top: 60px;}

.fbanner .slogan .item{width: 16%; overflow: hidden; float: left; text-align: center; position: relative;}

.fbanner .slogan .item i{display: block; position: absolute; left: 0; right: 0; margin: 0 auto;top: 5px; width: 78px; height: 77px; background:url("../images/ico13_03.png") center center no-repeat;}

.fbanner .slogan .item:hover i{opacity:1;-webkit-animation:rotateMoveBack 5s infinite linear;animation:rotateMoveBack 5s infinite linear;}

.fbanner .slogan .item span{display: block; font-size: 16px; color: #fff; margin-top: 20px;}

.fbanner p.jiangxin{position: absolute; top:100px; right: 14.8%;;}

.footerwrap{width: 80%; margin: 0 auto; padding: 20px 0;}

.footer {background: #1d2637;color: #fff; font-size: 16px; padding-bottom: 10px;}

.footer .left{width: 80%;float: left;}

.footer .rexian{font-size: 18px;}

.footer .copyright{margin-top: 15px; font-size: 14px;}

.footer .copyright a{color: #fff; margin-left: 20px;}

.footer-youqing a{color: #fff;margin-left: 20px;}

.footer ul {margin-top: 15px; padding-bottom: 20px;}

.footer ul li{float: left; margin-right: 15px; color: #ddd; font-size: 14px;}

.footer ul li a{display: block; color: #ddd;}

.footer .wechat{float: left; margin-left:150px;}

.footer .wechat img{width: 90px;}

#gotop{display: none; position: fixed; z-index:999999; bottom:5%; right: 20px; width: 40px; height: 50px; cursor:pointer; text-align:center; font-size:15px; background:#fff; transition:.5s; border-radius:3px;}

#gotop i{display:block;}

#gotop img{width: 20px;}

#gotop:hover{background:#ff9900;}





@media screen and (min-width: 1925px) {

	.fbanner{width:1920px; margin:0 auto;}

	.footerwrap{width:1920px; margin:0 auto;}

	.index_b_scroll{width:1920px; margin:0 auto; margin-top:70px;}

}

@media (max-width:1600px){

	#left-side{height: 396px; overflow: hidden;}

	#right-side{height: 396px;}

	#right-side img{height: 532px;}

	#left-side ul li{height: 99px; padding-left: 203px;}

	#left-side ul li .content{width: 100%;}

	#left-side ul li img{width: 70px; height: 70px;}

	#left-side ul li .box span{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

}

@media (max-width:1500px){

	.w_container{width: 100%; padding: 0 20px;;}

}

@media (max-width:1440px){

	#left-side ul li{padding-left: 114px;}

	.index_pro .center .t{width:575px; height:284px;}

}

@media (max-width:1366px){

	.index_header ul li{margin: 0 20px;}

	.index_header ul li a{padding: 0 20px;}

	.about-info, .about-pic{width: 100%;}

	.about-info{margin-top: 20px;}

	.fbanner{background-position: center center;}

	.fbanner p.jiangxin{right: 5%; top: 120px;}

	.fbanner p.jiangxin img{width: 60%;}

	.index_pro .center .t{width:546px; height:268px;}

}

@media (max-width:1280px){

	.index_about .tit{margin:0px auto 60px;}

	.index_about .tit h3{font-size:30px;margin-bottom:20px;}

	.index_about_box .l strong {font-size:30px;}

	.index_about .top h2, .index_case .top h2{font-size: 40px;}

	.index_about .l{margin-top: 30px;}

	.index_about .l p{font-size: 18px;}

	.index_about .l h4{font-size: 34px;}

	.index_about .r img{width: 80%; float: right;}

	.index_pro .center .t{width:511px; height:254px;}

}

@media (max-width:1024px){

	.index_header .logo{width: 28%;}

	.index_header ul li{margin: 0 10px;}

	.index_header ul li a{padding: 0 10px; font-size: 16px;}

	.section-video .item p{font-size: 40px;}

	.section-video .item i{font-size: 30px;}

	.section-video .item h3{font-size: 18px; margin-top: 40px;}

	.index_about .r{width: 60%;}

	.index_about .l p{font-size: 14px;}

	.index_about .l h4{font-size: 28px;}

	.index_about .ico{width: 90%; left: 0; right: 0; margin: 0 auto;bottom: -130px; padding: 20px 0;}

	.fbanner h2{font-size: 38px;}

	.fbanner p.jiangxin{display: none;}

	.fbanner .slogan{width: 100%;}

	#left-side ul li{padding-left: 54px;}

	.index_pro .center .t{width:406px; height:200px;}

	

}

@media (max-width:768px){

	.index_header .logo{width: 28%;}

	.index_header ul li{margin: 0 5px;}

	.index_header ul li a{padding: 0 5px; font-size: 16px;}

	.section-video .item p{font-size: 40px;}

	.section-video .item i{font-size: 30px;}

	.section-video .item h3{font-size: 18px; margin-top: 40px;}

	.index_about .l{width: 100%; margin-bottom: 30px;}

	.index_about .content{margin-top: 10px;}

	.index_about .l p, .index_about .l h4{text-align: center;}

	.index_about .l h4{margin-top: 20px;}

	.index_about .r, .index_about .r img{width: 100%;}

	.index_case h2{font-size: 42px;}

	.index_case ul li{width: 47%; margin-bottom: 30px;}

	.index_case .list .item{width: 100%; margin: 0;}

	.fbanner{padding-left: 50px;}

	.fbanner h2{font-size: 30px;}

	.fbanner h2 i{font-size: 20px;}

}





@keyframes rotateMoveBack {from {transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);}

to {transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);-ms-transform:rotate(-360deg);}

}

@-webkit-keyframes rotateMoveBack /*Safari and Chrome*/ {from {transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);}

to {transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);-ms-transform:rotate(-360deg);}

}





