/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family:''; color:#333;}
a{ color:#666;}
a:hover{ color:#f60; text-decoration:none;}
:hover{ transition:all .3s ease;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
input,textarea,select{outline:none}
/*common end*/


.head1bg{ width:100%; background:rgba(0,0,0,.05); position:absolute; z-index:55; top:0; left:0; }
.head1{ height:100px; }
.head1 .logo{ float:left; width:15%; height:100px; position:relative; margin-left:7%;}
.head1 .logo img{ max-width:160%; max-height:80%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
/**/
.nav_open{ height:50px; line-height:50px; font-size:37px; color:#fff; float:right; margin:25px 50px 0 0;}
.nav_open i{ vertical-align:middle;}
.navbg{ width:40%; max-width:300px; height:100%; background:rgba(255,255,255,.6); position:fixed; top:0; right:0; z-index:666; display:none;}
.nav{ padding:100px 5% 20px 5%; position:relative;}
.nav_close{ height:50px; line-height:50px; position:absolute; right:50px; top:25px; font-size:37px; color:#666;}
.nav_close i{ vertical-align:middle; }
.nav_list{ height:calc(100vh - 100px); overflow-Y:auto;}
.tree{}
.tree_box{ border-bottom:1px solid #ccc;}
.tree_one,.tree_two{display: none; overflow: hidden;}
.tree_box h3{ font-weight:normal; font-size:20px; height:60px; line-height:60px; overflow:hidden; margin:0; position:relative;}
.tree_box h3 a{ color:#333; position:relative; z-index:10;}
.tree_box h3 a:hover{ color:#006fbb;}
.tree_box h3 span{ position:absolute; width:100%; height:100%; left:0; top:0; text-align:right;}
.tree_box h3 span i{ color:#999;}
.tree_one h4{ font-weight:normal; font-size:15px; position:relative; height:45px; line-height:45px; overflow:hidden; margin:0 0 0 5%; }
.tree_box h4 a{ color:#666; position:relative; z-index:10;}
.tree_box h4 a:hover{ color:#006fbb;}



.bannerbg{ position:relative;}
.bannerbg video{ display:block; width:100%; height:100vh; background:rgba(0,0,0,.6);}
.banner_box1{ width:100%; height:100%; position:absolute; z-index:2; top:0; left:0;}
.banner_box1 table,.banner_box1 table td{ height:100%; text-align:center;}
.banner_box1 img{ max-width:100%; max-height:100%; cursor:pointer;}
.banner_box2bg{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; z-index:66; top:0; left:0; display:none;}
.banner_box2bg table,.banner_box2 table td{ height:100%;}
.banner_box2{}
.video_close{ width:30px; height:30px; background:url(../images/close.png) center no-repeat; position:absolute; right:5%; top:100px; cursor:pointer; transition:all .5s ease;}
.video_close:hover{ transform:rotate(360deg);}
.banner_box2 video{ width:65%; margin:0 auto; height:auto;}
/**/
.swiper-container1 {
	width: 100%;
	height: 100%;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container1 .swiper-slide img{ display:block; width:100%;}
.swiper-container1 .swiper-pagination1{}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; opacity:.5;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#fff; opacity:1;}
.swiper-container1 .swiper-button-prev1,.swiper-container1 .swiper-button-next1{ display:none;}
.swiper-container1 .swiper-button-prev1{}
.swiper-container1 .swiper-button-next1{}


.tit1{ text-align:center;}
.tit1 .h2{ font-size:36px; line-height:46px;}
.tit1 .h3{ font-size:16px; line-height:26px;}
.con01bg{ padding:80px 10px 10px 10px; background:#fdfdfd;}
.con01{}
.con01 .list{}
.con01 .list ul li{ float:left; width:calc((100% - 20px)/3); margin:80px 10px 0 0; position:relative;}
.con01 .list ul li:nth-child(3n){ margin-right:0;}
.con01 .list ul li .img{ padding-bottom:70%;}
.con01 .list ul li .imgbg{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; transition:all .6s ease;}
.con01 .list ul li:hover .imgbg{ background:rgba(0, 0, 0, 0.35);}
.con01 .list ul li .txt{ color:#fff; width:calc(100% - 60px); padding:30px 30px; position:absolute; bottom:0; left:0; z-index:2;top:-5%}
.con01 .list ul li .txt .h2{ font-size:24px; line-height:34px; transition:all .6s ease;}
.con01 .list ul li:hover .txt .h2{ padding-left:8%;}
.con01 .list ul li .txt .h2 span{ font-size:16px; margin-left:5px; text-decoration:underline;}

/**/
.footbg{ background:#f7f7f7;}
.foot{}
.foot1{ padding:80px 0 40px 0;}
.foot1 .lt{ float:left;}
.foot1 .lt .h2{ font-size:14px; line-height:24px; color:#959595;}
.foot1 .lt .h2 span{ display:block; font-size:32px; line-height:42px; color:#333;}
.f_menu{ font-size:15px; line-height:25px; margin-top:35px;}
.f_menu ul li{ float:left; padding:0 30px; background:url(../images/9a1.png) right center no-repeat;}
.f_menu ul li:nth-child(1){ padding-left:0;}
.f_menu ul li a{ color:#6f6f6f;}
.f_menu ul li a:hover{ text-decoration:underline;}
.foot1 .rt{ float:right;}
.foot1 .rt ul li{ float:left; margin-left:25px; text-align:center;}
.foot1 .rt ul li .img{}
.foot1 .rt ul li .img img{ display:block; height:108px;}
.foot1 .rt ul li .h2{ font-size:14px; line-height:24px; color:#959595;}
.foot2{ border-top:1px solid #e1e1e1; padding:30px 0; font-size:12px; line-height:22px; color:#808080; text-align:center;}

/*Add------------------------------------------------------------------------------*/

.head2bg{}
.head2{ height:85px;}
.head2 .logo{ float:left; width:18%; height:85px; position:relative;}
.head2 .logo img{ max-width:160%; max-height:80%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
/*menu*/
.menu{height:85px;line-height:85px; float:right;}
.menu ul li{ float:left; position:relative; }
.menu ul li dl{ background:#fff; width:160px; margin-left:-80px; position:absolute; z-index:5; left:50%; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); display:none; }
.menu ul li dl dd{ line-height:25px;border-bottom:1px solid #e8e8e8; }
.menu ul li dl dd a{ font-size:15px; color:#666; font-weight:normal; padding:10px 0; }
.menu ul li dl dd a:hover{ color:#fff; background:#006fbc;}
.menu a{ font-size:16px;color:#333; text-decoration:none; font-weight:normal;display:block;text-align:center; padding:0 20px;}
.menu a:hover{color:#006fbc;}
a.menu_hover{ color:#006fbc;}

/**/
img{max-width:100% !important}
.inbanner img{ display:block; width:100%;margin:0 auto}
.weizhibg{ background:#eee;}
.weizhi{ font-size:15px; height:60px; line-height:60px;}
.weizhi .lt{ float:left; color:#666;}
.weizhi .lt img{ height:17px; margin-right:5px; vertical-align:text-top;}
.weizhi .lt a{ color:#006fbc;}
.weizhi .lt a:hover{ text-decoration:underline;}
.in_nav{ float:right;}
.in_nav ul li{ float:left;}
.in_nav ul li a{ display:block; color:#333; padding:0 30px 0 15px;}
.in_nav ul li:hover a{ background:#006fbc; color:#fff;}
.in_nav ul li i{ font-style:normal; color:#d9d9d9; margin-right:10px;}
.in_nav ul li:hover i{ color:#fff;}

.insidebg{ padding:30px 0 60px 0;}
.inside{}



/**/
.historybg{ padding:50px 0 50px 0;}
.history{ height:634px; background:url(../images/fazhan.png) top center no-repeat; margin-top:50px;}
.history .list{}
.event_box{ position:relative; margin:0 15px 0 15px;}
.event_box .parHd{ padding:0 15px; height:256px;}
.event_box .parHd .sPrev,.event_box .parHd .sNext{ width:45px; height:80px; line-height:80px; text-align:center; background:#f18529; color:#fff; font-size:34px; position:absolute; z-index:2; cursor:pointer; top:372px;}
.event_box .parHd .sPrev{ left:0;}
.event_box .parHd .sNext{ right:0;}
.event_box .parHd ul li{ float:left; width:130px; text-align:center; font-size:24px; line-height:34px; color:#6d6d6d; position:relative; padding-top:170px; }
.event_box .parHd ul li:before{ content:""; width:24px; height:24px; background:url(../images/dian2.png) center no-repeat; position:absolute; top:125px; left:50%; margin-left:-12px;}
.event_box .parBd{ padding:70px 130px 0 130px; }
.event_box .parBd .slideBox{ display:none;}
.event_box .parBd .slideBox:nth-child(1){ display:block;}
.event_box .parBd .slideBox h4{ float:left; width:270px; border:4px #408dcfd1 solid;}
.event_box .parBd .slideBox h4 img{}
.event_box .parBd .slideBox h3{ float:right; width:600px; font-size:19px; line-height:29px; font-weight:normal; margin-top:10px;}
.event_box .parBd .slideBox h3 span{ font-size:40px; line-height:50px; color:#408dcf; display:block; margin-bottom:5px;}


/**/
.video_list{}
.video_list ul li{ float:left; width:calc((100% - 40px)/3 - 2px); margin:0 20px 20px 0; border:1px solid #E4E4E4;}
.video_list ul li:nth-child(3n){ margin-right:0;}
.video_list ul li .imgbg{ position:relative;}
.video_list ul li .img{ padding-bottom:64%;}
.video_list ul li .bg{ width:100%; height:100%; background-size:40px; position:absolute; top:0; left:0; background-position:center;}
.video_list ul li:hover .bg{ background:rgba(0,0,0,.5) url(../images/ico_play.png) center no-repeat;}
.video_list ul li .txt{ padding:10px 15px 20px 15px;}
.video_list ul li .txt .h2{ font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.video_list ul li .txt .h3{ font-size:12px; line-height:28px; margin-top:10px;}
.video_list ul li .txt .h3 span{ display:inline-block; border-radius:5px; background:#049ee2; color:#fff; padding:0 10px;}
.video_list ul li .txt .h3 img{ height:13px; margin-right:5px; vertical-align:middle;}
.videobg{ width:100%; height:100%; background:rgba(0,0,0,.55); position:fixed; z-index:5; top:0; left:0; display:none;}
.video{ width:100%; height:100%; position:relative;}
.video_close{}
.video_con{ transform:translate(-50%,-50%); left:50%; top:50%; position:absolute;}
.video_con video{ display:block; width:100%;}


.tit2{ text-align:center; padding-bottom:20px; border-bottom:1px solid #dadada;}
.tit2 .h2{ font-size:30px; line-height:40px;}
.about2{}
.about2 .list{ margin-top:25px;}
.about2 .list ul li{ background:#f6f6f6; margin-bottom:10px;}
.about2 .list ul li .img{ width:510px;}
.about2 .list ul li .img img{ display:block; width:100%;}
.about2 .list ul li .txt{ width:490px; padding:0 100px;}
.about2 .list ul li .txt .h2{ font-size:24px; line-height:34px; color:#006fbc;}
.about2 .list ul li .txt .h3{ font-size:14px; line-height:24px; margin-top:10px;}


/**/
.job{}
.job .box1{}
.job .box2{ margin-top:60px; border:1px solid #E4E4E4; border-bottom:none;}
.job .box2 ul li{ border-bottom:1px solid #E4E4E4; font-size:18px; line-height:28px;}
.job .box2 ul li:hover{ background:#F2F2F2;}
.job .box2 ul li a{ display:block; padding:20px 20px 20px 20px;}
.job .box2 ul li span{ color:#006fbc;}
.job .box2 ul li a:hover{ color:#006fbc;}




/**/
.tit3{}
.tit3 .h2{ font-size:16px; height:40px; line-height:40px;}
.tit3 .h2 span{ display:inline-block; background:#006fbc; color:#fff; padding:0 20px;}
.job_detail{}
.job_detail .list{ border:1px solid #f0f0f0; padding:20px;}
.job_detail .list .h2{ font-size:16px; line-height:26px; color:#707070;}
.job_detail .list .h2 span{ display:block; font-weight:bold; font-size:20px; line-height:30px; color:#333; margin-top:5px;}
.job_detail .list .h3{ font-size:16px; line-height:34px; color:#999; margin-top:20px;}
.job_detail .list .h3 span{ font-size:24px; line-height:34px; color:#FF9900;}
.job_detail .list .txt{ margin-top:20px; background:#F2F2F2; padding:20px; font-size:16px;}
.job_detail .list .txt ul li{ float:left; width:calc(100%/3); color:#999; margin:0 0 15px 0;}
.job_detail .list .txt ul li span{ color:#333;}
.job_detail .list .h4{ font-size:16px; line-height:26px; margin-top:20px;}
.job_detail .list .nr_box{ color:#707070; font-size:16px; line-height:26px; margin-top:20px;}


/**/

.contactbg{ padding:0 0 70px 0;}
.contact{ position:relative; z-index:1;}
.contact .lt{ float:left; width:600px; background:rgba(255,255,255,0.8); box-shadow:rgba(0,0,0,0.1)0 0 30px; margin-top:-120px; padding:60px 0 30px 0; font-size:16px; line-height:38px;}
.contact .lt table th{ width:80px; padding:5px 10px; vertical-align:top; text-align:right; font-weight:normal;}
.contact .lt table td{ width:480px; padding:5px 80px 5px 0;}
.contact .lt b{ color:#ff1800;}
.contact .lt .text1{ border:1px solid #ccc; background:#fff; height:36px; line-height:36px; padding:0 10px; width:calc(100% - 22px);}
.contact .lt .text2{ border:1px solid #ccc; background:#fff; height:150px; line-height:36px; padding:0 10px; width:calc(100% - 22px);}
.contact .lt .text3{ border:1px solid #ccc; background:#fff; height:36px; line-height:36px; padding:0 10px; width:278px;}
.contact .lt img{ vertical-align:middle;}
.contact .lt .button2{ color:#c9cccc; font-size:12px;}
.contact .lt .button1{ display:inline-block; width:160px; height:38px; line-height:38px; background:#0489e5; color:#fff; font-size:16px; text-align:center;}
.contact .lt .button1:hover{ background:#535353;}
.contact .rt{ float:right; width:480px; font-size:18px; line-height:26px; margin-top:70px;}
.contact .rt dl dt{ font-size:20px; line-height:30px; margin-bottom:20px;}
.contact .rt dl dd{ color:#707070;}
.contact .rt dl dd a{ color:#0489e5; text-decoration:underline;}


/**/
.brand{ width:735px; margin:30px auto 0 auto;}
.brand ul li{ float:left; width:275px; border:10px #d9f0fb solid; border-radius:100%; margin:0 145px 45px 0; overflow:hidden;}
.brand ul li:hover{ border:10px #4d99d4 solid;}
.brand ul li:nth-child(2n){ margin-right:0;}
.brand ul li .img{ height:275px; position:relative;}
.brand ul li .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; transition:all .3s ease;}
.brand ul li:hover .img img{ transform:scale(1.1);}
.brand ul .li1{ border:10px #d9f0fb solid; }
.brand ul .li1:hover{ border:10px #4d99d4 solid;}
.brand ul .li2{ border:10px #fce6cc solid; }
.brand ul .li2:hover{ border:10px #f18201ab solid;}
.brand ul .li3{ border:10px #e6e6e6 solid; }
.brand ul .li3:hover{ border:10px #929292a6 solid;}
.brand ul .li4{ border:10px #d3dde8 solid; }
.brand ul .li4:hover{ border:10px #174887b3 solid;}


/**/
.brand_nlbg{ height:780px;}
.brand_nl{ height:780px; position:relative;}
.brand_nl .btn1{ position:absolute; top:242px; left:0;}
.brand_nl .btn1 img{ width:143px; height:143px;}
.brand_nl .btn2{ position:absolute; top:462px; left:125px;}
.brand_nl .btn2 img{ width:135px; height:135px;}
.brand_nl .btn3{ position:absolute; top:209px; left:1048px;}
.brand_nl .btn3 img{ width:87px; height:87px;}
.brand_nl .btn4{ position:absolute; top:324px; left:1113px;}
.brand_nl .btn4 img{ width:87px; height:87px;}
.brand_nl .btn5{ position:absolute; top:445px; left:1055px;}
.brand_nl .btn5 img{ width:87px; height:87px;}
.brand_nl img{ transition:all .3s ease;}
.brand_nl a:hover img{ transform:scale(.9);}
.brand_nl .txt1{ position:absolute; top:292px; left:839px;}
.brand_nl .txt1 img{ width:151px; height:151px;}
.brand_nl .img1{ position:absolute; top:663px; left:1055px;}
.brand_nl .img1 img{ width:87px; height:87px;}

/**/
.brand_sldbg{ height:780px;}
.brand_sld{ height:780px; position:relative;}
.brand_sld .btn1{ position:absolute; top:106px; left:977px;}
.brand_sld .btn1 img{ width:285px; height:284px;}
.brand_sld .btn2{ position:absolute; top:255px; left:0;}
.brand_sld .btn2 img{ width:250px; height:268px;}
.brand_sld .btn3{ position:absolute; top:565px; left:275px;}
.brand_sld .btn3 img{ width:162px; height:174px;}
.brand_sld img{ transition:all .3s ease;}
.brand_sld a:hover img{ transform:scale(.9);}
.brand_sld .txt1{ position:absolute; top:24px; left:149px;}
.brand_sld .txt1 img{ width:300px; height:321px;}
.brand_sld .img1{ position:absolute; top:429px; left:957px;}
.brand_sld .img1 img{ width:162px; height:174px;}

/**/
.nl_introbg{ background:#0c519c url(../images/gushi_bgh.jpg) top repeat-x;}
.nl_intro{ color:#fff; font-size:16px; line-height:26px; padding:30px 0 60px 0;}

/**/
.sld_introbg{ height:680px; position:relative;}
.sld_intro{ width:100%; background:rgba(255, 255, 255, 0.85); position:absolute; bottom:0; left:0;}
.sld_intro .txt{ padding:30px 0;}

/**/
.nl_video{}
.nl_video ul li{ float:left; width:calc((100% - 20px)/2 - 2px); margin:0 20px 20px 0; border:1px solid #E4E4E4;}
.nl_video ul li:nth-child(2n){ margin-right:0;}
.nl_video ul li .imgbg{ position:relative;}
.nl_video ul li .img{ padding-bottom:64%;}
.nl_video ul li .bg{ width:100%; height:100%; background-size:40px; position:absolute; top:0; left:0; background-position:center;}
.nl_video ul li:hover .bg{ background:rgba(0,0,0,.5) url(../images/ico_play.png) center no-repeat;}
.nl_video ul li .txt{ padding:10px 15px 20px 15px;}
.nl_video ul li .txt .h2{ font-size:16px; line-height:26px; height:26px; overflow:hidden;}
.nl_video ul li .txt .h3{ font-size:12px; line-height:28px; margin-top:10px;}
.nl_video ul li .txt .h3 span{ display:inline-block; border-radius:5px; background:#049ee2; color:#fff; padding:0 10px;}
.nl_video ul li .txt .h3 img{ height:13px; margin-right:5px; vertical-align:middle;}

/**/
.product{}
.product ul li{ float:left; width:calc((100% - 20px)/2); margin:0 20px 20px 0; overflow:hidden; position:relative; background:#000;}
.product ul li:nth-child(2n){ margin-right:0;}
.product ul li .img{ padding-bottom:58%; transform:scale(1.05); opacity:.95; transition:all .3s ease;}
.product ul li:hover .img{ transform:scale(1); opacity:1;}
.product ul li .txt{ width:100%; height:100%; color:#fff; position:absolute; top:0; left:0;}
.product ul li .txt .h2{ font-size:22px; line-height:32px; padding:30px 40px;}
.product ul li .txt:before{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
.product ul li:hover .txt:before{
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}



/**/
.product2{ background:#f5f5f5; margin:30px 0 70px 0;}
.product2 .txtbg{ width:610px;}
.product2 .nr_box{ padding:20px 25px;}
.product2 .nr_box .h2{ font-size:20px; line-height:30px; color:#006fbc;}
.product2 .nr_box .txt{ font-size:16px; line-height:26px; color:#707070;}
.product2 .img{ width:590px;}
.product2 .img img{ display:block; width:100%;}



.brand_add1bg{ padding:30px 0 60px 0;}
.brand_add1{}
.brand_add1 dl dd{ float:left; width:calc((100% - 50px)/3); margin:0 25px 25px 0; background:#f2f2f2; text-align:center;}
.brand_add1 dl dd:nth-child(3n){ margin-right:0;}
.brand_add1 dl dd .txt1{ padding:15px 0 5px 0;}
.brand_add1 dl dd .txt1 .h2{ font-size:24px; line-height:34px;}
.brand_add1 dl dd .txt1 .h3{ font-size:12px; line-height:22px;}
.brand_add1 dl dd .nr_box{ }
.slideBox{}
.slideBox .hd{}
.slideBox .hd ul li{ display:inline-block; font-size:16px; line-height:26px; text-align:center;}
.slideBox .hd ul li a{ color:#666;}
.slideBox .hd ul li i{ color:#BC000E;}
.slideBox .hd ul li.on a{ color:#BC000E;}
.slideBox .bd{ margin-top:5px;}
.slideBox .bd ul li{}
.slideBox .bd ul li img{ display:block; width:100%; height:274px;}