@charset "utf-8";

/* CSS Document */

*{ margin:0px; padding:0px; }

body{ font-size:12px; font-family: "微软雅黑"; color:#525252; background:#fff;}

a { text-decoration:none;  outline:none; transition:all 0.2s; } 

a:hover{ text-decoration:none; }



img{ border:0;}

table{ margin:auto;}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none; font-family: "微软雅黑";}

/*定义新型浏览器特性*/

::-webkit-scrollbar{width:0px;height:10px}

::-webkit-scrollbar-button:vertical{display:none}

::-webkit-scrollbar-track:vertical{background-color:black}

::-webkit-scrollbar-track-piece{background:#dedede}

::-webkit-scrollbar-thumb:vertical{background-color:#004383;}

::-webkit-scrollbar-thumb:vertical:hover{background-color:#004383}

::-webkit-scrollbar-corner:vertical{background-color:#004383}

::-webkit-scrollbar-resizer:vertical{background-color:#004383;}



.clear{ width:100%; height:0; font-size:0; line-height:0; clear:both;}



/*菜单*/

.mune_warp{ width:56px; background-color:#00a0e0; height:56px; position:fixed; top:150px; z-index:999; left:2%; overflow:hidden;}

.mune_img{ position:absolute; left:0; width:56px; height:56px; z-index:9; cursor:pointer;}

.mune{ width:1200px; height:56px; margin:auto; text-align: center;}

.mune a{ font-size:16px; color:#fff; padding:0px 20px; display:inline-block; height:56px; line-height:56px; cursor:pointer;}

.mune a.mune_1{ background:none;}

.mune_cha{ width:37px; height:33px; position:absolute; top:15px; right:2%; cursor:pointer;}







/*首页*/

.section{ width:100%; height:100vh; overflow:hidden;}

.ping{ width:100%; height:100vh; position:relative;}





/*漂浮*/

.carte { position: fixed; right: 2%; top: 47%; height: auto; width:9px; z-index:999999; }

.carte li {  width:15px; height:15px; margin-bottom: 6px; transition: 400ms; -webkit-transition: 400ms; cursor: pointer; list-style:none;}

.carte li .tii { display:block; width:15px; height:15px; background:url(../images/nav_18.png) no-repeat center; background-size:auto 100%;  border-radius:50%; overflow:hidden;}

.carte li .tii1 { display:block; width:15px; height:15px; background:url(../images/nav_181.png) no-repeat center; background-size:auto 100%;  border-radius:50%; overflow:hidden;}

.carte li.active {background:url(../images/nav_22.png) no-repeat center; background-size:auto 100%;}

.carte li.active .tii {background:url(../images/nav_22.png) no-repeat center; background-size:auto 100%; }



.carte li.active .tii1 {background:url(../images/nav_221.png) no-repeat center; background-size:auto 100%; }





/*第一屏*/

.big{ width:100%; height:100vh; margin:auto; position:relative; overflow:hidden;}

.big .swiper-container { width: 100%;height: 100%;overflow:hidden;}

.big .swiper-slide{ overflow:hidden;}

.big .swiper-slide.swiper-slide-active .big_div{ opacity:1; transform:translate(0,0)transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1); min-height:100vh;}

.big .pagination{ position: absolute; bottom:40px; width:100%; z-index:100; text-align: center;}

.big .swiper-pagination-bullet { display: inline-block; width:10px;  height:10px;margin:0px 4px; border-radius:0%; cursor: pointer; opacity: 1; background-color:#fff; border-radius:50%;}

.big .swiper-pagination-bullet-active{ background-color:#00a0e0; }

.big_div{ width:100%; height:100vh;display:block;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);

transition:All 4s ease;

-webkit-transition:All 4s ease;

-moz-transition:All 4s ease;

-o-transition:All 4s ease;}





.slideBox{ width:100%; height:100vh; overflow:hidden; position: relative; }



.slideBox.hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }

.slideBox .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }

.slideBox .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; cursor:pointer; background:red; }

.slideBox .hd ul li.on{ background-color:blue; }





.slideBox .bd{ position:relative; height:100%; z-index:0;   }

.slideBox .bd li{ zoom:1; vertical-align:middle; }

.slideBox .bd .img{ width:100%; height:100vh;  position:absolute; top:0;

 }





 

/*头部*/

.header{ width:100%; height:120px; position:absolute; top:0;}

.head_logo{ position:absolute; left:3%;height:95px; cursor:pointer; z-index:9; top:0;}

.head_logo img{ padding-top:20px;}





/*导航*/

.nav-box { width:1200px;height:50px; margin:auto; padding-top:30px; text-align: right;  position:relative;z-index:8; }

.nav-box ul li { display:inline-block;list-style:none; height:50px;}

.nav-box ul li a { display:block;font-size:16px; color:#fff; cursor:pointer; padding:0px 25px;height:50px; line-height:50px;}

.nav-box ul li a:hover { color:#00baf2;}

.nav-box ul li.cur a { color:#00baf2;}

.nav-box .nav-line { position:absolute; left:0; bottom:0; height:3px; line-height:3px; font-size:0; width:52px; background:#00baf2;}





.nav{ width:1200px;height:50px; margin:auto; text-align: right; margin-top:30px;}

.nav a{ display:inline-block; text-align: center; font-size:16px; color:#fff; line-height:50px;  height:50px; cursor:pointer; padding:0px 25px; position:relative; z-index:99;}

.nav a:hover{ color:#00baf2; -webkit-transition: all 0.4s ease-in-out;}

.nav a.nav_a{ color:#00baf2;  }





.head_right{ position:absolute; right:3%; height:95px; line-height:95px; z-index:999; top:0;}

.head_right a{ cursor:pointer;}

.head_right a:hover{ color:#0adafa; background-color:#fff; -webkit-transition: all 0.4s ease-in-out;}





/*底部*/

.footer{ width:100%; height:450px; background-color:#3c3c3c; margin:auto; position:absolute; bottom:-200px; opacity:0;}

.foot{ width:1200px; height:390px; margin:auto; position:relative; padding-top:60px;}

.foot_top{ width:1200px; height:310px;}

.foot_1{ float:left; width:190px; height:310px;}

.foot_1 a{ display:block; font-size:16px; color:#fff; height:40px; line-height:40px; cursor:pointer;}

.foot_1 a:hover{color:#00baf2; -webkit-transition: all 0.4s ease-in-out;}

.foot_2{ float:left; width:190px; height:310px;}

.foot_nav{ width:190px; height:40px;}

.foot_nav a{ display:block; font-size:16px; color:#fff; height:40px; line-height:40px; cursor:pointer;}

.foot_nav a:hover{color:#00baf2; -webkit-transition: all 0.4s ease-in-out;}



.foot_con{ width:190px; height:250px; margin-top:7px;}

.foot_con a{ display:block; font-size:14px; color:#a3a3a3; height:24px; line-height:24px; cursor:pointer;}

.foot_con a:hover{color:#fff; -webkit-transition: all 0.4s ease-in-out;}



.foot_right{ float:right; width:180px; height:310px;}

.foot_logo{ width:100%; height:88px; text-align:center; padding-top:12px; cursor:pointer;}

.foot_wei{ width:100%; height:40px; margin-top:30px;}

.foot_wei a{ display:block; width:40px; height:40px; border-radius:50%; float:left; background-color:#303030; margin-left:20px; cursor:pointer;}

.foot_wei a:hover{ background-color:#00baf2; -webkit-transition: all 0.4s ease-in-out;}

.foot_3:hover .foot_ma{ display: block; -webkit-transition: all 0.4s ease-in-out;}

.foot_3{ width:40px; height:40px; position:relative;}

.foot_ma{ width:80px; height:80px; position:absolute; top:-85px; left:-20px; display:none;}



.foot_bottom{ width:1200px; height:80px;}

.foot_typeright{ float:left; height:80px; line-height:64px; font-size:12px; color:#fff; opacity:0.5;}

.foot_di{ float:right; height:80px; line-height:80px;}

.foot_di a{ display:inline-block; font-size:12px; color:#fff; opacity:0.5; cursor:pointer;}

.foot_di span{ font-size:12px; color:#fff; opacity:0.5; padding:0px 8px;}

.foot_di a:hover{ opacity:1; -webkit-transition: all 0.4s ease-in-out;}



/*第二屏*/

.product{ width:1200px; height:736px; overflow:hidden; margin:auto;}

.product_en{ width:1200px; height:36px; text-align: center; position:relative; top:-200px; opacity:0;}

.product_tit{ width:1200px; text-align: center; font-size:22px; color:#404040; height:70px; line-height:70px; position:relative; top:-100px; opacity:0;}

.product_list{ width:1200px; height:600px; margin-top:30px; position:relative; top:-50px; opacity:0;}

.product_list ul li{ float:left; width:400px; height:600px; list-style:none;}

.product_list ul li a{ display:block; width:400px; height:600px; position:relative;}

.product_list ul li a:hover .product_3{ background:url(../images/index1_19.png) no-repeat center; -webkit-transition: all 0.4s ease;}

.product_list ul li a:hover .product_5{ opacity:1; -webkit-transition: all 0.4s ease-in-out;}

.product_list ul li a:hover .product_img img{-moz-transform:scale(1.1,1.1);-webkit-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);}

.product_img{ width:400px; height:600px; overflow:hidden;}

.product_img img{ width:400px; height:600px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

.product_bg{ width:400px; height:600px; position:absolute; top:0; background-color:rgba(0,0,0,0.4);}

.product_1{ width:100%; height:72px; text-align: center; padding-top:127px;}

.product_2{ width:100%; text-align: center; font-size:22px; color:#fff; height:60px; line-height:60px; margin-top:70px;}

.product_3{ width:100%; height:25px; background:url(../images/index1_22.png) no-repeat center;}

.product_4{ width:325px; margin:auto; text-align: center; font-size:14px; color:#fff; line-height:28px; height:56px; overflow:hidden; margin-top:15px;}

.product_5{ width:75px; text-align: center; height:30px; line-height:30px; left:162px; border-bottom:1px solid #fff; margin:auto; margin-top:40px; opacity:0; position: absolute; bottom:-100px;  }

.product_5 span{ font-size:14px; color:#fff; background:url(../images/index1_27.png) no-repeat right; padding-right:15px;}

.product_xiao .product_5{animation:careertuo 0.6s 0.5s forwards;  -moz-animation:careertuo 0.6s 0.5s forwards; -ms-animation:careertuo 0.6s 0.5s forwards;}



@keyframes careertuo{ from {opacity:0px;bottom:-100px;} to {opacity:1; bottom:105px;} }





/*第三屏*/

.example{ width:1200px; height:714px; overflow:hidden; margin:auto;}

.example_tit{ width:1200px; background:url(../images/index1_35.png) no-repeat center; height:134px; margin-bottom:45px;}

.example_en{ width:1200px; height:37px; text-align: center; padding-top:38px; position:relative; top:-200px; opacity:0;}

.example_zhong{ width:1200px; text-align: center; font-size:22px; color:#404040; height:29px; margin-top:25px; position:relative; top:-100px; opacity:0;} 

.use_con{ width:1200px; height:450px;}

.use_left{ float:left; width:592px; height:450px; position:relative; left:-200px; opacity:0;}

.use_left a{ display:block; width:592px; height:450px; position:relative;}

.use_left a:hover .use_img img{-moz-transform:scale(1.1,1.1);-webkit-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);}

.use_left a:hover .use_3 img{ padding-left:5px; -webkit-transition: all 0.4s ease-in-out;}



.view { width: 592px; height: 450px; overflow: hidden; position: relative; text-align: center;  }



.fourth-effect .mask { position: absolute; top: 129px; left:69px ; cursor: pointer; display: inline-block; height: 219px; width: 456px;background-color:rgba(0,186,242,0.8); /*border: 50px solid rgba(0,186,242,0.8);*/ box-sizing: border-box; opacity: 1; visibility: visible; transition: all 0.3s ease-in-out 0s; }

.fourth-effect:hover .mask { opacity: 0; border: 0px solid rgba(0, 0, 0, 0.7); visibility: hidden; }







.use_img{ width:592px; height:450px; overflow:hidden;}

.use_img img{ width:592px; height:450px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

.use_bg{ width:456px; height:219px; /*position:absolute; left:69px; top:129px;*/ }

.use_1{ width:265px; margin:auto; font-size:16px; color:#fff; text-align: center; height:55px; line-height:55px; padding-top:35px;}

.use_2{ width:265px; margin:auto; text-align: center; font-size:12px; color:#fff; line-height:20px; height:40px; overflow:hidden;}

.use_3{ width:72px; height:26px; margin:auto; border:1px solid #fff; border-radius:20px; overflow:hidden; margin-top:20px;}

.use_list{ float:right; width:592px; height:450px; position:relative; right:-200px; opacity:0;}

.use_list ul li{ float:left; width:289px; height:219px; overflow:hidden; list-style:none; margin-right:14px; margin-bottom:12px;}

.use_list ul li.use_list_li{ margin-right:0px;}

.use_list ul li a{ display:block; width:289px; height:219px; overflow:hidden; position:relative;}

.use_list ul li a:hover .use_list_1 img{-moz-transform:scale(1.1,1.1);-webkit-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);}

.use_list_1{ width:289px; height:219px; overflow:hidden;}

.use_list_1 img{ width:289px; height:219px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

.use_list_2{ width:289px; text-align: center; font-size:16px; color:#fff; background-color:rgba(0,0,0,0.6); height:40px; line-height:40px; position:absolute; bottom:0;}





.grid { position: relative;clear: both;margin: 0 auto;max-width: 289px;list-style: none;text-align: center;}

.grid figure {	position: relative;	float: left;overflow: hidden;min-width: 289px;	max-width: 289px;max-height: 219px;	width: 289px;	height: auto;	background: #3085a3;text-align: center;cursor: pointer;}

.grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity:1;}



.grid figure figcaption {color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;	backface-visibility: hidden;}

.grid figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}

.grid figure figcaption,.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}







.grid figure h2 { font-size:16px; width:100%; text-align: center; height:40px; line-height:40px; font-weight:normal; overflow:hidden;}











/*-----------------*/

/***** Goliath *****/

/*-----------------*/



figure.effect-goliath {

	background: #000;

}



figure.effect-goliath img,

figure.effect-goliath h2 {

	-webkit-transition: -webkit-transform 0.35s;

	transition: transform 0.35s;

}



figure.effect-goliath img {	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}

figure.effect-goliath h2,figure.effect-goliath p {position: absolute;bottom: 0;left: 0;}



figure.effect-goliath p {

	text-transform: none; width:259px; height:42px; line-height:21px; padding:8px 15px; overflow:hidden;

	font-size:14px;

	opacity:0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(0,50px,0);

	transform: translate3d(0,50px,0);

	/*transform: translate3d(0,0,0);*/

}



figure.effect-goliath:hover img {

	-webkit-transform: translate3d(0,-60px,0);

	transform: translate3d(0,-60px,0);

}



figure.effect-goliath:hover h2 {-webkit-transform: translate3d(0,-60px,0);transform: translate3d(0,-60px,0);}



figure.effect-goliath:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}









.use_more{ width:1200px; height:35px; text-align: center; margin-top:50px;position:relative; bottom:-200px; opacity:0; }

.use_more a{ display:inline-block; font-size:14px; color:#00baf2; border-bottom:1px solid #00baf2; padding:0px 15px; height:34px; line-height:34px; cursor:pointer;}

.use_more span{ font-family:"宋体"; margin-left:5px;}









/*第四屏*/

.press{ width:1200px; height:711px; overflow:hidden; margin:auto;}

.press_left{ float:left; width:728px; height:711px;}

.press_tit{ width:100%; height:80px; background:url(../images/index1_50.png) no-repeat left bottom; position:relative; left:-200px; opacity:0;}

.press_tit span{ display:inline-block; background:url(../images/index1_43.png) no-repeat left; font-size:22px; color:#fff; padding-left:163px; height:50px; line-height:50px;}

.press_all{ width:100%; margin-top:157px; height:472px; position:relative; left:-200px; opacity:0;}

.press_zuo{ float:left; width:492px; height:472px;}

.press_zuo a{ display:block; width:492px; height:472px;}

.press_zuo a:hover{ background-color:#4e4e4e; -webkit-transition: all 0.4s ease-in-out;}

.press_zuo a:hover .press_img img{-moz-transform:scale(0.99,0.99);-webkit-transform:scale(0.99,0.99);-o-transform:scale(0.99,0.99);-ms-transform:scale(0.99,0.99); transform:scale(0.99,0.99);}

.press_zuo a:hover .press_ri{ width:95px; padding-left:10px; -webkit-transition: all 0.4s ease-in-out;}





.press_img{ width:492px; height:236px; overflow:hidden;}

.press_img img{width:492px; height:236px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

.press_nei{ width:492px; height:195px; margin-top:15px;}

.press_ri{ float:left; height:55px; line-height:55px; font-size:27px; color:#fff; font-family:Arial, Helvetica, sans-serif; background:url(../images/index1_22.png) no-repeat right; width:105px;}

.press_rong{ float:right; width:365px; height:195px;}

.press_1{ width:310px; font-size:17px; color:#fff; height:55px; line-height:55px; overflow:hidden;}

.press_2{ width:310px; font-size:14px; color:#fff; line-height:27px; height:54px; overflow:hidden; margin-top:10px;}

.press_3{ width:41px; height:41px; border-radius:50%; border:1px solid #fff; margin-top:25px;}

.press_you{ float:right; width:236px; height:472px; background-color:#fff;}

.press_you a{ display:block; width:236px; height:472px; background-color:#fff;}

.press_you a:hover{ background-color:#4e4e4e; -webkit-transition: all 0.4s ease-in-out;}

.press_you a:hover .press_4{ color:#fff; padding-top:20px; -webkit-transition: all 0.4s ease-in-out;}

.press_you a:hover .press_5{ background:url(../images/index1_651.png) no-repeat center; -webkit-transition: all 0.4s ease-in-out;}

.press_you a:hover .press_6{ color:#fff; -webkit-transition: all 0.4s ease-in-out;}

.press_you a:hover .press_7{ color:#fff; -webkit-transition: all 0.4s ease-in-out;}

.press_you a:hover .press_bottom img{-moz-transform:scale(0.98,0.98);-webkit-transform:scale(0.98,0.98);-o-transform:scale(0.98,0.98);-ms-transform:scale(0.98,0.98); transform:scale(0.98,0.98);}

.press_top{ width:236px; height:236px;}

.press_4{ width:100%; text-align: center; font-size:27px; color:#d7d7d7; font-family:Arial, Helvetica, sans-serif; height:55px; line-height:55px; padding-top:30px;}

.press_5{ width:100%; background:url(../images/index1_65.png) no-repeat center; height:50px;}

.press_6{ margin: auto; text-align: center; font-size:14px; color:#4e4e4e; line-height:24px; height:48px; overflow:hidden; width:185px;}

.press_7{ width:100%; height:9px; text-align: center; margin-top:30px;}



.press_bottom{ width:236px; height:236px; overflow:hidden;}

.press_bottom img{width:236px; height:236px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}



.press_right{ float:right; width:472px; height:472px;position:relative; right:-200px; opacity:0;}

.press_right ul li{ float:left; width:236px; height:472px; list-style:none;}

.press_right ul li a{ display:block; width:236px; height:472px; background-color:#fff;} 

.press_right ul li a:hover{ background-color:#4e4e4e; -webkit-transition: all 0.4s ease-in-out;}

.press_right ul li a:hover .press_4{ color:#fff; padding-top:20px; -webkit-transition: all 0.4s ease-in-out;}

.press_right ul li a:hover .press_5{ background:url(../images/index1_651.png) no-repeat center; -webkit-transition: all 0.4s ease-in-out;}

.press_right ul li a:hover .press_6{ color:#fff; -webkit-transition: all 0.4s ease-in-out;}

.press_right ul li a:hover .press_7{ color:#fff; -webkit-transition: all 0.4s ease-in-out;}

.press_right ul li a:hover .press_bottom img{-moz-transform:scale(0.98,0.98);-webkit-transform:scale(0.98,0.98);-o-transform:scale(0.98,0.98);-ms-transform:scale(0.98,0.98); transform:scale(0.98,0.98);}





/*第五屏*/

.touch{ width:1200px; height:240px; margin:auto; position: relative; top:-200px; opacity:0;}

.touch ul li{ float:left; width:399px; height:240px; border-right:1px solid #e1e1e1; list-style:none;}

.touch ul li.touch_li{  border-right:none;}

.touch ul li:hover .touch_img img{-webkit-filter: grayscale(0%);-webkit-transition: all 0.4s ease-in-out;}

.touch ul li:hover .touch_tit{color:#4e4e4e;-webkit-transition: all 0.4s ease-in-out;}

.touch ul li:hover .touch_con{color:#4e4e4e;-webkit-transition: all 0.4s ease-in-out;}

.touch_img{ width:100%; height:96px; text-align: center;}

.touch_img img{-webkit-filter: grayscale(100%);}

.touch_tit{ width:100%; text-align: center; font-size:18px; color:#2f2f2f; height:40px; line-height:40px;}

.touch_con{ width:100%; text-align: center; background:url(../images/index_26.jpg) no-repeat center bottom; font-size:14px; color:#a3a3a3; line-height:20px; height:70px;}









	

.cai{ display:none;}

.btn-nav {

  position: absolute;

  top: 15px;

  right:0px;

  background: transparent;

  border: none; padding-right:10px;

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  -ms-transition: all .5s ease;

  -o-transition: all .5s ease;

  transition: all .5s ease;

  cursor: pointer;

  z-index: 99999;

}



.btn-nav:focus { outline: 0;}

.icon-bar {

  display: block;

  margin: 6px 0;

  width: 30px;

  height: 2px;

  background-color: #00baf2;

}

.btn-nav:hover .icon-bar {

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -ms-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease;

  background-color: #00baf2;

}

.nav-item { margin: 40px auto;text-align: center;}

.animated { display: block;  margin: 0 auto;}

.animated:hover .icon-bar,.animated:focus .icon-bar{ background-color: #2b6dca;}

.animated:focus { cursor: pointer;z-index: 9999;}

.middle { margin: 0 auto;}

.icon-bar {

  -webkit-transition: all .7s ease;

  -moz-transition: all .7s ease;

  -ms-transition: all .7s ease;

  -o-transition: all .7s ease;

  transition: all .7s ease;

  z-index: 999999;

}

.animated .icon-bar {

  z-index: 999999;

  background-color: #00baf2;

}

.animated .topt {

  webkit-transform: translateY(5px) rotateZ(45deg);

  -moz-transform: translateY(5px) rotateZ(45deg);

  -ms-transform: translateY(5px) rotateZ(45deg);

  -o-transform: translateY(5px) rotateZ(45deg);

  transform: translateY(5px) rotateZ(45deg);

}

.animated .bottom {

  -webkit-transform: translateY(-11px) rotateZ(-45deg);

  -moz-transform: translateY(-11px) rotateZ(-45deg);

  -ms-transform: translateY(-11px) rotateZ(-45deg);

  -o-transform: translateY(-11px) rotateZ(-45deg);

  transform: translateY(-11px) rotateZ(-45deg);

}

.animated .middle { width: 0;}



.product_lun{ display:none;}

.touch_lun{ display:none;}

.hunt{ display:none;}



@media screen and (max-width:1419px)and (min-width:1200px){

	





/*第二屏*/

.product{ width:1200px; height: auto; overflow:hidden; margin:auto;}

.product_en{ width:1200px; height:32px; text-align: center;}

.product_en img{ height:32px;}

.product_tit{ width:1200px; text-align: center; font-size:22px; color:#404040; height:60px; line-height:60px;}

.product_list{ width:999px; margin:auto; height:500px; margin-top:20px;}

.product_list ul li{ float:left; width:333px; height:500px; list-style:none;}

.product_list ul li a{ display:block; width:333px; height:500px; position:relative;}

.product_img{ width:333px; height:500px; overflow:hidden;}

.product_img img{ width:333px; height:500px;}

.product_bg{ width:333px; height:500px; position:absolute; top:0; background-color:rgba(0,0,0,0.4);}

.product_1{ width:100%; height:60px; text-align: center; padding-top:107px;}

.product_1 img{ height:60px;}

.product_2{ width:100%; text-align: center; font-size:22px; color:#fff; height:60px; line-height:60px; margin-top:60px;}



/*第三屏*/

.example{ width:1200px; height:584px; overflow:hidden; margin:auto;}

.example_tit{ width:1200px; background:url(../images/index1_35.png) no-repeat center; background-size:auto 100%; height:114px; margin-bottom:30px;}

.example_en{ width:1200px; height:30px; text-align: center; padding-top:25px;}

.example_en img{ height:30px;}

.example_zhong{ width:1200px; text-align: center; font-size:20px; line-height:29px; color:#404040; height:29px; margin-top:15px;} 



.use_con{ width:1000px; height:375px; margin:auto;}

.use_left{ float:left; width:493px; height:375px;}

.use_left a{ display:block; width:493px; height:375px; position:relative;}





.fourth-effect .mask { position: absolute; top: 107px; left:57px ; cursor: pointer; display: inline-block; height: 183px; width: 380px;background-color:rgba(0,186,242,0.8); }



.grid figure figcaption, .grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 244px;height: 185px;}

.grid figure h2 {

    font-size: 14px;

    width: 100%;

    text-align: center;

    height: 30px;

    line-height: 30px;

    font-weight: normal;

    overflow: hidden;

}

figure.effect-goliath p {

    text-transform: none;

    width: 94%;

    height: 42px;

    line-height: 21px;

    padding: 5px 3%;

    overflow: hidden;

    font-size: 12px;

    opacity: 0;

 

}

.use_img{ width:493px; height:375px; overflow:hidden;}

.use_img img{ width:493px; height:375px;}

.use_bg{ width:380px; height:183px; position:absolute; left:px; top:0px; background-color:rgba(0,186,242,0.8);}



.use_1 {

    width: 265px;

    margin: auto;

    font-size: 16px;

    color: #fff;

    text-align: center;

    height: 55px;

    line-height: 55px;

    padding-top: 20px;

}



.use_list{ float:right; width:495px; height:375px;}

.use_list ul li{ float:left; width:244px; height:185px; overflow:hidden; list-style:none; margin-right:7px; margin-bottom:5px;}

.use_list ul li a{ display:block; width:244px; height:185px; overflow:hidden; position:relative;}

.use_list_1{ width:244px; height:185px; overflow:hidden;}

.use_list_1 img{ width:244px; height:185px;}

.use_list_2{ width:244px; text-align: center; font-size:16px; color:#fff; background-color:rgba(0,0,0,0.6); height:40px; line-height:40px; position:absolute; bottom:0;}



.use_more{ width:1200px; height:35px; text-align: center; margin-top:30px; }





/*第四屏*/

.press{ width:1012px; height:597px; overflow:hidden; margin:auto;}

.press_left{ float:left; width:614px; height:597px;}

.press_all{ width:614px; margin-top:119px; height:398px;}

.press_zuo{ float:left; width:415px; height:398px;}

.press_zuo a{ display:block; width:415px; height:398px;}

.press_img{ width:415px; height:199px; overflow:hidden;}

.press_img img{width:415px; height:199px;}

.press_nei{ width:415px; height:195px; margin-top:15px;}

.press_ri{ float:left; height:45px; line-height:45px; font-size:24px; color:#fff; font-family:Arial, Helvetica, sans-serif; background:url(../images/index1_22.png) no-repeat right; width:95px;}

.press_rong{ float:right; width:310px; height:195px;}

.press_1{ width:310px; font-size:16px; color:#fff; height:45px; line-height:45px; overflow:hidden;}

.press_2{ width:310px; font-size:14px; color:#fff; line-height:27px; height:54px; overflow:hidden; margin-top:10px;}

.press_3{ width:31px; height:31px; border-radius:50%; border:1px solid #fff; margin-top:25px;}

.press_3 img{ width:31px; height:31px;}



.press_you{ float:right; width:199px; height:398px; background-color:#fff;}

.press_you a{ display:block; width:199px; height:398px; background-color:#fff;}

.press_top{ width:199px; height:199px;}

.press_4{ width:100%; text-align: center; font-size:24px; color:#d7d7d7; font-family:Arial, Helvetica, sans-serif; height:45px; line-height:45px; padding-top:30px;}

.press_5{ width:100%; background:url(../images/index1_65.png) no-repeat center; height:35px;}

.press_6{ margin: auto; text-align: center; font-size:14px; color:#4e4e4e; line-height:24px; height:48px; overflow:hidden; width:185px;}

.press_7{ width:100%; height:9px; text-align: center; margin-top:20px;}



.press_bottom{ width:199px; height:199px; overflow:hidden;}

.press_bottom img{width:199px; height:199px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

.press_right{ float:right; width:398px; height:398px;}

.press_right ul li{ float:left; width:199px; height:398px; list-style:none;}

.press_right ul li a{ display:block; width:199px; height:398px; background-color:#fff;} 





/*第五屏*/

.touch{ width:1200px; height:240px; margin:auto;}

.touch ul li{ float:left; width:399px; height:240px; border-right:1px solid #e1e1e1; list-style:none;}

.touch ul li.touch_li{  border-right:none;}

.touch_img{ width:100%; height:96px; text-align: center;}

.touch_tit{ width:100%; text-align: center; font-size:16px; color:#2f2f2f; height:40px; line-height:40px;}

.touch_con{ width:100%; text-align: center; background:url(../images/index_26.jpg) no-repeat center bottom; font-size:14px; color:#a3a3a3; line-height:20px; height:70px;}



/*底部*/

.footer{ width:100%; height:350px; background-color:#3c3c3c; margin:auto; position:absolute; bottom:0;}

.foot{ width:1200px; height:310px; margin:auto; position:relative; padding-top:40px;}

.foot_top{ width:1200px; height:260px;}

.foot_1{ float:left; width:190px; height:260px;}

.foot_2{ float:left; width:190px; height:260px;}

.foot_con{ width:190px; height:200px; margin-top:7px;}

.foot_right{ float:right; width:180px; height:260px;}

.foot_bottom{ width:1200px; height:50px;}

.foot_typeright{ float:left; height:50px; line-height:50px; font-size:12px; color:#fff; opacity:0.5;}

.foot_di{ float:right; height:50px; line-height:50px;}



}









@media screen and (max-width:599px)and (min-width:300px){



	.cai{ display: block; width:100%; height:60px; top:0; z-index:99; position:absolute;}

	.cai_list{ width:100%; height:100vh; background-color:rgba(0,0,0,0.8); display:none;}

	

	/*mnav*/

	.cai_list_kong{ width:100%; height:70px;}

	.mnav{  width:96%; height:auto; margin:auto; background:#FFF; margin-left:2%; border-radius:10px;}

	.mnav li{line-height:39px; border-bottom:1px #f2f1f1 solid; margin:0px 15px; font-size:14px; background:url(../images/jl.png) no-repeat; background-position:100% 17px; list-style:none;}

	.mnav li a{ width:100%; display:block; color:#000;}

	.mnav .mnavhor{line-height:39px; border-bottom:1px #f2f1f1 solid; margin:0px 15px; font-size:14px; background:url(../images/jl2.jpg) no-repeat; background-position:100% 17px;}

	.mnav .mnavhor a{ width:100%; display:block; color:#2b6dca;}

	

	.mnav .mnavhor dl{ display:block;}

	.mnav li dl{z-index:1000; top:75px; left:-52px; overflow:hidden;border-top:1px #f2f1f1 solid; width:auto; display:none;}

	.mnav li dl dd{height:34px;line-height:34px; text-align:left; padding-left:20px; border-bottom:1px #f2f1f1 dashed; width:auto;}

	.mnav .mnavhor dl dd a{ color:#000;}

	.mnav .mnavhor dl dd a:hover{ color:#2b6dca;}

	.mnav .mnavhor dl .mnavdd a{ color:#2b6dca}

	.cai_search{ position: absolute; top:0; height:60px; z-index:9999; right:50px; width:25px;}

	.cai_search a{ display:inline-block; height:60px; width:20px;}

	.cai_search img{ padding-top:23px;}

	

	.hunt{ width:100%; height:100vh; position:fixed; top:0; background:rgba(102,102,102,0.9); display:none; z-index:9999; right:0;}

	.hunt_con{ width:100%; height:57px; padding-top:8px; border-bottom: 1px solid #d4d4d4; background-color:#fff; position:relative;}

	.hunt_nie{ border-radius:4px; overflow:hidden; border: 1px solid #d4d4d4; height:48px; width:80%; margin-left:7%; position:relative;}

	.hunt_text{ border:none; height:48px; padding-left:20px; font-size:16px; font-family:"微软雅黑"; width:80%;}

	.hunt_btn{ width:20px; height:20px; background:url(../images/shou.jpg) no-repeat center; background-size:auto 100%; position:absolute; right:10px; top:15px; border:none;}

	

	.hunt_cha{ position:absolute; right:4%; height:57px; width:22px; top:0px;}

	.hunt_cha a{ display:block; width:22px; height:57px;}

	.hunt_cha img{ padding-top:23px;}

	

	

	

	/*菜单*/

	.mune_warp{ width:56px; background-color:#00a0e0; height:56px; position:fixed; top:150px; z-index:999; left:2%; overflow:hidden; display:none;}

	

	/*首页*/

	.section{ width:100%; height: auto; overflow:hidden;}

	.ping{ width:100%; height: auto; overflow:hidden; position:inherit;}



	/*漂浮*/

	.carte { position: fixed; right: 2%; top: 47%; height: auto; width:9px; z-index:999999; display:none;}



	

	/*第一屏*/

	.big{ width:100%; height:240px; margin:auto; position:relative; overflow:hidden;}

	.big .swiper-container { width: 100%;height: 100%;overflow:hidden;}

	.big .swiper-slide{ overflow:hidden;}

	.big .swiper-slide.swiper-slide-active .big_div{ opacity:1; transform:translate(0,0);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1); min-height:240px;}

	.big .pagination{ position: absolute; bottom:10px; width:100%; z-index:10; text-align: center;}

	.big .swiper-pagination-bullet { display: inline-block; width:10px;  height:10px;margin:0px 4px; border-radius:0%; cursor: pointer; opacity: 1; background-color:#fff; border-radius:50%;}

	.big .swiper-pagination-bullet-active{ background-color:#00a0e0; }

	.big_div{ width:100%; height:240px;display:block;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);

	}





	/*头部*/

	.header{ width:100%; height:60px; position: inherit;}

	.head_logo{ position:absolute; left:2%;height:60px; cursor:pointer; z-index:999; top:0;}

	.head_logo img{ padding-top:10px; height:40px;}

	

	

	/*导航*/

	.nav-box { width:1200px;height:50px; margin:auto; padding-top:30px; text-align: right;  position:relative;z-index:8; display:none;}

	.nav{ display:none;}

	.head_right{ position:absolute; right:3%; height:95px; line-height:95px; z-index:999; top:0; display:none;}

	

	

	/*底部*/

	.footer{ width:100%; height:450px; background-color:#3c3c3c; margin:auto; position: relative; bottom:0px; opacity:1;}

	.foot{ width:96%; height: auto; overflow:hidden; margin:auto; position:relative; padding-top:20px;}

	.foot_top{ width:100%; height: auto; overflow:hidden;}

	.foot_1{ float:none; width:100%; height:30px;}

	.foot_1 a{ display: inline-block; font-size:14px; color:#fff; height:30px; line-height:30px; cursor:pointer; padding-right:20px;}

	

	.foot_2{ float:none; width:100%; height: auto; overflow:hidden;}

	.foot_nav{ width:100%; height:30px;}

	.foot_nav a{ display:block; font-size:14px; color:#fff; height:30px; line-height:30px; cursor:pointer;}

	.foot_nav a:hover{color:#00baf2; -webkit-transition: all 0.4s ease-in-out;}

	

	.foot_con{ width:100%; height: auto; overflow:hidden; margin-top:0px; padding-bottom:10px;}

	.foot_con a{ display: inline-block; font-size:14px; color:#a3a3a3; height:24px; line-height:24px; cursor:pointer; margin-right:20px;}

	.foot_con a:hover{color:#fff; -webkit-transition: all 0.4s ease-in-out;}

	

	.foot_right{ float:none; width:100%; height: auto; overflow:hidden; margin-top:20px;}

	.foot_logo{ width:100%; height:68px; text-align:center; padding-top:12px; cursor:pointer;}

	.foot_logo img{ height:68px;}

	.foot_wei{ width:100%; height:40px; margin-top:30px; text-align: center;}

	.foot_wei a{ display: inline-block; width:40px; height:40px; border-radius:50%; float:none; background-color:#303030; margin-left:10px; margin-right:10px; cursor:pointer;}

	

	

	.foot_bottom{ width:100%; height: auto; overflow:hidden; margin-top:20px;}

	.foot_typeright{ float:none; width:100%; text-align: center; height:40px; line-height:20px; font-size:12px; color:#fff; opacity:0.5;}

	.foot_di{ float:none; width:100%; text-align: center; height:40px; line-height:40px; display: block;}



	/*第二屏*/

	.product{ width:100%; height: auto; overflow:hidden; margin:auto; margin-top:40px;}

	.product_en{ width:100%; height:25px; text-align: center; position:relative; top:0px; opacity:1;}

	.product_en img{ height:25px; width:auto;}

	.product_tit{ width:100%; text-align: center; font-size:18px; color:#404040; height:50px; line-height:50px; position:relative; top:0px; opacity:1;}

	.product_list{ width:1200px; height:600px; margin-top:30px; position:relative; top:0px; opacity:1; display:none;}

	

	.product_lun{ width:100%; height:540px; margin:auto; position:relative; overflow:hidden; display:block; margin-top:10px;}

	.product_lun .swiper-container { width: 100%;height: 100%;overflow:hidden;}

	.product_lun .swiper-slide{ overflow:hidden;}

	

	.product_lun .paginationp{ position: absolute; bottom:20px; width:100%; z-index:100; text-align: center;}

	.product_lun .swiper-pagination-bullet { display: inline-block; width:10px;  height:10px;margin:0px 4px; border-radius:0%; cursor: pointer; opacity: 1; background-color:#000; border-radius:50%;}

	.product_lun .swiper-pagination-bullet-active{ background-color:#00a0e0; }

	

	.product_nei{ width:320px; height:480px; margin:auto;}

	.product_nei a{ display:block; width:320px; height:480px; position:relative;}

	.product_nei a:hover .product_3{ background:url(../images/index1_19.png) no-repeat center; -webkit-transition: all 0.4s ease;}

	.product_nei a:hover .product_5{ opacity:1; -webkit-transition: all 0.4s ease-in-out;}

	.product_nei a:hover .product_img img{-moz-transform:scale(1.1,1.1);-webkit-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);}

	.product_img{ width:320px; height:480px; overflow:hidden;}

	.product_img img{ width:320px; height:480px;}

	

	.product_bg{ width:320px; height:480px; position:absolute; top:0; background-color:rgba(0,0,0,0.4);}

	.product_1{ width:100%; height:72px; text-align: center; padding-top:85px;}

	.product_2{ width:100%; text-align: center; font-size:22px; color:#fff; height:60px; line-height:60px; margin-top:50px;}

	.product_3{ width:100%; height:25px; background:url(../images/index1_22.png) no-repeat center;}

	.product_4{ width:94%; margin:auto; text-align: center; font-size:14px; color:#fff; line-height:28px; height:56px; overflow:hidden; margin-top:15px;}

	.product_5{ width:75px; text-align: center; height:30px; line-height:30px; left:162px; border-bottom:1px solid #fff; margin:auto; margin-top:40px; opacity:0; }



	

	/*第三屏*/

	.example{ width:96%; height: auto; overflow:hidden; margin:auto; padding-top:30px; padding-bottom:50px;}

	.example_tit{ width:100%; background:url(../images/index1_35.png) no-repeat center; background-size:auto 100%; height:70px; margin-bottom:25px;}

	.example_en{ width:100%; height:25px; text-align: center; padding-top:14px; position:relative; top:0px; opacity:1;}

	.example_en img{ height:25px;}

	.example_zhong{ width:100%; text-align: center; font-size:18px; color:#404040; height:29px; margin-top:5px; position:relative; top:0px; opacity:1;} 

	

	.use_con{ width:100%; height: auto; overflow:hidden;}

	.use_left{ float:none; width:592px; height:450px; position:relative; left:0px; opacity:1;}

	.use_left a{ display:block; width:592px; height:450px; position:relative;}

	

	.view { width: 592px; height: 450px; overflow: hidden; position: relative; text-align: center;  }

	

	.fourth-effect .mask { position: absolute; top: 30px; left:5% ; cursor: pointer; display: inline-block; height: 219px; width: 90%;background-color:rgba(0,186,242,0.8); box-sizing: border-box; opacity: 1; visibility: visible; transition: all 0.3s ease-in-out 0s; }

	.fourth-effect:hover .mask { opacity: 0; border: 0px solid rgba(0, 0, 0, 0.7); visibility: hidden; }

	

	

	

	.use_img{ width:592px; height:450px; overflow:hidden;}

	.use_img img{ width:592px; height:450px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

	.use_bg{ width:100%; height:219px; /*position:absolute; left:69px; top:129px;*/ }

	.use_1{ width:265px; margin:auto; font-size:16px; color:#fff; text-align: center; height:55px; line-height:55px; padding-top:35px;}

	.use_2{ width:265px; margin:auto; text-align: center; font-size:12px; color:#fff; line-height:20px; height:40px; overflow:hidden;}

	.use_3{ width:72px; height:26px; margin:auto; border:1px solid #fff; border-radius:20px; overflow:hidden; margin-top:20px;}

	

	.use_list{ float:none; width:100%; height: auto; overflow:hidden; position:relative; right:0px; opacity:1; margin-top:10px;}

	.use_list ul li{ float:none; width:100%; height: auto; overflow:hidden; list-style:none; margin-right:px; margin-bottom:10px;}

	.use_list ul li a{ display:block; width:100%; height: auto; overflow:hidden; position:relative;}

	

	.use_list_1{ width:289px; height:219px; overflow:hidden;}

	.use_list_1 img{ width:289px; height:219px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

	.use_list_2{ width:289px; text-align: center; font-size:16px; color:#fff; background-color:rgba(0,0,0,0.6); height:40px; line-height:40px; position:absolute; bottom:0;}

	

	

	.grid { position: relative;clear: both;margin: 0 auto;max-width:100%;list-style: none;text-align: center;}

	.grid figure {	position: relative;	float: left;overflow: hidden;min-width:100%;	max-width: none;max-height: none;	width: 289px;	height: auto;	background: #3085a3;text-align: center;cursor: pointer;}

	.grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity:1;}

	

	.grid figure h2 { font-size:16px; width:100%; text-align: center; height:40px; line-height:40px; font-weight:normal; overflow:hidden; background-color:rgba(0,0,0,0.6)}



	

	.use_more{ width:100%; height:35px; text-align: center; margin-top:20px;position:relative; bottom:0px; opacity:1; }

	.use_more a{ display:inline-block; font-size:14px; color:#00baf2; border-bottom:1px solid #00baf2; padding:0px 15px; height:34px; line-height:34px; cursor:pointer;}

	.use_more span{ font-family:"宋体"; margin-left:5px;}



	/*第四屏*/

	.press{ width:96%; height: auto; overflow:hidden; margin:auto; padding-top:20px;}

	.press_left{ float:none; width:100%; height: auto; overflow:hidden;}

	.press_tit{ width:100%; height:45px; background:url(../images/index1_50.png) no-repeat center bottom; position:relative; left:0px; opacity:1; text-align: center;}

	.press_tit span{ display:inline-block; background:none; font-size:18px; color:#fff; padding-left:0px; height:40px; line-height:40px;}

	.press_all{ width:100%; margin-top:25px; height: auto; overflow:hidden; position:relative; left:0px; opacity:1;}

	.press_zuo{ float:none; width:100%; height: auto; overflow:hidden;}

	.press_zuo a{ display:block; width:100%; height: auto; overflow:hidden;}

	

	

	.press_img{ width:492px; height:236px; overflow:hidden;}

	.press_img img{width:492px; height:236px;}

	.press_nei{ width:100%; height: auto; overflow:hidden; margin-top:15px;}

	.press_ri{ float:none; height:35px; line-height:35px; font-size:24px; color:#fff; font-family:Arial, Helvetica, sans-serif; background:none; width:100%;}

	.press_rong{ float:none; width:100%; height: auto; overflow:hidden;}

	.press_1{ width:100%; font-size:16px; color:#fff; height:40px; line-height:40px; overflow:hidden;}

	.press_2{ width:100%; font-size:14px; color:#fff; line-height:27px; height:54px; overflow:hidden; margin-top:0px;}

	.press_3{ width:31px; height:31px; border-radius:50%; border:1px solid #fff; margin-top:10px;}

	.press_3 img{ width:31px; height:31px;}

	

	.press_you{ float:none; width:100%; height: auto; overflow:hidden; background-color:#fff; margin-top:20px;}

	.press_you a{ display:block; width:100%; height:150px; background-color:#fff;}

	

	

	.press_top{ float:left; width:236px; height:150px;}

	.press_4{ width:100%; text-align: center; font-size:22px; color:#d7d7d7; font-family:Arial, Helvetica, sans-serif; height:40px; line-height:40px; padding-top:10px;}

	.press_5{ width:100%; background:url(../images/index1_65.png) no-repeat center; height:30px;}

	.press_6{ margin: auto; text-align: center; font-size:14px; color:#4e4e4e; line-height:24px; height:48px; overflow:hidden; width:185px;}

	.press_7{ width:100%; height:9px; text-align: center; margin-top:30px; display:none;}

	

	.press_bottom{ float:right; width:150px; height:150px; overflow:hidden;}

	.press_bottom img{width:150px; height:150px;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

	

	.press_right{ float:none; width:100%; height: auto; overflow:hidden;position:relative; right:0px; opacity:1; margin-top:10px;}

	.press_right ul li{ float:none; width:100%; height:150px; list-style:none; margin-bottom:10px;}

	.press_right ul li a{ display:block; width:100%; height:150px; background-color:#fff;} 





	/*第五屏*/

	.touch{ width:100%; height: auto; overflow:hidden; margin:auto; position: relative; top:0px; opacity:1; display:none;}





	.touch_lun{ width:100%; height:260px; margin:auto; position:relative; overflow:hidden; display:block; margin-top:30px;}

	.touch_lun .swiper-container { width: 100%;height: 100%;overflow:hidden;}

	.touch_lun .swiper-slide{ overflow:hidden;}



	.touch_lun .paginationt{ position: absolute; bottom:10px; width:100%; z-index:100; text-align: center;}

	.touch_lun .swiper-pagination-bullet { display: inline-block; width:10px;  height:10px;margin:0px 4px; border-radius:0%; cursor: pointer; opacity: 1; background-color:#666; border-radius:50%;}

	.touch_lun .swiper-pagination-bullet-active{ background-color:#00a0e0; }

	.touch_img{ width:100%; height:96px; text-align: center;}

	.touch_img img{-webkit-filter: grayscale(100%); height:86px;}

	.touch_tit{ width:100%; text-align: center; font-size:16px; color:#2f2f2f; height:40px; line-height:40px;}

	.touch_con{ width:100%; text-align: center; background:url(../images/index_26.jpg) no-repeat center bottom; font-size:14px; color:#a3a3a3; line-height:20px; height:70px;}

	

		

	

}