body{font-family:Arial;font-size:16px;color:#333; padding:0; margin:0;}
input , textarea , select{font-family:Arial; color:#333; font-size:14px;}
a{ color:#333;}
a:hover{ color:#F08200;}
b{ font-weight:300;}
/*头部*/

.header{ width:100%; background:#FFF; box-shadow: 0 1px 10px rgba(0,0,0,.2); z-index:999999;height:110px; position:static;}
.header_a{position:absolute; left:0; bottom:0;}
.head{ width:1360px; margin:0 auto; position:relative;}
.head .logo{ width:280px; height:45px; float:left; margin-top:32px;}
.head .logo img{ width:100%; height:auto;}
.head .h_r{ width:1000px; float:right;}


.h_r .head_r,.h_r .nav_m,.h_r .search,.h_r .lang,.h_r .nav_m .nav{ display:inline-block; *display:inline; zoom:1; width:auto; float:right; vertical-align:top;}
.h_r .head_r{ position:relative;}
.h_r .lang{ height:110px; line-height:110px; font-size:13px; color:#000; padding:0 17px; border-left:1px solid #ddd; float:none;  border-right:1px solid #ddd;}
.h_r .lang span{ width:10px; height:6px; background:url(../png/jian1.png); margin-left:5px; display:inline-block;}

.lang_list{ background-color:#FFFFFF; display:none; z-index:9999; position:absolute; width:110px;  top:68px; border:1px solid #ddd; border-top:0px; right:0px;}
.lang_list li a{font-size:13px; text-align:center; padding:10px 0px; width:110px;  border-top:1px solid #d0d0d0; display:block; line-height:150%; } .lang_list li a:hover{ background-color:#f3f3f3;}

.h_r .search{ width:auto; float:none; padding:35px 11px 35px 14px; position:relative; height:110px;}
.search_m{ width:340px; background:url(../png/bg_c.png) repeat; position:absolute; left:-300px; top:110px; padding:20px 0; z-index:999; display:none;}
.search_m .s_m{ width:100%; height:35px; position:relative; padding:0 20px;}
.search_m .s_m .s_text{ width:100%; height:35px; background:#2C2C2C; padding-left:10px; padding-right:65px; border:1px solid #888; color:#CCCCCC;}
.search_m .s_m .btn{ width:65px; height:35px; border:1px solid #888; background:#E2E2E2; color:#333; cursor:pointer; text-align:center; font-size:15px; position:absolute; right:20px; top:2px; z-index:2;}
.search_m .s_tip{ width:100%; padding-top:15px;}
.search_m .s_tip li{ width:100%; padding:0 20px;}
.search_m .s_tip li .li_m a{ width:100%; height:30px; line-height:30px; padding-left:15px; background:url(../png/icon3.png) no-repeat left center; background-size:9px; color:#eee;}
.search_m .s_tip li dl{ width:100%; padding-bottom:12px; display:none;}
.search_m .s_tip li.on { background:#1D1D1D;}
.search_m .s_tip li.on dl{ display:block;}
.search_m .s_tip li dl dt{ width:40%; float:right;}
.search_m .s_tip li dl dt img{ width:100%; height:auto; vertical-align:top;}
.search_m .s_tip li dl dd{ width:60%; float:left; padding-right:12px; font-size:12px; color:#ccc; line-height:155%; padding-left:15px;}
.search_m .close{ width:100%; margin-top:40px; text-align:center;}
.search_m .close span{ display:inline-block; *display:inline; zoom:1; width:60px; height:40px; background:url(../png/colse.png) no-repeat center center; background-size:40px; cursor:pointer;}
.h_r .search .s_btn{ display:block; width:25px; height:25px; border:0; background:none; background:url(../png/icon1.png); background-size:25px 25px; margin-top:8px; cursor:pointer; position:relative; z-index:2; outline:none;}
.h_r .nav_m{ position:relative;}
.h_r .nav_m .nav{ width:auto; float:none; text-align:right;}
.h_r .nav_m .nav li,.h_r .nav_m .nav li a{ display:inline-block; *display:inline; zoom:1;}
.h_r .nav_m .nav li{ position:relative; float:left;}
.h_r .nav_m .nav li .er,.h_r .nav_m .nav li .san{ width:210px; height:auto; background:#FFF; position:absolute; left:0; top:110px; z-index:99999; display:none;}
.h_r .nav_m .nav li .san{ left:210px;}
.h_r .nav_m .nav li:hover .er,.h_r .nav_m .nav li:hover .san{ display:block; transition:all ease-in-out .5s;}
.h_r .nav_m .nav li .er li a,.h_r .nav_m .nav li .san li a{ background:none; padding:0; width:100%; height:auto; line-height:145%; padding:7px 0; background:url(../png/icon2.png) no-repeat 10px 12px; background-size:8px; padding-left:25px; font-size:15px; text-align:left; display:block; width:100%; font-weight:normal; color:#333;}

.h_r .nav_m .nav_ar  li .er li a,.h_r .nav_m .nav_ar  li .san li a{ font-size:20px;}


.h_r .nav_m .nav li .er li a:hover,.h_r .nav_m .nav li .san li a:hover{ color:#FFF; background-color:#404040; background-image:url(../png/icon3.png); background-repeat:no-repeat; background-position:10px 12px; background-size:8px; transition:all ease-in-out 0s;}
.h_r .nav_m .nav li .er li,.h_r .nav_m .nav li .san li{ width:100%; position:relative;}
/*.h_r .nav_m .nav li .er li:hover .san{ display:block;transition: all ease-in-out .5s;}*/
.h_r .nav_m .nav li a{ font-size:17px; color:#000; height:110px; line-height:110px; padding:0 11px; border-right:1px solid #ddd; vertical-align:top;}
.h_r .nav_m .nav_ru li a{padding:0 7px;font-size:16px;}
.h_r .nav_m .nav_ge li a{padding:0 5px; font-size:16px;}
.h_r .nav_m .nav_ar li a{padding:0 25px; font-size:22px; background:none; text-align:inherit; padding-left:0px; padding-right:10px;}



.h_r .nav_m .nav_jp li>a{ font-weight:bold; padding:0px 17px;} 

.h_r .nav_m .nav li.now a,.h_r .nav_m .nav li a:hover{ background:rgba(0,0,0,.2);}
/*.h_r .nav_m .nav li a:hover{ color:#F08200;}*/
.h_r .n_icon{ display:inline-block; *display:inline; zoom:1; height:30px;background:url(../png/nav_ico.png) no-repeat left center; position:absolute; width:30px; right:10px; top:-50px; z-index:998; cursor:pointer;display:none;}
.h_fix{ position:fixed; z-index:999999; left:0; top:0; transition:height ease-in-out .5s; height:70px;}
.h_fix .head .logo,.header_b .head .logo{ margin-top:15px;}
.h_fix .h_r .search,.header_b .h_r .search{ height:70px; padding:12px 11px 12px 14px;transition:height ease-in-out .5s;}
.h_fix .h_r .lang,.header_b .h_r .lang{ height:70px; line-height:70px;transition:height ease-in-out .5s;}
.h_fix .h_r .nav_m .nav li a,.header_b .h_r .nav_m .nav li a{ height:70px; line-height:70px;transition:height ease-in-out .5s;}
.h_fix .h_r .nav_m .nav li .er,.h_fix .h_r .nav_m .nav li .san,.header_b .h_r .nav_m .nav li .er,.header_b .h_r .nav_m .nav li .san{ top:70px;}
.h_fix .search_m,.header_b .search_m{ top:72px;}
.header_b{ height:70px; position:fixed; left:0; top:0; z-index:99;}
/*幻灯片*/
.banner{ width:100%; /*padding-bottom:110px;*/ padding-top:70px; overflow:hidden;}
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing {cursor:url(../grabbing.html) 8 8, move;}
/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden;-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
#owl-demo { position: relative; width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ position: relative; display: block; background:#000000; padding:0; margin:0;}
#owl-demo img { display: block; width: 100%;}
#owl-demo b { position: absolute; left: 0; bottom: 0; width: 100%; height: 78px; background-color: #000; opacity: .5; filter: alpha(opacity=50);}
#owl-demo span { position: absolute; left: 0; bottom: 37px; width: 100%; font: 18px/32px Arial; color: #fff; text-align: center;}
.owl-pagination { position: absolute; left: 0; bottom: 0px; width: 100%; height: 22px; text-align: center; display:none;}
.owl-page { display: inline-block; width:12px; height: 12px; margin: 0 5px; *display: inline; *zoom: 1;}
.owl-pagination .active { width: 12px;}

.owl-buttons div { position: absolute; top: 50%; width:46px; height:46px;margin-top:-23px; text-indent: -9999px;}
/*.owl-prev { left: 30px; background:url(../images/prev.png) no-repeat;background-size:25px;}
.owl-next { right: 30px; background:url(../images/next.png) no-repeat;background-size:25px;}*/
.owl-prev { left: 30px;border-bottom: 2px solid #fff;border-left: 2px solid #fff;box-shadow: -2px 2px 3px rgba(0,0,0,.5),inset 2px -2px 3px rgba(0,0,0,.5); -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out; -o-transition: all .3s ease-out;transition: all .3s ease-out;}
.owl-next { right: 30px;border-bottom: 2px solid #fff;border-left: 2px solid #fff;   box-shadow: -2px 2px 3px rgba(0,0,0,.5),inset 2px -2px 3px rgba(0,0,0,.5);      -webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}/*.owl-prev:hover {opacity: 0.8;}
.owl-next:hover {opacity: 0.8;}*/
.owl-prev:hover{-webkit-transform: scale(1.1,1.1) perspective(200px) rotateZ(28deg) rotateX(37deg) rotateY(47deg);-moz-transform: scale(1.1,1.1) perspective(200px) rotateZ(28deg) rotateX(37deg) rotateY(47deg);-ms-transform: scale(1.1,1.1) perspective(200px) rotateZ(28deg) rotateX(37deg) rotateY(47deg);   -o-transform: scale(1.1,1.1) perspective(200px) rotateZ(28deg) rotateX(37deg) rotateY(47deg);transform: scale(1.1,1.1) perspective(200px) rotateZ(28deg) rotateX(37deg) rotateY(47deg);}
.owl-next:hover{-webkit-transform: scale(1.1,1.1) perspective(200px) rotateZ(208deg) rotateX(37deg) rotateY(47deg); -moz-transform: scale(1.1,1.1) perspective(200px) rotateZ(208deg) rotateX(37deg) rotateY(47deg);-ms-transform: scale(1.1,1.1) perspective(200px) rotateZ(208deg) rotateX(37deg) rotateY(47deg);-o-transform: scale(1.1,1.1) perspective(200px) rotateZ(208deg) rotateX(37deg) rotateY(47deg);   transform: scale(1.1,1.1) perspective(200px) rotateZ(208deg) rotateX(37deg) rotateY(47deg);}
/*幻灯片*/
.bg_a{ width:100%;  padding:35px 0; background: #000;}
.bg_d{ width:100%; background:#1a1a1a; padding:35px 0;}
.bg_d1{ width:100%; background:#2b2b2b; padding:35px 0;}
.bg_g{ width:100%; background:#fff; padding:35px 0;}
.wrap{ width:1200px; margin:0 auto;}
.warp_100{width: 100%; padding:0px!important;}
.warp_100 img{  vertical-align: top;}

.i_name{ width:100%; padding-left:10px; height:50px; line-height:50px; font-size:20px; color:#FFF;}
.i_name h2{ width:100%; padding-left:10px; height:50px; line-height:50px; font-size:24px; color:#FFF;}
.i_main{ padding-bottom:10px;}
.i_main ul{ float:left;}.i_main .single_item{ float:left;}.i_main .get_more{}
.i_main ul li{ float:left; margin-bottom:10px; margin-right:10px; position:relative; overflow:hidden;}
.i_main ul li:nth-child(3n){ margin-right:0px!important;}
.i_main .da li{ width:590px;}
.i_main .da li img{ width:590px; height:377px; vertical-align:top;}
.i_main .da li .p_name{ width:590px; height:377px; background:url(../png/bg_b.png) repeat; position:absolute; left:0; bottom:0; z-index:2; line-height:357px; padding:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; color:#FFF; font-size:18px;opacity:0; filter: alpha(opacity=0);}
.i_main .da li .p_name h1{display:inline-block; *display:inline;zoom:1;line-height:175%;vertical-align:middle;font-size: 18px;text-transform: none;}
.i_main .da li:hover .p_name,.i_main .xiao li:hover .p_name{opacity: 1; filter: alpha(opacity=100); transition:all ease-in-out .5s;}
.i_main .xiao li{ width:390px;}
.i_main .xiao li img{ width:390px; height:390px; vertical-align:top;}
.i_main .da li:hover img{transition:all ease-in-out .5s; transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);}
.i_main .xiao li .p_name{ width:390px; height:276px; background:url(../png/bg_b.png) repeat; position:absolute; left:0; bottom:0; z-index:2; line-height:256px; padding:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; color:#FFF; font-size:18px;opacity: 0; filter: alpha(opacity=0);}
.i_main_a .da li .p_name{ line-height:175%; padding-top:155px;}
.i_main .xiao li .p_name h1{display:inline-block; *display:inline; zoom:1; line-height:175%; vertical-align:middle; font-size: 18px;text-transform: none;}
.i_main_a .xiao li .p_name{ line-height:175%; padding-top:100px;}
.i_main .da li .p_name span,.i_main .xiao li .p_name span,.i_main .xiao li .p_name h2{ display:inline-block; *display:inline; zoom:1; line-height:175%; vertical-align:middle;color:#FFF}
.bg_b{ width:100%; background:url(../jpg/bg_a.jpg) no-repeat; background-size:cover;padding:35px 0;}
.wrap_a{  }
.wrap_a .i_name{ padding-left:0; padding-bottom:20px;}
.wrap_a ul{ width:100%; padding-top:10px;}
.wrap_a ul li{ width:50%; float:left; padding-right:20px; margin-bottom:30px;}
.wrap_a ul li input{ width:100%; height:50px; line-height:50px; padding:0 10px; border:0; background:#FFF; font-size:16px; color:#999;border-radius: 5px;}

.wrap_a ul li.chang{ width:100%;}
.wrap_a ul li.chang textarea{ width:100%; padding:10px; color:#333; line-height:175%; border:0; font-size:16px;border-radius: 5px;}
.wrap_a ul li.chang .btn{ width:100px; background:#FFA215; cursor:pointer; text-align:center; font-size:18px; float:right; color:#fff;border-radius: 5px;}
.wrap_a ul li.chang .btn:hover,.scd_a ul li.i_btn input.sub:hover{ background:#FFB03C;}



.home_advantage{ padding-top:20px;}
.home_advantage .title1{ color:#070707; font-size:24px; text-align:center; font-weight:bold; padding-top:20px;}
.home_advantage .title2{ color:#070707; font-size:1em; text-align:center; padding:25px 25%; }
.home_advantage ul{ padding-top:20px; padding-bottom:50px;}
.home_advantage ul li{ width:23%; margin:1%;  float:left;  padding:28px;  border-radius: 10px; text-align:center;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;color:#3a3939}
.home_advantage ul li img{ width:auto; height:70px;  }
.home_advantage ul li .title{ line-height:50px; padding-top:10px; font-size:20px; text-align:center; font-weight:bold;}
.home_advantage ul li .cont{ line-height:26px;  text-align:left; font-size:14px;}
.home_advantage ul li:hover{ background-color:#ff7e00; color:#fff;box-shadow: 0 10px 40px rgba(0,0,0,.2);}
.home_advantage ul li:hover img{filter: grayscale(100%) brightness(500%) contrast(200%);}
.home_advantage ul li:nth-child(4){ margin-right:0px}

.home_case{ padding-top:0px; background-color:#fcfcfc;}
.home_case .title1{ color:#070707; font-size:24px; text-align:center; font-weight:bold; padding-top:50px;}
.home_case .title2{ color:#070707; font-size:1em; text-align:center; padding:30px 25%; }
.home_case ul{ padding-top:20px; padding-bottom:50px; text-align:center;}
.home_case ul li{ width:30%; margin:1%;       text-align:center;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;color:#3a3939; display:inline-block;background-color:#FFFFFF;}

.home_case ul li:hover .img img{  transform: scale(1.2);}
.home_case ul li .img{ overflow:hidden; position:relative; }
.home_case ul li img{ height:auto; width:100%; float:left;  transition: transform 0.3s ease-in-out; }
.home_case ul li .title{ line-height:30px; padding-top:10px; font-size:16px; text-align:left; padding-bottom:10px;padding-left:10px }
.home_case ul li:hover{ background-color:#ff7e00; color:#fff;box-shadow: 0 10px 40px rgba(0,0,0,.2);}
	
.home_case ul li:nth-child(3){ margin-right:0px}

.home_gs{ padding:5%; background-color:#fcfcfc;}
.home_gs .img{ float:left; width:55%; position:relative; cursor:pointer;} .home_gs .img img{ width:100%; height:auto;}

.home_gs .img .play {    text-align: center;    line-height: 180px;    font-size: 80px;    color: #fff;    position: absolute;    left:50%;top:50%;margin:0 0 0 -88px;   z-index: 5;    transform: translateY(-50%);}
.home_gs .img .play .icot{ display:inline-block; width:176px; height:176px; background:url(../png/yico.png) no-repeat center center; background-size:25%}
.spinner {	
	width: 176px;
	height: 176px;
	border-radius: 50%;
	position: relative;
	
	&:before,
	&:after {
		display: block;
		content: "";
		width: 100%;
		height: 100%;
		
		position: absolute;
		top: 0;
		left: 0;
		
		background: url(../png/circle-outer.png) center center no-repeat;
		background-size: contain;
	}
	
	&:before {
		-webkit-animation: spinner-inner 10s infinite;
		 animation: spinner-inner 10s infinite;
		 
		 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
	&:after {
		background-image: url(../png/circle-inner.png);
		
		-webkit-animation: spinner-inner 7s infinite;
		 animation: spinner-inner 7s infinite;
		 
		 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	
}

@-webkit-keyframes spinner-inner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	25% {
		-webkit-transform: rotate(160deg);
		transform: rotate(160deg);
	}
	75% {
		-webkit-transform: rotate(300deg);
		transform: rotate(300deg);
	}
	90% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(00deg);
	}
}

@keyframes spinner-inner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	25% {
		-webkit-transform: rotate(160deg);
		transform: rotate(160deg);
	}
	75% {
		-webkit-transform: rotate(300deg);
		transform: rotate(300deg);
	}
	90% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(00deg);
	}
}





.home_gs .title{ padding-left:5%; padding-top:5%; float:left; width:40%;} .home_gs .title h4{ font-size:30px; font-weight:bold; line-height:35px;}.home_gs .title .cont{ padding-top:20px; font-size:16px;  line-height:30px;}
.home_gs .title .cont .leamore{border-radius: 5px; display:inline-block; border:1px solid #333; padding:10px 30px; font-size:16px; -webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s; margin-top:20px; line-height:30px;}
.home_gs .title .cont .leamore:hover{border:1px solid #f29f14; background-color:#f29f14; color:#FFFFFF;}


.pc-bg-container{background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; padding-top: 20px; }
.home-market-section{ background-color:#fcfcfc;text-align: center; padding:20px 0 120px; overflow:hidden;}
/*标题*/
.home-market-section .section-title{text-transform:uppercase; font-weight:bold;margin-bottom: 50px; margin-top:30px;font-size: 24px; min-width: 150px; text-align: left; color: #120c0c; display: inline-block; position: relative; border: none; height: 42px; line-height: 42px;padding-left: 10px;}
.home-market-section .section-title a{width: 100%; display: block; position: relative;}

.home-market-section .section-title a:hover:before{right: -16px;}
/*内容盒子*/
.home-market-section .section-inner{position: relative; margin: 0 auto;}
.home-market-section .section-inner .swiper-container{ }
.home-market-section .section-inner .swiper-container .swiper-wrapper{align-items: center; }
/*内容列表*/
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide{ background: 0 0; padding: 0 50px; box-sizing: border-box; text-align: center;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a{-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;display: block; float: left; position: relative; background-color: #fff; border: 1px solid rgba(0,0,0,.1); width: calc((100% - 200px)/ 4);  height: 100%; margin-left: 25px; margin-right:25px;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a:hover{box-shadow: 0 10px 40px rgba(0,0,0,.2); border: 1px solid rgba(163,145,114,.2);}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide img{height:auto; width: 100%;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide h3{font-weight: normal; padding:20px 10px; line-height:22px; font-size: 16px; color: #252b3a; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*分页*/
.home-market-section .section-inner .swiper-container .swiper-pagination-bullets{bottom: -60px;}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet{position: relative; margin: 0 5px; width: 24px; height: 4px; border-radius: 100px; opacity: 1; background: 0 0;}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet:before{content: ''; display: inline-block; position: absolute; width: 24px!important; height: 4px; opacity: 1; left: 0; border-radius: 100px; background: #dfe1f1; vertical-align: middle; transition: opacity .8s,background-color .8s;}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet-active{opacity: 1;}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet-active:before{width: 24px!important; opacity: 1; border-radius: 100px; transform: scale(1.2); background: #ff7e00;}
/*左右箭头*/
.home-market-section .section-inner:hover .swiper-button-prev{left:18px; position:absolute}.home-market-section .section-inner:hover .swiper-button-next{right:18px;}
.home-market-section .section-inner .swiper-button-prev{ position:absolute;left: -100px; top: 37%; padding:40px 20px; margin-top: 0; background:#333333 url(../svg/marketplace-home-arrow_big.svg) center  no-repeat; background-size:30%;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;box-shadow: 0 10px 40px rgba(0,0,0,.2);}
.home-market-section .section-inner .swiper-button-next{position:absolute;right: -100px; top: 37%; padding:40px  20px; margin-top: 0; background:#333333 url(../svg/marketplace-home-arrow_big.svg) center  no-repeat; transform: rotate(180deg);  background-size:30%;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s; box-shadow: 0 10px 40px rgba(0,0,0,.2);}
.home-market-section .section-inner .swiper-button-next:hover{background:#ff7e00 url(../svg/marketplace-home-arrow_big_hover.svg)  center  no-repeat; background-size:30%;}
.home-market-section .section-inner .swiper-button-prev:hover{background:#ff7e00 url(../svg/marketplace-home-arrow_big_hover.svg)  center  no-repeat; background-size:30%;}


.pc-bg-container-video{background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; padding-top: 20px; }
.home-market-section-video{ background-color:#fff;text-align: center; padding:50px 0 50px; overflow:hidden; position:relative;}
.home-market-section-video .xlogo{ height:90px; width:90px; border:1px solid #dcd6d6; background-color:#FFFFFF; display:inline-block; margin-right:15px; line-height:90px; text-align:center; border-radius: 50%;}
.home-market-section-video .xlogo img{ display:inline-block; width:90%;}
.home-market-section-video .ytmore{ cursor:pointer; position:absolute; right:4%; top:40px; width:170px; line-height:46px; font-size:20px; padding-left:45px; border-radius: 30px; color:#FFFFFF; background:#000 url(../png/yt.png) 20px no-repeat; font-weight:300; text-transform:capitalize; font-style:normal;}
/*标题*/
.home-market-section-video .section-title{width: 92%;    background-color: #fcfcfc;    text-transform: uppercase;    font-weight: bold;         font-size: 24px;       color: #120c0c;    display: inline-block;    position: relative;    border: none;    /* height: 42px; */    /* line-height: 42px; */    text-align: center;    padding-bottom: 20px;    padding-top: 20px;}

.home-market-section-video .section-title a:hover:before{right: -16px;}
/*内容盒子*/
.home-market-section-video .section-inner{position: relative; margin: 0 auto; padding-top:40px;}
.home-market-section-video .section-inner .swiper-container{ }
.home-market-section-video .section-inner .swiper-container .swiper-wrapper{align-items: center; }
/*内容列表*/
.home-market-section-video .section-inner .swiper-container .swiper-wrapper .swiper-slide{ background: 0 0; padding: 0 50px; box-sizing: border-box; text-align: left;}
.home-market-section-video .section-inner .swiper-container .swiper-wrapper .swiper-slide>a{-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;display: block; float: left; position: relative; background-color: #fff; width: calc((100% - 150px)/ 3);  height: 100%; margin-left: 25px; margin-right:25px; cursor:pointer;}
.home-market-section-video .section-inner .swiper-container .swiper-wrapper .swiper-slide>a .play{width:63px;height:43px;background:rgba(245,0,0,.6) url(../png/3f_play_left.png) no-repeat center center; position:absolute;left:50%;top:50%;margin:-61px 0 0 -41px;border-radius:20%;cursor:pointer;transition:all .2s; background-size:25%;}
.home-market-section-video .section-inner .swiper-container .swiper-wrapper .swiper-slide>a:hover .play{background-color:rgba(0,0,0,.6);}
.home-market-section-video .section-inner .swiper-container .swiper-wrapper .swiper-slide>a:hover{box-shadow: 0 10px 40px rgba(0,0,0,.2); }
.home-market-section-video .section-inner .swiper-container .swiper-wrapper .swiper-slide img{height:auto; width: 100%;border-radius: 5px;}
.home-market-section-video .section-inner .swiper-container .swiper-wrapper .swiper-slide h3{font-weight: normal; padding:20px 10px; line-height:22px; font-size: 16px; color: #252b3a; overflow: hidden; text-overflow: ellipsis;}
/*左右箭头*/
.home-market-section-video .section-inner:hover .swiper-button-prev{left:0px; position:absolute}.home-market-section-video .section-inner:hover .swiper-button-next{right:0px;}
.home-market-section-video .section-inner .swiper-button-prev{ position:absolute;left: -100px; top: 40%; padding:50px 30px; margin-top: 0; background:url(../svg/marketplace-home-arrow_big.svg) center  no-repeat; background-size:30%;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;}
.home-market-section-video .section-inner .swiper-button-next{position:absolute;right: -100px; top: 40%; padding:50px  30px; margin-top: 0; background: url(../svg/marketplace-home-arrow_big.svg) center  no-repeat; transform: rotate(180deg);  background-size:30%;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s; }
.home-market-section-video .section-inner .swiper-button-next:hover{background:url(../svg/marketplace-home-arrow_big_hover.svg)  center  no-repeat; background-size:30%;}
.home-market-section-video .section-inner .swiper-button-prev:hover{background:url(../svg/marketplace-home-arrow_big_hover.svg)  center  no-repeat; background-size:30%;}


.pc-bg-container-news{background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; padding-top: 20px; }
.home-market-section-news{ background-color:#fff;text-align: center; padding:10px 0 60px; overflow:hidden; position:relative;}
/*标题*/
.home-market-section-news .section-title{text-transform:uppercase; font-weight:bold;margin-bottom: 10px; margin-top:30px;font-size: 24px; min-width: 150px; text-align: left; color: #120c0c; display: inline-block; position: relative; border: none; height: 42px; line-height: 42px;padding-left: 10px;}
.home-market-section-news .section-title a{width: 100%; display: block; position: relative;}

.home-market-section-news .section-title a:hover:before{right: -16px;}
/*内容盒子*/
.home-market-section-news .section-inner{position: relative; margin: 0 auto; padding-top:40px;}
.home-market-section-news .section-inner .swiper-container{ }
.home-market-section-news .section-inner .swiper-container .swiper-wrapper{align-items: center; }
/*内容列表*/
.home-market-section-news .section-inner .swiper-container .swiper-wrapper .swiper-slide{ background: 0 0; padding: 0 50px; box-sizing: border-box; text-align: center;}
.home-market-section-news .section-inner .swiper-container .swiper-wrapper .swiper-slide>a{-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;display: block; float: left; position: relative; background-color: #fff; width: calc((100% - 150px)/ 3);  height: 100%; margin-left: 25px; margin-right:25px; cursor:pointer;}
.home-market-section-news .section-inner .swiper-container .swiper-wrapper .swiper-slide>a:hover{ background-color:#f7f7f7}
.home-market-section-news .section-inner .swiper-container .swiper-wrapper .swiper-slide .img{ height:300px; width:100%; overflow:hidden;}
.home-market-section-news .section-inner .swiper-container .swiper-wrapper .swiper-slide .img img{height:auto; width:100%;}
.home-market-section-news .section-inner .swiper-container .swiper-wrapper .swiper-slide h3{ display:block; padding:20px 10px 10px;  font-size: 20px; color: #333;text-align:left;}
.home-market-section-news .section-inner .swiper-container .swiper-wrapper .swiper-slide h4{font-weight: normal; padding:0 10px 20px; font-size:16px; color: #626260; text-align:left;}

/*左右箭头*/
.home-market-section-news .section-inner:hover .swiper-button-prev{left:0px; position:absolute}.home-market-section-news .section-inner:hover .swiper-button-next{right:0px;}
.home-market-section-news .section-inner .swiper-button-prev{ position:absolute;left: -100px; top: 40%; padding:50px 30px; margin-top: 0; background:url(../svg/marketplace-home-arrow_big.svg) center  no-repeat; background-size:30%;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;}
.home-market-section-news .section-inner .swiper-button-next{position:absolute;right: -100px; top: 40%; padding:50px  30px; margin-top: 0; background: url(../svg/marketplace-home-arrow_big.svg) center  no-repeat; transform: rotate(180deg);  background-size:30%;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s; }
.home-market-section-news .section-inner .swiper-button-next:hover{background:url(../svg/marketplace-home-arrow_big_hover.svg)  center  no-repeat; background-size:30%;}
.home-market-section-news .section-inner .swiper-button-prev:hover{background:url(../svg/marketplace-home-arrow_big_hover.svg)  center  no-repeat; background-size:30%;}





.product-number-info {    position: relative;	background-color: #fff;    background-image: url(../png/pre-bg.png);    background-repeat: no-repeat;    background-position: center;    background-size: 60%;}
.product-number-info ul {text-align:center;    padding: 125px 0;}
.q {    zoom: 1; }
.product-number-info li {display:inline-block;text-align:center;padding:0px 60px;    height: 90px;   color: #f29f14;   padding-top: 1px;}
.product-number-info li:first-child {    border: none;}
.product-number-info li b {    font-weight: bold;    font-size: 80px;    line-height: 1;    display: inline-block;    position: relative;    margin: 15px 0 20px;}
.product-number-info li p {    font-size: 24px;	color:#333333;	font-weight:bold;}
.product-number-info li b i {    font-style: normal;}
.product-number-info li b sup {   position: absolute;    font-size: 20px;    right: -15px;    top: -3px;}
.product-number-info li b em {    font-style: normal;    font-size: 28px;    font-weight: 100;    padding-left: 2px;    position: relative;    top: -4px;}









.i_news{ width:100%; padding:30px 0;}
.i_news .i_left{ width:830px; float:left; border-right:1px solid #ddd;}
.i_news .i_right{ width:350px; float:right;}
.i_news .i_name { color:#000;}
.i_news .i_name h2{ color:#000;}
.i_news img{ width:100%; height:auto; vertical-align:top;}
.i_news .ct{ width:100%; padding-left:10px;}
.i_news .title{ width:100%; height:35px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px;}
.i_news .title h1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width: 100%;height: 30px;line-height: 30px;font-size: 18px;color: #000;margin: inherit;text-transform: none;}
.i_news .time{ height:20px; line-height:20px; color:#888; margin-bottom:15px;}
.i_news dl{ width:100%; padding-right:20px;}
.i_news dl dt{ width:420px; float:left;}
.i_news dl dt img{ width:420px; height:295px;}
.i_news dl dd{ width:360px; float:right; line-height:175%;}
.i_news dl dd .des{ width:100%; max-height:250px; overflow:hidden;}
.i_news dl dd .more{ display:block; width:100%; height:35px; margin-top:10px;}
.i_news dl dd .more a{ display:inline-block; *display:inline; zoom:1; width:auto; padding:0 15px; border:1px solid #ddd; font-size:15px; height:35px; line-height:33px;}
.i_right .ct img{ width:340px; height:365px;}
.bg_c{  background:#171717;     padding: 60px 8%;}
.f_nav{ padding:0 10px; color:#FFF;}
.f_nav .f_name{ width:100%;  line-height:18px; font-size:20px; color:#FFF; padding-bottom:30px;}
.f_nav .f_nl{ width:18%; float:left; color:#aaa; padding-top:30px;}
.f_nav .f_nl p{ width:100%; padding:5px 0; font-weight:normal; line-height:190%; font-size:16px;}
.f_nav .f_nl p a{ color:#aaa;}.f_nav .f_nl p a:hover{ color:#F08200}
.f_nav .f_nr{ width:21%; float:left;}
.f_nav .f_nr .share{ width:100%; }
.f_nav .f_nr .share img{ width:38px; height:auto; vertical-align:top;}
.f_nav .f_nr .dyfrom{ padding-top:30px;}
.f_nav .f_nr .dyfrom .tit1{ color:#FFFFFF; font-size:14px; padding-bottom:20px; line-height:30px;}.f_nav .f_nr .dyfrom .tit1 strong{ font-size:18px; display:block; font-weight:300;}
.f_nav .f_nr .dyemail{ width:100%; height:50px; line-height:50px; padding:0 10px; border:0; background:#FFF; font-size:16px; color:#999;border-radius: 5px;}
.f_nav .f_nr .dyemailsub{ padding:6px 12px; background:#FFA215; cursor:pointer; font-size:15px; color:#fff;border-radius: 5px; margin-top:25px;}
.f_nav .f_nr .dyemailsub:hover{ background:#FFB03C;}

.f_nav .f_nc{ width:50%; float:left; margin-left: 5%;    margin-right: 5%;border-left:1px solid #333; border-right:1px solid #333; padding:0 5%;}
.foot{ padding:10px 0 0; font-size:14px;}
.foot p{ width:100%; text-align:center; color:#aaa; margin-bottom:10px;}
.foot p img{ width:55px; height:auto; vertical-align:top;}
.banner_a{ width:100%; height:auto; position:relative; z-index:1; margin-top:-55px;}
.banner_a img{ width:100%; height:auto; vertical-align:top;}
.pst{ padding:0; line-height:55px; position:relative; z-index:9; font-size:15px; color:#B7B7B7; padding-top:70px;}
.pst h1{font-size:15px;color:#B7B7B7;display: inline;}
.pst a{ color:#B7B7B7;}
.pst_a,.pst_a a{ color:#333;}.pst_a1,.pst_a a1{ color:#B7B7B7;}
.scd_a{ width:1030px; margin:0 auto; padding:50px 0;}
.scd_a .des{ width:100%; padding:10px 15px; line-height:175%; font-size:16px; margin-bottom:20px;}
.scd_a ul{ width:100%;}
.scd_a ul li{ width:50%; padding:0 15px; margin-bottom:15px; float:left;}
.scd_a ul li input{ width:100%; height:40px; background:#FAFAFA; border:2px solid #eee; padding:0 7px; color:#999;}
.scd_a ul li.chang{ width:100%;}
.scd_a ul li.chang textarea{ width:100%;background:#FAFAFA; border:2px solid #eee; padding:7px; line-height:175%;}
.scd_a ul li.i_btn{ text-align:right;}
.scd_a ul li.i_btn input.sub{ display:inline-block; *display:inline; zoom:1; padding:0 15px; border:2px solid #FFA51E; background:#FFA51E; color:#333; font-size:16px; cursor:pointer; width:auto;}
.scd{ width:1200px; margin:0 auto;}
.scd .scd_l{ width:900px; float:left;  padding-right:20px; padding-top:15px;border-right:2px solid #ddd;}
.scd .scd_r{ width:300px; float:right; padding-left:20px; padding-top:15px;}
.scd_r .r_search{ width:100%; position:relative;}
.scd_r .r_search input{ width:100%; height:35px; line-height:35px; padding:0 65px 0 7px; background:#E2E2E2; border:1px solid #4E4E4E;}
.scd_r .r_search .btn{ width:65px; padding:0; text-align:center; background:#4E4E4E; cursor:pointer; color:#FFF; font-size:15px; position:absolute; right:0; top:0;}
.scd_r .cate{ width:100%;}
.scd_r .cate li{ width:100%; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; color:#000; text-ovwerflow:ellipsis;}
.scd_r .cate li.now a{ color:#F08200;}
.scd_r .tj{ width:100%; margin-top:15px;}
.scd_r .tj .title{ width:100%; height:45px; line-height:45px; font-weight:500; font-weight:bold;}
.scd_r .tj div{ width:100%; margin-bottom:5px;}
.scd_r .tj div p{ width:100%; height:30px; line-height:30px; white-space:nowrap; overflow:hidden;text-ovwerflow:ellipsis;}
.scd_r .tj div img{ width:100%; height:auto; vertical-align:top;}
.scd_l .blog_l{ width:100%;}
.scd_l .blog_l li{ width:100%; margin-bottom:15px;}
.scd_l .blog_l li .title,.blog_d .title{ width:100%; padding:8px 0; line-height:125%; font-size:32px; font-family:Georgia, "Times New Roman", Times, serif; }
.scd_l .blog_l li .des,.blog_d .des{ width:100%; color:#888; padding:3px 0;}
.blog_d .des img{ width:22px!important; padding-top:2px!important;}
.scd_l .blog_l li .ctn,.blog_d .ctn{ width:100%; line-height:175%; padding-top:10px;}
.scd_l .blog_l li .ctn p{ margin-bottom:15px;}
.scd_l .blog_l li .ctn img,.blog_d .ctn img{ max-width:100%; height:auto; vertical-align:top;}
.page{ width:100%; text-align:center; padding-bottom:50px;}
.page a{     display: inline-block;
    zoom: 1;
    padding: 2px 12px;
    margin: 5px 3px;
    background: #F3F3F3;
    /* height: 27px; */
    line-height: 27px;}
.page a.now{ background:#fe9e0c; color:#FFF;}
.blog_d{ width:100%; padding-bottom:50px;}
.blog_d .ctn img{ margin:15px 0;}
.blog_d .des img{ width:22px; height:auto; vertical-align:middle;}
.blg_share{ width:100%; height:40px; text-align:right; position:relative; margin-top:20px;}
.blg_share>span{ display:inline-block; *display:inline; zoom:1; width:110px; background-color:#EAE9E9; height:40px; line-height:40px; background-image:url(../png/icon5.png); background-repeat:no-repeat; background-position: 15px center; background-size:22px; font-size:18px; color:#000; cursor:pointer; padding-left:50px; text-align:left;}
.blg_share span:hover{ background-color:#FF9D11;}
.blg_share ul{ width:130px; background:#EEEEEE; position:absolute; right:-130px; top:-130px; padding:5px 0; display:none;}
.blg_share ul li{ width:100%; height:40px; text-align:left; padding-left:10px;margin-bottom:4px;}
.blg_share ul li a{ display:block; padding-left:44px; height:40px; line-height:40px; color:#777; }

.dx_wz{ width:100%; margin-top:10px;}
.dx_wz div{ width:50%; float:left; height:40px; line-height:40px; font-size:16px;}
.dx_wz .prev{ text-align:left;}
.dx_wz .next{ text-align:right;}
.author{ width:100%; background:#EEEEEE; border-top:4px solid #A9A8A8; padding:20px; position:relative;}
.author dt{ width:150px; height:150px; position:absolute; left:20px; top:20px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden;}
.author dt img{ width:150px; height:150px;border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; vertical-align:top;}
.author dd{ width:100%; padding-left:170px;}
.author dd .name{ width:100%; height:50px; line-height:50px; font-size:16px;}
.author dd .des{ width:100%; line-height:165%; color:#888;}
.author dd .mail{ width:100%; height:50px; line-height:50px; text-align:right; color:#0078FF;}
.author dd .mail a{color:#0078FF;}
.bg_e{ padding-top:0;}
.i_main .more{ width:100%; text-align:center; padding-top:10px;}
.i_main .more a{ display:inline-block; *display:inline; zoom:1; height:40px; line-height:40px; color:#FFF; font-size:18px;}
.bg_a .scd .scd_l{ border-color:#444;}
.bg_a .scd_r .cate li,.bg_a .scd_r .tj .title{ color:#FFF;}
.bg_a .scd_r .cate li a,.bg_a .scd_r .tj div p a{ color:#ddd;}
.case_d{ width:100%; color:#FFF;}
.case_d .l_top{ width:100%; height:45px; line-height:45px; font-size:18px;}
.case_d .ctn{ width:100%;}
.case_d .ctn img,.scd .scd_l img{ width:100%; max-width:850px; height:auto; vertical-align:top;}
.case_d .ctn .title{ width:100%; text-align:center; font-size:16px; font-weight:500; padding:15px 0; line-height:165%;}
.case_d .ctn .ctn_m{ width:100%; color:#ddd; line-height:175%;}
.slidegrid {float: left;position: relative;overflow: hidden;}
.slideitems {width: 20000000em;position: absolute;}
.slideitems li {float: left;}
.mainPhoto {width:1200px;height:276px;margin: 0 auto;position: relative;	}
.mainPhoto span img{ width:100%; height:auto;}
.mainPhoto span.goleft, .mainPhoto span.goright {display: block;width: 25px;height:46px;position: absolute;top: 50%; margin-top:-23px; z-index:99; background-size:25px;}
.mainPhoto span.goleft {left:-70px;}
.mainPhoto span.goright {right:-70px;}
.mainPhoto .go {width:1200px;height:276px;position: relative;overflow: hidden}
.mainPhoto .go li {width:390px; height:276px; float:left; margin-right:20px;}
.mainPhoto .go li img{ width:390px; height:276px; vertical-align:top;}
.gd_t{ padding:0; height:45px; line-height:45px; font-weight:500; font-size:18px; color:#FFF;}
.cpn{ padding:0;}
.cpn .cpn_t{ width:100%; text-align:center; height:50px; line-height:50px; font-size:18px; color:#FFF; font-weight:500;}
.cpn .cpn_m{ text-align:center;}
.cpn .cpn_m .des,.cpn .cpn_m input{ display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:10px;}
.cpn .cpn_m .des{ width:270px; line-height:140%; color:#aaa; text-align:left;}
.cpn .cpn_m input{ height:38px; line-height:38px; width:240px; padding:0 10px; background:#F0F0F0; border:1px solid #ddd;}
.cpn .cpn_m .btn{ width:auto; border:1px solid #FFA31A; background:#FFA31A; color:#333; padding:0 20px; cursor:pointer; font-size:17px; line-height:36px;}
.contact_a{ padding:30px 0; line-height:175%;}
.contact_a img{ max-width:100%; height:auto;}
.scd_b{ position:relative; padding-left:280px;}
.scd_b .scd_bl{ width:280px; position:absolute; left:0; top:0;}
.scd_b .scd_bl a{ display:block; width:100%; height:45px; line-height:40px; padding:0 10px; background:#000; color:#FFF; border:2px solid #000; border-bottom:1px solid #FFF; font-size:16px;}
.scd_b .scd_bl a.active{ color:#000; background:#FFF;}
.scd_b .scd_br{ width:100%; border-top:1px solid #aaa; border-left:1px solid #aaa; padding:20px; min-height:200px;}
.scd_b .scd_br dl{ width:100%; padding-left:245px; position:relative; margin-bottom:20px; min-height:140px;}
.scd_b .scd_br dl dt{ width:230px; height:140px; position:absolute; left:0; top:0;}
.scd_b .scd_br dl dt img{ width:230px; height:140px; vertical-align:top;}
.scd_b .scd_br dl dd{ width:100%;}
.down{ width:100%; text-align:right;}
.down a{ display:inline-block; *display:inline; zoom:1; font-size:18px; height:30px; line-height:30px; padding-right:35px; background:url(../png/icon6.png) no-repeat right center; background-size:25px; margin:0 7px;}
.pro{ padding:0;}
.pst_b{ padding-left:10px;}
.pro .i_main .name{ width:100%; height:50px; line-height:50px; padding-left:10px; color:#FFF; font-size:18px;}
.pro .i_main .name h1, h2, h3{text-transform: none; font-size: 22px; color:#000000;display:inline-block; *display:inline; zoom:1; margin-top:auto; margin-bottom: auto; font-weight:normal}
.pro_d{ padding:0; padding-bottom:30px;}
.pro_d .name{ width:100%; height:60px; line-height:60px; color:#fff;font-size:18px;}
.pro_d dl{ width:100%;}
.pro_d dl dd{ width:40%; float:right; padding-left:20px; line-height:175%; color:#fff;}
.pro_d dl dt{ width:60%; float:left; position:relative;}
.pro_d dl dt.video{ width:600px; height:330px;}

.pro_d dl dt .video_bg{ width:600px; height:330px; background:url(../png/bg_c.png) repeat; position:absolute; left:0; top:0; z-index:9;}
.pro_d dl dt .video_bga{ background:none;}
.pro_d dl dt button{ width:60px; height:60px; background:url(../png/icon7.png) no-repeat; background-size:100% 100%; border:0; cursor:pointer; position:absolute; left:50%; margin-left:-30px; bottom:50%; margin-bottom:-30px; z-index:9999;}
.pro_d dl dt .btn_p{ background:url(../png/icon8.png) no-repeat; background-size:100% 100%; left:10px; bottom:10px; margin:0;}
.light{ padding:30px 0;}
.l_pro{ width:100%; position:relative; margin-top:-55px;}
.l_pro .d_tu,.l_pro .d_tu img{ width:100%; height:auto; vertical-align:top;}
.l_pro .bg_a{ padding:0;}
.l_pro .wrap{ padding:0;}
.l_pro .x_tu li{ width:240px; float:left; height:120px; position:relative; cursor:pointer;}
.l_pro .x_tu li img{ display:none;}
.l_pro .x_tu li>span{ display:block; width:60px; height:60px;  position:absolute; left:50%; top:0; margin-left:-30px; margin-top:-30px; overflow:hidden;}
.l_pro .x_tu li>span img{ width:60px; height:60px; vertical-align:top;border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block;}
.l_pro .x_tu li p{ width:100%; padding:40px 10px 10px; height:120px; overflow:hidden; line-height:130%; color:#ddd; word-break:break-all; text-align:center;}
.l_pro .x_tu li.on span{}
.l_pro .x_tu li.on p{ color:#fff;}
#scroll_up{display: inline-block;*display:inline; zoom:1;position: fixed;z-index: 100000;bottom: 150px;right:30px;width:35px;height:35px;color: #fff;  border: 1px solid #FFF;box-shadow: 0 0 0 1px #000; display:none;}
#scroll_up:after, #scroll_up:before {content: '';position: absolute;display: block; width: 50%;height: 50%;border-left: 2px solid #fff;border-top: 2px solid #fff;left: 25%;top: 45%; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); -webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
#scroll_up:after {color: #000;margin-top: -3px; border-color:#000;}
#scroll_up:hover:after, #scroll_up:hover:before{ top:-55%;}
.txt_c{ text-align:center; font-weight:normal !important; line-height:32px; height:auto;}
.b_ctn{ width:1360px; margin:0 auto; height:1px; position:relative}
.b_ctn .b_cm{ width:300px; background:url(../png/bg_b.png) repeat; padding:15px; color:#FFF; line-height:175%; text-align:center; position:absolute; right:0; top:-450px; z-index:9; height:250px;}
.b_ctn .b_cm p{ text-align:left; padding-bottom:10px; height:155px; overflow:hidden;}
.b_ctn .b_cm a.more{ display:inline-block; *display:inline; zoom:1; width:auto; height:35px; line-height:35px; padding:0 15px; color:#333; background:#FFA215;}
.b_ctn .b_cm a.more:hover{ background:#FFB03C;}

.get_more{ margin:0 auto; width:200px; height:40px; line-height:40px;color:#fff; font-size:20px; text-align:center;  }
.get_more:hover{ color:#FFFFFF; text-decoration:underline;}
.series_cont{ color:#CCCCCC; line-height:24px;}

.pro_more{ text-align:right;} .pro_more a{ color:#FFFFFF; font-size:16px;}




.main{ width:100%; min-width:320px;}
.wrap{width:; margin:0 auto; position:relative; z-index:2;}
.m_m{ width:100%; position:relative; overflow:hidden;}
.m_m img{ width:100%; height:auto; vertical-align:top;}
.m_1{ width:110%; position:absolute; left:-5%; top:0; padding:30px 0 0;}
.m_1 .logo{ width:300px; height:95px; vertical-align:top;}
.m_1 .tit, .m_3 .tit,.m_4 .tit,.m_6 .wen .tit{ width:100%; text-align:center; color:#FFF; padding:70px 0 20px; font-size:42px; font-weight:bold;}
.m_1 p,.m_3 p{ width:75%; color:#FFF; line-height:135%; margin:0 auto; text-align:center; font-size:18px;}
.m_2{ position:relative; padding-left:400px;}
.m_2 .left{ width:400px; position:absolute; left:0; bottom:50px; z-index:3;}
.m_2 .left img{ width:100%; height:auto; vertical-align:top;}
.m_2 ul{ width:100%; text-align:center;}
.m_2 ul li{ width:25%; float:left; padding:70px 15px;}
.m_2 ul li img{ width:50%; height:auto; vertical-align:top;}
.m_2 ul li p{ width:95%; margin:0 auto; text-align:center; font-size:14px; padding-top:10px;}
.m_3 .tit,.m_3 p,.m_4 .tit,.m_6 .wen .tit{ color:#1a1a1a;}
.m_3 .tit,.m_4 .tit{ padding-top:100px;}
.m_3 p{ padding-bottom:30px;}
.m_4{ width:100%; text-align:center;}
.m_4 .m_4m{ width:100%; height:auto; vertical-align:top; background:url(../jpg/bg4.jpg) no-repeat center top; background-size:cover; padding:20px;}
.m_4 .m_4m .ctn{ width:1200px; margin:0 auto; background:rgba(255,255,255,.5); padding:100px 100px 50px;}
.m_4 .m_4m .ctn ul{ width:100%; position:relative; height:0;}
.m_4 .m_4m .ctn ul li{ position:absolute; text-align:left; width:310px;}
.m_4 .m_4m .ctn ul li b{ font-size:18px; color:#0760e0; padding-bottom:10px; display:block;}
.m_4 .m_4m .ctn ul li p{ width:100%;}
.m_4 .m_4m .ctn ul li:nth-child(1){ left:0; top:-50px;}
.m_4 .m_4m .ctn ul li:nth-child(2){ left:0; top:110px;}
.m_4 .m_4m .ctn ul li:nth-child(3){ left:0; top:270px;}
.m_4 .m_4m .ctn ul li:nth-child(4){ right:0; top:-55px; text-align:right;}
.m_4 .m_4m .ctn ul li:nth-child(5){ width:360px; right:0; top:130px; text-align:right;}
.m_5 .m_5m{ background:url(../jpg/bg5.jpg) no-repeat center top; background-size:cover; padding:50px 0;}
.m_5 .m_5m .ctn{ background:rgba(0,0,0,.7); color:#FFF; padding:50px 0 10px;}
.m_5 .m_5m .ctn ul{ height:auto;}
.m_5 .m_5m .ctn ul li{ width:50%; float:left; padding:0 20px; position:static; text-align:center !important; margin-bottom:30px;}
.m_5 .m_5m .ctn ul li img{ max-width:150px;}
.m_5 .m_5m .ctn ul li b{ color:#FFF; font-weight:normal; padding:15px 0 10px;}
.m_5 .m_5m .ctn ul li p{ width: 80%; height:50px; overflow:hidden; font-size:15px; margin:0 auto;}
.m_6{ width:100%; padding:50px 0; position:relative;}
.m_6 img{ width:50%; height:auto; vertical-align:top;}
.m_6 .wen{ width:50%; height:100%; position:absolute; right:0; top:50%; margin-top:-50px;}
.m_6 .wen .tit{ text-align:left;}
.m_6 .wen p{ font-size:18px;}
.m_7{ width:1200px; margin:0 auto; text-align:center;}
.m_7 li{ display:inline-block; *display:inline; zoom:1; width:33%; vertical-align:top;}
.m_7 li img{ width:230px; height:auto; vertical-align:top;}
.m_7 li p{ width:100%; padding-top:15px; font-size:16px;}
.m_8{ text-align:right;}
.m_8 .wen{ right:50%; padding-right:50px;}
.m_8 .wen .tit{ text-align:right; padding-top:15px;}
.m_9 .tit{ padding-top:50px;}
.m_9 .des{ width:800px; height:auto; font-size:16px; margin:0 auto;}
.m_9{ text-align:center; padding-bottom:25px;}
.m_9 img{ width:90%; height:auto; vertical-align:top; max-width:1100px;}
.m_10 .tit{ padding-top:10px;}
.m_10 p{ padding-right:10%;}
.m_10{ width:100%; position:static; background:#010101;}



.pro .i_main .name{ padding-left:0px;}
.pro .i_main .name h1{ font-size:22px; color:#161616}
.i_main .xiao li .p_title{     height: 50px;        line-height: 50px;    padding-bottom: 20px;    color: #ff9e0cd1;    font-size: 16px;}
.pro .i_main .dec{  padding-bottom: 20px;  color: #161616;  padding-top: 8px;  border-top: 1px solid #dadada;    line-height: 1.4;    font-size: 16px;}
.i_main .da li:hover img,.i_main .xiao li:hover img{transition:all ease-in-out .5s; transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}
.i_main .xiao li:hover .p_title{ color:#ff9e0c;}
.prolist { padding-bottom:30px;}
.prolist li{ border-bottom:1px solid #dadada; padding:30px 0px;color:#161616;}
.prolist li .img{ width:255px; float:left; height:255px; margin-right:20px; }
.prolist li .img img{ width:255px; height:255px;}
.prolist li .contt{ width:750px; float:left; font-size:16px;}
.prolist li .contt .title{ font-size:18px; padding-bottom:10px;}
.prolist li .contt .title a{ color:#fe9e0c; font-size:20px} .prolist li .contt .title a:hover{ color:#161616;}
.prolist li .contt .miaoshu{ padding-bottom:10px; line-height:1.4;color:#161616;}
.prolist li .contt .cs{ padding-bottom:10px; line-height:1.4;}
.prolist li .contt a.pdf{      display: inline-block;
    width: 110px;
    line-height: 30px;
    height: 30px;
    color: #050505;
    font-size: 16px;
    border-radius: 3px;
    padding-left: 28px;
    background: #fe9e0c url(../png/pdf.png) 6px no-repeat;}
	
.prolist li .contt a.pdf:hover{ background: #febe0c url(../png/pdf.png) 6px no-repeat;}
.pro .i_main .dec2{   padding-bottom: 10px;  color: #161616;  border-bottom: 1px solid #dadada;    line-height: 1.4;    font-size: 16px;}
.pro .dec3{   padding-bottom: 10px;  color: #161616;    line-height: 1.4;    font-size: 16px;}
.pro .i_main ul li{ margin-right:15px;}


@media screen and (max-width:1340px){
.wrap,.m_7{width:960px;}
.m_1{ width:100%; left:0;}
.m_2 .left{ width:300px;}
.m_2{ padding-left:300px;}
.m_1 .tit, .m_3 .tit, .m_4 .tit, .m_6 .wen .tit{ font-size:38px;}
.m_4 .m_4m .ctn{ width:920px; padding:100px 70px 50px;}
.m_4 .m_4m .ctn ul li b{ padding-bottom:5px;}
.m_4 .m_4m .ctn ul li:nth-child(2){ top:70px;}
.m_4 .m_4m .ctn ul li:nth-child(3){ top:190px;}
.m_4 .m_4m .ctn ul li:nth-child(4){ top:-60px;}
.m_4 .m_4m .ctn ul li:nth-child(5){ width:300px; top:70px;}
.m_4 .m_4m .ctn ul li b{ font-size:17px;}
.m_5 .m_5m .ctn ul li img{ max-width:110px;}
.m_5 .m_5m .ctn{ padding:50px 50px 0;}
.m_5 .m_5m .ctn ul li p{ width:100%; font-size:13px;}
.m_10 .tit{ padding-top:10px;}
.m_10 p{ padding-right:10%;}
}
@media screen and (max-width:990px){
.wrap,.m_7{width:740px;}	
.m_4 .m_4m .ctn{ width:700px; padding:70px 40px 30px;}
.m_5 .m_5m .ctn{ padding:50px 50px 0;}
.m_1 .tit, .m_3 .tit, .m_4 .tit, .m_6 .wen .tit{ font-size:30px; padding-top:30px; padding-bottom:10px;}
.m_1 p, .m_3 p,.m_6 .wen p,.m_4 .m_4m .ctn ul li b{ font-size:16px;}
.m_2 .left{ width:220px;}
.m_2{ padding-left:220px;}
.m_2 ul li{ padding:40px 10px;}
.m_7 li{ width:45%;}
.m_4 .m_4m .ctn ul li p{ font-size:12px;}
.m_4 .m_4m .ctn ul li b{ font-size:15px;}
.m_4 .m_4m .ctn ul li{ width:230px;}
.m_4 .m_4m .ctn ul li:nth-child(2){ top:35px;}
.m_4 .m_4m .ctn ul li:nth-child(3){ top:130px;}
.m_4 .m_4m .ctn ul li:nth-child(4){ top:-65px;}
.m_4 .m_4m .ctn ul li:nth-child(5){ width:250px; top:50px;}
.m_5 .m_5m .ctn ul li{ width:50%;}
.m_1 .tit, .m_3 .tit, .m_4 .tit, .m_6 .wen .tit{ font-size:24px;}
.m_9 .des{ width:86%;}
.m_10 .tit{ padding-top:10px;}
.m_10 p{ padding-right:10%;}
}
@media screen and (max-width:770px) {
.wrap,.m_7{width:480px;}	
.m_4 .m_4m .ctn{ width:460px; padding:40px 20px 20px;}
.m_5 .m_5m .ctn{ padding:20px 20px 0;}
.m_2 .left{ position:static; margin:20px auto 0;}
.m_2{ padding-left:0;}
.m_1 .tit, .m_3 .tit, .m_4 .tit, .m_6 .wen .tit{ font-size:18px; padding-top:15px;}
.m_1 p, .m_3 p, .m_6 .wen p, .m_4 .m_4m .ctn ul li b{ font-size:14px;}
.m_4 .m_4m .ctn ul li p{ display:none;}
.m_4 .m_4m .ctn ul li b{ font-size:14px;}
.m_4 .m_4m .ctn ul li:nth-child(1){ top:-20px;}
.m_4 .m_4m .ctn ul li:nth-child(2){ top:55px;}
.m_4 .m_4m .ctn ul li:nth-child(4){ top:-7px;}
.m_4 .m_4m .ctn ul li:nth-child(5){ width:150px;}
.m_1{ padding-top:15px;}
.m_1 .logo{ width:250px; height:auto;}
.m_7 li img{ width:90%; height:auto; vertical-align:top; margin:0 auto;}
.m_9 .des{ font-size:14px;}
.m_1 .tit, .m_3 .tit, .m_4 .tit, .m_6 .wen .tit{ font-size:16px;}
.m_8 .wen .tit{ padding-top:5px;}
.m_10 .tit{ padding-top:10px;}
.m_10 p{ padding-right:10%;}
}
@media screen and (max-width:510px) {
.wrap,.m_7{width:320px;}	
.m_4 .m_4m .ctn{ width:300px; padding:20px 10px 10px;}	
.m_5 .m_5m .ctn{ padding:10px 10px 0;}
.m_1 p, .m_3 p{ width:100%;}
.m_1{ text-align:center;}
.m_2{padding-bottom:30px;}
.m_2 ul li{ width:50%; padding:25px 10px 0;}
.m_2 ul li p,.m_4 .m_4m .ctn ul li b,.m_1 p, .m_3 p, .m_6 .wen p, .m_4 .m_4m .ctn ul li b,.m_7 li p,.m_9 .des{ font-size:12px;}
.m_4 .m_4m .ctn img{ display:none;}
.m_4 .m_4m .ctn ul{ height:auto;}
.m_4 .m_4m .ctn ul li{ position:static; width:100% !important; text-align:left !important;}
.m_5 .m_5m .ctn img{ display:block;}
.m_5 .m_5m .ctn ul li{ text-align:center !important; width:50% !important;}
.m_5 .m_5m .ctn ul li img{ width:70%; margin:0 auto;}
.m_8 .wen{ padding-right:10px;}
.m_1 .tit, .m_3 .tit, .m_4 .tit, .m_6 .wen .tit{ font-size:15px;}
.bg_1{ width:120% !important;}
.m_8 .wen .tit,.m_8 .wen p{ text-align:left; padding-right:0; padding-left:10px;}
.m_8 .wen .tit{ padding-bottom:5px; padding-top:5px;}
.m_10 .tit{ padding-top:0;}
.m_10 p{ padding-right:10%; padding-left:10%; line-height:115%;}
}

.top60{ margin-top:-60px;}
.home_h li h2{color:#FFF;}


