@import url(style.css);
/* Callback example */
.callbacks_container{position:relative;width:100%;max-width:100%;text-align:center; }
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;top:39%;left:20px;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:100px;width:32px;background:transparent url(../images/prev.png) no-repeat left top;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{}
.callbacks_nav.next{left:auto;right:20px;background:transparent url(../images/next.png) no-repeat 0px top;}
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
.banner_content{ width:1140px; height:539px;/* background:url(../images/banner_bg.png) repeat-x;*/ position: relative; z-index: 120;  font:300 14px "宋体"; color:#FFF; }
.banner_content a{ display:block; width:100%; height:100%;}
.b_center{ margin:0 auto; text-align:center;}

.callbacks_tabs.callbacks1_tabs{margin-top:-50px; position:relative;z-index:9; margin-bottom:17px; display:; background:url(../images/i_bg4.png) center center no-repeat; height:40px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:40px;height:40px;margin-right:24px; margin-left:24px;/*border:1px solid #FFF;*/position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:40px;height:40px;border-radius:10px;/*position:absolute;*/ left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:url(../images/i_bg6.png) no-repeat;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:url(../images/i_bg5.png) no-repeat;}

/*首頁*/
.i_bg{ background:url(../img/i_img1.jpg) center top no-repeat; overflow:hidden; height:695px; padding-top:58px;background-size:cover;}
.i_one{ overflow:hidden;}
.i_one ul li{ float:left; width:398px; margin-right:3px; overflow:hidden; height:346px; margin-bottom:3px; position:relative;}
.i_one ul li:nth-child(3n+0){ margin-right:0;}
.i_one ul li:nth-child(4),.i_one ul li:nth-child(5),.i_one ul li:nth-child(6){ margin-bottom:0;}
.i_one ul li .imgs{ overflow:hidden;}
.i_one ul li .imgs img{ display:block; width:100%; height:346px;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_one ul li.a:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_one ul li .imore{ display:block; width:160px; height:40px; line-height:40px; border:1px solid #fff; border-radius:20px;  font-size:14px; color:#fff; text-transform:uppercase; position:absolute; left:106px; top:274px; text-align:center;transition:all 0.3s;}
.i_one ul li .imore:hover{opacity:0.8;filter:Alpha(opacity=80);}
.i_one ul li .txts{  position:absolute; bottom:0; left:0; width:100%; height:70px;transition:all 0.3s;  text-align:center; }
.i_one ul li .txts .h2{ height:18px; line-height:36px;overflow:hidden;color:#fff; font-size:15px; letter-spacing:0.5px; font-weight:bold; margin:0 auto; margin-top:27px; text-transform:uppercase;line-height:18px;color:#000; width:96%;}
.i_one ul li.a:hover .txts{background:rgba(34,143,220,0.76); height:108px;}
.i_one ul li.a:hover .txts .h2{ margin-top:20px; color:#fff;}
.i_one ul li.a i{height:36px; width:36px; margin:0 auto; display:block; overflow:hidden; background:url(../images/i_pic1.png) center top no-repeat;opacity:0;filter:Alpha(opacity=0);transition:all 0.3s; margin-top:10px;}
.i_one ul li.a:hover i{opacity:1.0;filter:Alpha(opacity=100);}
.i_two_t{ margin-top:34px; height:82px; line-height:82px; overflow:hidden; color:#228fdc; font-weight:bold; font-size:30px; letter-spacing:1.5px; text-transform:uppercase; text-align:center;}
.i_two_t2{ height:50px; line-height:44px; overflow:hidden; color:#222222;font-size:18px; letter-spacing:0.5px; text-transform:uppercase; text-align:center; margin-bottom:43px;}
.i_two_t2 ul li{ display:inline-block; padding-left:56px; padding-right:56px;background:url(../images/i_bg3.png) right 13px no-repeat;}
.i_two_t2 ul li:last-child{ background:none;}
.i_two_t2 ul li span{ height:44px; overflow:hidden; display:block; padding-bottom:6px;}
.i_two_t2 ul li a{ display:inline-block; height:44px; overflow:hidden; border-radius:4px; padding-left:28px; padding-right:28px;}
.i_two_t2 ul li.isel span{background:url(../images/i_bg2.png) center bottom no-repeat;}
.i_two_t2 ul li.isel a{background:#228fdc; color:#fff;}
.i_two_bg{ height:478px; overflow:hidden;background:url(../images/i_bg1.jpg) left bottom repeat-x;}
.i_two_bg .i_two_div{ overflow:hidden;}
.i_two_bg .i_two_div .i_two_div_hiden{ display:none;}
.i_more2{ display:inline-block; width:60px;height:38px; line-height:38px; margin:0 auto; margin-top:30px; text-align:center; background:url(../images/i_more.png) no-repeat;  clear:both; overflow:hidden;transition:all 0.3s;}
.i_more2:Hover{opacity:0.6;filter:Alpha(opacity=60);}
.i_bg2{background-color:#228fdc; padding-top:32px; padding-bottom:105px; overflow:hidden;}
.i_three_t{ color:#fff; text-align:center; height:96px; line-height:96px; overflow:hidden; font-weight:bold; font-size:30px;}
.i_three_t2{ height:43px; overflow:hidden; background:url(../images/i_bg7.png) center center no-repeat;}
.i_three_ul{ margin-top:40px; overflow:hidden; }
.i_three_ul ul li{ float:left;width:253px; background:#fff; padding-top:14px; padding-left:13.5px; padding-right:13.5px; height:420px; margin-top:10px; margin-right:26px;}
.i_three_ul ul li:nth-child(4n+0){ margin-right:0;}
.i_three_ul ul li .imgs{overflow:hidden;height:192px;}
.i_three_ul ul li .imgs img{ display:block; width:100%; height:192px;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_three_ul ul li:Hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_three_ul ul li .h2{ font-weight:normal; font-size:18px; color:#228fdc; text-transform:uppercase; margin-top:10px; height:26px; line-height:26px; margin-bottom:8px;}
.i_three_ul ul li .p{ line-height:18px; font-size:14px; color:#666666; max-height:150px;}
.i_three_ul ul li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
.i_four{ background-color:#f8f8f8; overflow:hidden; padding-bottom:32px;}
.i_four .i_four_div{ overflow:hidden; text-align:left;}
.i_four .i_four_div .i_four_div_hiden{ display:none;}
.i_four .i_four_div .i_four_l{ float:left; width:525px; overflow:hidden; height:345px;}
.i_four .i_four_div .i_four_l .txts{ height:147px; overflow:hidden;}
.i_four .i_four_div .i_four_l .h2{font-weight:normal; color:#333333; font-size:16px; line-height:26px; height:26px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; transition:all 0.3s; margin-top:14px; margin-bottom:8px;}
.i_four .i_four_div .i_four_l .h2 em{ font-style:normal; font-size:12px; color:#999999; margin-left:10px; float:right;}
.i_four .i_four_div .i_four_l .p{ font-size:14px; color:#666666; line-height:18px; height:72px; overflow:hidden;}
.i_four .i_four_div .i_four_l .imgs{ overflow:hidden;}
.i_four .i_four_div .i_four_l .imgs img{ width:100%; height:198px; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_four .i_four_div .i_four_l:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
/*.i_four .i_four_div .i_four_l:hover .txts{ background-color:#fff;}*/
.i_four .i_four_div .i_four_l:hover .h2{ color:#228fdc;}
.i_four .i_four_div .i_four_r{ float:right; width:627px; overflow:hidden; height:345px;}
.i_four .i_four_div .i_four_r ul li{ display:block; height:43px; line-height:43px; overflow:hidden; border:1px solid #f0f0f0; background-color:#fff;transition:all 0.3s; margin-bottom:23px;white-space:nowrap;text-overflow:ellipsis;}
.i_four .i_four_div .i_four_r ul li i{ float:left; width:57px;height:43px; line-height:43px; overflow:hidden; border-right:1px solid #f0f0f0; text-align:center; color:#228fdc; font-size:32px; font-family:"宋体"; font-style:normal; margin-right:26px;}
.i_four .i_four_div .i_four_r ul li a{ font-size:16px; color:#343434; display:block;white-space:nowrap;text-overflow:ellipsis;height:43px; line-height:43px; overflow:hidden;}
.i_four .i_four_div .i_four_r ul li em{ float:right; font-size:12px; color:#999999; margin-right:27px; margin-left:10px;}
.i_four .i_four_div .i_four_r ul li:hover a{ color:#fff;}
.i_four .i_four_div .i_four_r ul li:hover{ background-color:#228fdc;}
.i_four .i_four_div .i_four_r ul li:hover i{ color:#fff;}
.i_four .i_four_div .i_four_r ul li:hover em{ color:#fff;}

/*banner*/
.in1_btn{ display: inline-block; font-size: 14px; color: #fff; width: 190px;  height: 28px; line-height: 28px; border-radius: 3px; text-align: left; text-indent:25px;overflow: hidden; box-sizing: border-box; background:#702fa0;transition:all 0.3s;}
.in1_btn span{ font-family:"宋体"; padding-left:12px; font-size:20px;}
.in1_btn:hover{ color:#fff;opacity:0.8;filter:Alpha(opacity=80);}
.in1_btn.bgs2{ position:absolute; top:50%; left:45%;transform: translate(-50%, -50%); background:#e73500; width:126px; text-indent:16px;}
.in1_btn.bgs1{background-color: #ff0000;color: #FFF;padding: 0px 38px 5px 8px; text-indent:0; width:auto;position: relative;}
.in1_btn.bgs1:after{-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px;border-top-right-radius: 3px; border-bottom-right-radius: 3px; display: block;background:url(../images/i_bg8.png) center center rgba(0,0,0,.2) no-repeat; position: absolute; height: 100%; width: 30px; line-height: 28px; font-weight: 400;top: 0; content: ''; /*font-family: FontAwesome;*/text-align: center; right: 0;}

.banner{height: auto; text-align:left;position: relative; overflow:hidden; width:100%;}
.banner .swiper-pagination-bullet{width: 10px;height: 5px;background: #a6cdec;border-radius: 2px;opacity: 1;}
.banner .swiper-pagination-bullet-active{width: 20px;background: #db1516;}
.banner .banner-posi{position: absolute;top: 0%;/*35*/left: 0%; width:100%; height:100%;}
.banner .banner-posi .wrap2{ height:100%; position:relative;}
.banner .banner-posi .wrap2 .imgs{ position:absolute; left:0%; top:0; height:100%;}

.banner .txts{ float:right; min-width:472px;}
.banner .banner-fir{font-size: 48px; color:#fff; text-align:left;font-family:BebasNeue; line-height:48px;}
.banner .banner-sec{font-size:18px;line-height:36px;color:#fff; overflow:hidden; margin-top:8%; margin-bottom:6%;}


.slides li{position: relative;float: left;}
.slides .img{width: 100%;display: block; height:540px;}
.banner .flex-next{position: absolute; right: 20px;background: url(../images/next.png) no-repeat center;width: 32px;height: 60px;margin-top: -30px;top:50%;    font-size: 0;}
.banner .flex-prev{position: absolute;left: 20px;background: url(../images/prev.png) no-repeat center;width: 32px;height: 60px;margin-top: -30px;top: 50%;    font-size: 0;}
/*.banner .flex-next:hover{background: url(../images/index-rightH.png) no-repeat center;}
.banner .flex-prev:hover{background: url(../images/index-leftH.png) no-repeat center;}*/
.banner .flex-control-nav{height: 5px;position: absolute;bottom: 30px;width: 100%;text-align: center; z-index:9;}
.banner .flex-control-nav li{display: inline-block;height: 10px;margin: 0 8px; vertical-align:top;}
.banner .flex-control-nav a{    font-size: 0;display: block; transition: all 1s; width: 10px;height: 10px; cursor:pointer;background: #fff;border-radius: 50%;opacity: 1;}
.banner .flex-control-nav a.flex-active{/*width: 45px;*/background: #208fde;/*border-radius: 20px;*/}

.dis-table{display: table;width: 100%;height: 100%;}
.dis-cell{display: table-cell;vertical-align: middle;}
.banner-cont{ width: 76%;  height: 100%; position: absolute; top:0;  left: 12%; z-index: 2;}
.slides li{ display:none;}
.slides li.flex-active-slide{ display:block;}
@media screen and (max-width: 1760px) {
/*banner*/
/*.banner .banner-posi .wrap2 .imgs{ left:-10%;}*/
}
@media screen and (max-width: 1660px) {
/*banner*/
.in1_btn.bgs2{ left:44%;}
/*.banner .banner-posi .wrap2 .imgs{ left:-7%;}*/
.banner .banner-fir{ font-size:44px; line-height:44px;}
.banner .banner-sec{ font-size:17px; line-height:32px;}
}
@media screen and (max-width: 1440px) {
/*banner*/
/*.banner .banner-posi .wrap2 .imgs{ left:-2%;}*/
.banner .banner-fir{ font-size:40px; line-height:40px;}
.banner .banner-sec{ font-size:16px; line-height:28px;}
.in1_btn{ width:170px; height:44px; line-height:44px; text-indent:25px; font-size:16px;}
.in1_btn span{ font-size:18px;}
}

@media screen and (max-width: 1360px) {
.in1_btn.bgs2{ left:45%;}
/*.banner .banner-posi .wrap2 .imgs{ left:0%;}*/
}

.bimg{
    position: absolute;
    top: 55%;
	left: 30%;
}
.slides .product-shot{top: 150px; left: 80px;float: left; position: absolute;}
.slides #pulse-container{top: 123px;left: 230px;margin-top: 20px; margin-left: 30px;background: #45453f;/*z-index: 1000;*/position: absolute;pointer-events: none;}
.slides .dot{border: 10px solid rgba(231,53,0,.8);background: 0 0; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px;height: 50px; width: 50px;
 -webkit-animation: pulse-animation 3s ease-out; -moz-animation: pulse-animation 3s ease-out;animation: pulse-animation 3s ease-out;-webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; top: -25px;left: -25px; /*z-index: 1;*/opacity: 0;position: absolute;}
.slides .pulse-animation{width: 10px;height: 10px;border: 5px solid #FFF;-webkit-border-radius: 30px;-moz-border-radius: 30px; border-radius: 30px; background-color: transparent; /*z-index: 1000;*/position: absolute;}
.slides .dot-line{top: 150px;left: 275px; border-bottom: 2px dotted rgba(231,53,0,.8);width: 250px;height: 2px;position: absolute;/*z-index: 999;*/overflow: hidden;border-left: 2px dotted rgba(255,255,255,.8);}

@-moz-keyframes pulse-animation{0%{-moz-transform:scale(0);opacity:0}25%{-moz-transform:scale(0);opacity:.1}50%{-moz-transform:scale(.1);opacity:.3}75%{-moz-transform:scale(.5);opacity:.5}100%{-moz-transform:scale(1);opacity:0}}
@-webkit-keyframes pulse-animation{0%{-webkit-transform:scale(0);opacity:0}25%{-webkit-transform:scale(0);opacity:.1}50%{-webkit-transform:scale(.1);opacity:.3}75%{-webkit-transform:scale(.5);opacity:.5}100%{-webkit-transform:scale(1);opacity:0}}