@charset "utf-8";

@import "reset.css";
@import "iconfont.css";
@import "jquery.fancybox.css";
@import "public.css";

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

.indexA{margin-top:-78px;background:rgba(0,0,0,0.4);height:78px;position:relative;z-index:999;overflow:hidden;}
.indexA h5{float:left;width:147px;line-height:78px;font-size:24px;color:#fff;text-align:center;}
.indexA .list{float:left;margin:0;}
.indexA .list ul li{width:570px;height:78px;line-height:78px;font-size:18px;color:#fff;}
.indexA .list ul li a{color:#fff;}
.indexA .list ul li a:hover{color:#01c455;}
.indexA .hd{float:right;color:#fff;font-size:16px;font-family:Verdana;margin:26px 0 0 0;}
.indexA .hd a{color:#fff;font-size:18px;margin:0 3px;}
.indexA .hd a:hover{color:#f60;}


.indexB{box-sizing:border-box;padding:80px 0 90px 0;background:url(../images/ibg1.png) no-repeat -300px center;}
.indexB .p{float:left;width:684px;}
.indexB .p img{width:100%;}

.indexB .t{float:right;width:460px;}
.indexB .t h3{font-size:46px;color:#050505;font-weight:bold;line-height:1;}
.indexB .t hr{width:33px;height:1px;background:#01c455;border:none;margin:36px 0 0 0;}
.indexB .t p{font-size:18px;color:#757575;line-height:32px;margin:11px 0 0 0;}

.indexB .t a{font-size:16px;display:block;margin:35px 0 0 0;font-family:Microsoft YaHei;width:140px;height:36px;line-height:36px;text-align:center;color:#fff;background:#01c455;border-radius:20px;}



.indexC{background:url(../images/ibg2.jpg) no-repeat center top;height:613px;padding:75px 0 0 0;box-sizing:border-box;}

.indexC .t{float:left;width:720px;padding:60px 0 0 60px;box-sizing:border-box;}
.indexC .t h3{font-size:46px;font-weight:bold;color:#fff;}
.indexC .t hr{width:33px;height:1px;background:#09A0FF;border:none;margin:28px 0 0 0;}
.indexC .t p{font-size:18px;color:#fff;margin:11px 0 0 0;line-height:32px;}
.indexC .t a{font-size:16px;display:block;margin:52px 0 0 0;font-family:Microsoft YaHei;width:140px;height:36px;line-height:36px;text-align:center;color:#01c455;background:#fff;border-radius:20px;}


.indexC .p{float:right;width:460px;text-align:center;}
.indexC .v a.video{display:inline-block;line-height:68px;font-size:18px;color:#fff;}
.indexC .v a.video img{vertical-align: middle;margin:0 29px 0 0;transition:All 0.4s ease-in-out;}
.indexC .v a.video:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.indexC .v a.more{display:inline-block;margin:0 0 0 35px;font-size:18px;color:#fff;width:155px;height:56px;line-height:56px;text-align:center;background:#01c455;border-radius:20px;}


.indexD{margin:225px 0 0 0;padding:0 0 60px 0;background:url(../images/ibg4.jpg) repeat-y center top;}

.indexD .list{float:left;width:745px;margin:60px 0 0 0;}
.indexD .list .item{width:272px;float:left;margin:0 15px 0 0;box-sizing:border-box;}
.indexD .list .item a{position:relative;display:block;width:100%;height:100%;}
.indexD .list .item a ins{position:absolute;left:0;top:0;background:url(../images/ibg4.png) no-repeat;width:84px;height:84px;display:block;}
.indexD .list .item img{width:100%;display:block;}
.indexD .list .item p{height:56px;line-height:56px;background:#01c455;text-align:center;font-size:20px;color:#fff;}

.indexD .t{float:right;width:350px;margin:57px 0 0 0;}
.indexD .t h3{font-size:46px;line-height:1;color:#050505;font-weight:bold;}
.indexD .t hr{border:none;width:33px;height:1px;background:#01C455;margin:36px 0 0 0;}
.indexD .t p{font-size:18px;color:#757575;line-height:34px;margin:10px 0 0 0;}
.indexD .t a{font-size:16px;display:block;margin:52px 0 0 0;font-family:Microsoft YaHei;width:140px;height:36px;line-height:36px;text-align:center;color:#fff;background:#01c455;border-radius:20px;}



.indexE{background:url(../images/ibg3.jpg) no-repeat center top;height:600px;margin:80px 0 0 0;padding:140px 0 0 0;box-sizing:border-box;text-align:center;}
.indexE h3{font-size:46px;font-weight:bold;color:#fff;text-align:center;text-transform:capitalize;}
.indexE hr{width:55px;height:2px;background:#01c455;border:none;margin:32px auto 0;}
.indexE p{font-size:30px;color:#fff;text-align:center;margin:36px 0 0 0;}

.indexE .v{margin-top:59px;height:68px;text-align:center;}
.indexE .v a.video{display:inline-block;line-height:68px;font-size:18px;color:#fff;}
.indexE .v a.video img{vertical-align: middle;margin:0 29px 0 0;transition:All 0.4s ease-in-out;}
.indexE .v a.video:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.indexE .v a.more{display:inline-block;margin:0 0 0 35px;font-size:18px;color:#fff;width:155px;height:56px;line-height:56px;text-align:center;background:#01c455;border-radius:20px;}



.indexF{box-sizing:border-box;padding:90px 0}
.indexF h3{font-size:46px;line-height:1;color:#050505;text-align:center;font-weight:bold;}
.indexF hr{width:33px;height:1px;background:#01c455;border:none;margin:36px auto 0;}
.indexF p{color:#757575;font-size:18px;text-align:center;margin:13px 0 0 0;}



.indexF ul{margin:0 0 0 -39px;}
.indexF ul li{float:left;width:374px;margin:20px 0 0 39px;box-sizing:border-box;}
.indexF ul li a.pic{display:block;width:100%;height:100%;position:relative;}
.indexF ul li a.pic img{width:100%;display:block;}
.indexF ul li a.pic ins{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 3em;-webkit-transition:background-color 0.35s;transition: background-color 0.35s;box-sizing:border-box;}
.indexF ul li a.pic ins::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:'';opacity: 0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale(0);transform:scale(0);}
.indexF ul li a.pic ins h5{opacity:0;margin:21% 0 0 0;text-align:center;font-size:25px;color:#fff;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:scale(0);transform:scale(0);}

.indexF ul li .t{text-align:center;height:82px;overflow:hidden;padding:0;background:none;box-sizing:border-box;transition:all 0.3s ease 0s;}
.indexF ul li .t h6{font-size:24px;line-height:82px;transition:all 0.3s ease 0s;font-family:'Swiss721BT-BoldCondensed';}
.indexF ul li .t h6 a{color:#050505;}
.indexF ul li .t a.more{display:none;width:123px;height:30px;line-height:30px;margin-top:8px;text-align:center;font-size:13px;color:#fff;background:#f60;text-transform:uppercase;transition:all 0.3s ease 0s;}

.indexF ul li:hover .t{background:#01c455;padding:10px 0 0 0;}
.indexF ul li:hover .t h6{line-height:25px;}
.indexF ul li:hover .t h6 a{color:#fff;}
.indexF ul li:hover .t a.more{display:inline-block;}


.indexF ul li a:hover ins{background-color:rgba(0,0,0,0.7);}
.indexF ul li a:hover ins::before{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.indexF ul li a:hover ins h5{opacity:1;-webkit-transform:scale(1);transform:scale(1);}

.indexF a.getmore{font-size:16px;display:block;margin:52px auto 0;font-family:Microsoft YaHei;width:140px;height:36px;line-height:36px;text-align:center;color:#fff;background:#01c455;border-radius:20px;}

/*------------------------------------------------------------*/
.sidebaner{}
.sidebaner img{width:100%;}

.path{background:url("../images/ibg2.jpg") no-repeat center center;height:106px;line-height:106px;}
.path h3{float:left;font-size:26px;color:#fff;text-transform:capitalize;}
.path p{float:right;background:url("../images/home.png") no-repeat left center;padding:0 0 0 35px;color:#fff;font-size:15px;}
.path p a{color:#fff;}

.main {padding:30px 0 90px 0;}

.mainRight{width:850px;float:right;}
.mainRight .title,.main .title{color:#525252;font-weight:bold;font-size:30px;padding-bottom:10px;border-bottom:1px solid #e0e0e0;line-height:1;}

.mainleft{float:left;width:310px;}


.sidemenu{margin:0 0 15px 0;}
.sidemenu h3{height:52px;line-height:52px;padding:0 0 0 20px;background:#01c455;font-size:20px;color:#fff;font-weight:bold;text-transform:uppercase;}
.sidemenu ul{}
.sidemenu ul li{border:1px solid #e2e2e2;margin:6px 0 0 0;}
.sidemenu ul li h5{height:45px;line-height:45px;display:block;padding:0 0 0 20px;font-size:15px;color:#333;font-family:Arial;cursor:pointer;text-transform:capitalize;}
.sidemenu ul li h5 a{float:left;width:250px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sidemenu ul li h5 a:hover{color:#01c455;text-decoration:underline;}
.sidemenu ul li h5 span{float:right;background:url("../images/i4.png") no-repeat center center;width:30px;height:45px;display:block;}

.sidemenu dl{display:none;}
.sidemenu dl dd{line-height:20px;border-bottom:1px dashed #DCDCDC;padding:10px 0 10px 15px;margin:0 20px;}
.sidemenu dl dd:last-child{border-bottom:none;}
.sidemenu dl dd a{background:url("../images/i14-1.png") no-repeat left center;padding:0 0 0 15px;font-size:13px;color:#666;}
.sidemenu dl dd.active a,.sidemenu dl dd a:hover{color:#01c455;background:url("../images/i14.png") no-repeat left center;}

.sidemenu ul li.active h5{color:#01c455;border-bottom:1px solid #e2e2e2;}
.sidemenu ul li.active h5 a{color:#01c455;}
.sidemenu ul li.active span{background:url("../images/i4-1.png") no-repeat center center;}

.left_nav{margin:0 0 20px 0;}
.left_nav h3{font-size:18px;font-weight:bold;display:block;color:#fff;height:52px;line-height:52px;padding:0 0 0 20px;background:#01c455;text-transform:uppercase;}
.left_nav dl{}
.left_nav dl dd{height:45px;line-height:45px;border:1px solid #e2e2e2;margin:6px 0 0 0;padding:0 10px 0 20px;}
.left_nav dl dd a{color:#555;font-size:15px;display:block;-webkit-transition: 0.5s;transition: 0.5s;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.left_nav dl dd.active a{color:#01c455;background:url("../images/i2-1.png") no-repeat right center;}

/*-----about------*/
.menu-tabs{height:50px;text-align:center;margin:30px 0 0 0;}
.menu-tabs ul{height:50px;font-size:0;}
.menu-tabs ul li{width:300px;height:50px;line-height:50px;display:inline-block;border-right:1px solid #fff;}
.menu-tabs ul li a{font-size:16px;color:#fff;display:block;background:#B9B9B9;font-weight:bold;}
.menu-tabs ul li.active a{background:#01c455;}

.aboutbox{background:#F5F5F5;padding:20px;margin:35px 0 0 0;}

/*-----about------*/
.about{line-height:20px;margin:15px 0 0 0;font-size:14px;}


.about1{padding:40px 0 60px;box-sizing:border-box;}
.about1 h3{text-align:center;font-size:35px;line-height:1;color:#050505;font-weight:bold;}
.about1 hr{width:232px;height:1px;background:#01c455;border:none;margin:27px auto 0;}
.about1 .nr{margin:70px 0 0 0;}
.about1 .nr img.pic{float:left;width:580px;}
.about1 .nr .txt {float:right;width:580px;color:#202020;font-size:14px;line-height:24px;}
.about1 .nr .txt p{margin:0 0 5px 0;}
.about1 .nr .txt img{width:100%;}


.about2{}
.about2 h3{color:#fff;font-size:48px;line-height:1;text-align:center;text-transform:uppercase;}
.about2 h6{color:#fff;font-size:17px;line-height:33px;text-align:center;margin-top:30px;}
.about2 hr{width:232px;height:2px;background:#fff;border:none;margin:27px auto 0;}
.about2 ul{margin-top:60px;}
.about2 ul li{float:left;width:33.333333%;text-align:center;color:#fff;}
.about2 ul li em{font-size:80px;display:block;font-weight:bold;transition: all .3s ease-in-out;text-rendering: auto;}
.about2 ul li p{font-size:21px;margin:21px 0 0 0;text-transform:uppercase;}


.about3{background:#fff;padding:110px 0 120px 0;}
.about3 h3{color:#282828;font-size:40px;line-height:40px;text-align:center;}
.about3 h3 b{color:#E26A0B;}
.about3 hr{width:96px;background:#E77407;height:2px;border:none;margin:15px auto 0;}

.about3 .box{width:427px;height:450px;margin:0 auto;position:relative;}
.about3 .box .list{position:absolute;width:500px;}

.about3 .box .list .pic{float:right;width:140px;height:140px;box-sizing:border-box;position:relative;}
.about3 .box .list .pic img{display:block;}
.about3 .box .list .pic img:last-child{position:absolute;top:0;left:0;opacity:0;transition:0.3s;}

.about3 .box .list .txt{float:right;margin:30px 30px 0 0;text-align:right;}
.about3 .box .list .txt h5{line-height:37px;font-size:22px;color:#000;font-weight:bold;}
.about3 .box .list .txt p{line-height: 37px;font-size: 22px;color: #000;font-weight: bold;}

.about3 .box .list2{position:absolute;width:500px;}
.about3 .box .list2 .pic{float:left;width:140px;height:140px;box-sizing:border-box;position:relative;}
.about3 .box .list2 .pic img{display:block;}
.about3 .box .list2 .pic img:last-child{position:absolute;top:0;left:0;opacity:0;transition:0.3s;}

.about3 .box .list2 .txt{float:left;margin:30px 0 0 30px;}
.about3 .box .list2 .txt h5{line-height:37px;font-size:22px;color:#000;font-weight:bold;}
.about3 .box .list2 .txt p{line-height: 37px;font-size: 22px;color: #000;font-weight: bold;}

.about3 .box .l1{top:-26px;left:-339px;}
.about3 .box .l2{top:160px;left:-438px;}
.about3 .box .l3{top:348px;left:-338px;}
.about3 .box .l4{top:-26px;right:-339px;}
.about3 .box .l5{top:160px;right:-438px;}
.about3 .box .l6{top:348px;right:-338px;}

.about3 .box .list:hover .pic img:last-child{opacity:1;}
.about3 .box .list2:hover .pic img:last-child{opacity:1;}




.about4{padding:50px 0 50px 0;box-sizing:border-box;background:#F5F5F5;}

.about4 ul{margin-top:-40px;}
.about4 ul li{float:left;width:580px;margin:40px 0 0 0;cursor:pointer;position:relative;overflow:hidden;transition:all 0.3s ease 0s;}
.about4 ul li:nth-child(2n){float:right;}

.about4 ul li a.video{display:block;width:100%;height:100%;overflow:hidden;position:relative;}
.about4 ul li a.video ins{background:url("../images/v2.png") no-repeat;height:60px;width:60px;position:absolute;left:50%;top:50%;margin:-30px 0 0 -30px;display:block;}
.about4 ul li a.video em{background:none;height:100%;width:100%;position:absolute;left:0;top:0;display:block;}
.about4 ul li a.video img {width:100%;transition:all 0.3s ease 0s;}
.about4 ul li a.video:hover img{transform: scale(1.04);}
.about4 ul li a.video:hover em{background:rgba(0,0,0,0.28);}


/*-----honor------*/
.honor{text-align:center;}
.honor ul{margin:0 0 0 -26px;}
.honor ul li{float:left;width:266px;margin:0 0 20px 26px;text-align:center;}
.honor ul li a{display:block;overflow:hidden;}
.honor ul li img{width:100%;border:3px solid #E0E0E0;box-sizing:border-box;display:block;}
.honor ul li p{font-weight:bold;font-size:14px;margin:5px 0 0 0;color:#333;height:35px;line-height:35px;}

.project{background:#F5F5F5;padding:20px 0 35px 0;}
.project .tit{height:40px;line-height:40px;padding:15px 0;}
.project .tit h5{float:left;font-size:22px;color:#333;}
.project .tit a{float:right;font-size:18px;}
.project ul{margin:0 0 0 -20px;}
.project ul li{float:left;width:285px;margin:0 0 20px 20px;box-sizing:border-box;}
.project ul li a.pic{display:block;width:100%;height:100%;position:relative;overflow:hidden;}
.project ul li a.pic img{width:100%;display:block;transition:all 0.3s ease 0s;}

.project ul li p{text-align:center;height:40px;line-height:38px;font-size:20px;background:#ECECEC;transition:all 0.3s ease 0s;}
.project ul li p a{color:#050505;}

.project ul li:hover a.pic img{transform:scale(1.11);-ms-transform:scale(1.11);-moz-transform:scale(1.11);-webkit-transform: scale(1.11);-o-transform: scale(1.11);}
.project ul li:hover p{background:#01c455;}
.project ul li:hover p a{color:#fff;}



/*-----video------*/
.infolist ul{margin:0 0 0 0;}
.infolist ul li{border:#DEDEDE 1px solid;padding:10px;margin:0 0 20px 0;box-sizing:border-box;cursor:pointer;}
.infolist ul li .img {width:230px;float:left;overflow:hidden;}
.infolist ul li .img img{width:100%;}
.infolist ul li .intro {margin:0 0 0 245px;}
.infolist ul li .intro h5{margin-bottom:5px;}
.infolist ul li .intro h5 a{color:#32363F;font-size:20px;}
.infolist ul li .intro h5 a:hover{color:#006835;text-decoration:underline;}
.infolist ul li .intro .time{background:url("../images/i7.png") no-repeat left center;font-size:11px;padding:0 0 0 15px;margin:10px 0 0 0;font-family:Verdana, Geneva, sans-serif; color:#898989;}
.infolist ul li .intro p{margin-top:8px;font-size:14px;line-height:22px;}

.infolist ul li:hover{border:#006835 2px solid;padding:9px;}


.newslist ul{margin:0 0 0 0;}
.newslist ul li{border:#DEDEDE 1px solid;padding:10px;margin:0 0 20px 0;box-sizing:border-box;cursor:pointer;}
.newslist ul li .img {width:230px;float:left;overflow:hidden;}
.newslist ul li .img img{width:100%;}
.newslist ul li .intro {margin:0 0 0 245px;}
.newslist ul li .intro h5{margin-bottom:5px;}
.newslist ul li .intro h5 a{color:#32363F;font-size:18px;}
.newslist ul li .intro h5 a:hover{color:#01c455;text-decoration:underline;}
.newslist ul li .intro .time{background:url("../images/i7.png") no-repeat left center;font-size:11px;padding:0 0 0 15px;margin:10px 0 0 0;font-family:Verdana;color:#898989;}
.newslist ul li .intro p{margin-top:8px;font-size:14px;line-height:18px;}
.newslist ul li .intro a.more{font-size:16px;color:#24b864;display:inline-block;margin:15px 0 0 0;font-weight:bold;}
.newslist ul li .intro a.more:hover{color:#01c455;}

.newslist ul li:hover{border:2px solid #01c455;padding:9px;}

.newsnr{}
.newsnr h1{font-size:22px;line-height:1.4;padding:25px 0;color:#333;text-align:center;}

.artInfo{padding:10px 5px;border-bottom:1px dotted #ddd;text-align:center;border-top:1px solid #ADADAD;margin:35px 0 0;}
.artInfo .time{padding:0 0 0 15px;}
.artInfo .share{margin-left:10px}

.myart{margin:10px 10px;line-height:2;font-size:14px;}
.myart p{margin:10px 0 0 0;line-height:2;}

.rela_list{border-bottom:1px solid #B4B4B4;margin-top:25px;}
.rela_list li{border-top:1px solid #B4B4B4;height:40px;line-height:40px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.rela_list .t{float:left;width:100px;text-align:center;border-right:1px solid #B4B4B4;}
.rela_list a{float:left;margin-left:1em;width:68%;white-space:nowrap;overflow:hidden;}
.rela_list a:hover{color:#01c455;text-decoration:underline;}


/*-----faq------*/
.faq ul{}
.faq ul li {margin:0 0 20px 0;background:#fff;padding:15px;position:relative;border:1px solid #eee;box-sizing:border-box;}
.faq ul li .tit{height:40px;overflow:hidden;font-family:Verdana, Geneva, sans-serif;color:#fff;cursor:pointer;position:relative;z-index:888;}
.faq ul li .tit span{float:right;display:block;width:40px;text-align:center;border-radius:2px;background:#eee;}
.faq ul li .tit span i{color:#333;width:40px;line-height:40px;height:40px;font-size:20px;}
.faq ul li .tit h4{float:left;font-size:15px;color:#222;line-height:40px;height:40px;}

.faq ul li .con{display:none;font-size:14px;line-height:23px;color:#666;}
.faq ul li .con p{margin:10px 0 0 0;}

.faq ul li.active{border:2px solid #01C455;padding:14px;}
.faq ul li.active .tit span{background:#01C455;}
.faq ul li.active .tit span i{color:#fff;}

.down{}
.down ul{margin:0 0 0 -30px;}
.down ul li{border:1px solid #E1E1E1;background:#F5F5F5;float:left;width:410px;margin:0 0 20px 30px;padding:15px;box-sizing:border-box;}
.down ul li h4{line-height:22px;}
.down ul li h4 a{font-size:16px;color:#69696b;}
.down ul li h4 a:hover{color:#01c455;text-decoration:underline;}
.down ul li span{display:block;width:180px;font-size:13px;margin:10px 0 0 0;}
.down ul li p{color:#393939;margin:15px 0 0 25px;}
.down ul li a.more{margin:10px 0 0 0;font-size:12px;color:#666;width:80px;height:28px;line-height:28px;line-height:28px;text-align:center;background:#E3E3E3;display:block;padding:0 10px;}
.down ul li a.more:hover{background:#01c455;color:#fff;}


/*-----video------*/
.video-index{}
.video-index ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.video-index ul li{width:49%;margin-bottom:20px;box-sizing:border-box;text-align:center;position:relative;cursor:pointer;transition:all 0.3s ease 0s;}
.video-index ul li a{width:100%;display:blcok;}
.video-index ul li img{width:100%;display:blcok;transition:all 0.3s ease 0s;}


.video-list ul{margin:-25px 0 0 -2%;}
.video-list ul li{float:left;width:48%;margin:25px 0 0 2%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background:#eee;}
.video-list ul li .pic{width:270px;overflow:hidden;display:block;}
.video-list ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.video-list ul li .t{-webkit-flex:1;flex:1;padding:0 20px;}
.video-list ul li .t h5{font-size:17px;font-weight:bold;text-transform:capitalize;}
.video-list ul li .t h5 a{color:#333;}
.video-list ul li .t h5 a:hover{color:#09A0FF;}
.video-list ul li .t p{font-size:16px;margin:15px 0 0;}
.video-list ul li .t .more{font-size:13px;margin:15px 0 0;display:block;width:110px;height:30px;line-height:30px;text-align:center;color:#fff;background:#09A0FF;border-radius:20px;}

.video-list ul li:hover img{transform:scale(1.05);-webkit-transform: scale(1.05);}


.video-list2 ul{margin:0 0 0 -2%;}
.video-list2 ul li{float:left;width:31.33333333%;margin:0 0 20px 2%;}
.video-list2 ul li .v{position:relative;width:100%;display:block;overflow:hidden;}
.video-list2 ul li .v img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.video-list2 ul li .v::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2) url("../images/v2.png") no-repeat center;display:block;}
.video-list2 ul li .t{border:1px solid #D9D9D9;border-top:none;line-height:22px;padding:10px 5px;text-transform:capitalize;text-align:center;}
.video-list2 ul li .t h5{font-size:17px;color:#111;}
.video-list2 ul li .t p{font-size:16px;color:#333;margin:6px 0 0;font-weight:bold;}

.video-list2 ul li:hover img{transform:scale(1.05);-webkit-transform: scale(1.05);}
/*-----products------*/

.prolist-top{padding:50px 0 50px 0;border-top:1px solid #E1E1E0;}
.prolist-top h3{text-align:center;text-transform:uppercase;font-weight:bold;font-size:20px;color:#333;}

.prolist-top h5{font-size:22px;color:#000;text-transform:uppercase;}
.prolist-top dl{margin:30px 0 0 0;}
.prolist-top dl dd{width:240px;float:left;text-align:center;}
.prolist-top dl dd a{font-size:14px;}



.productlist{background:#F5F5F5;padding:20px 0 35px 0;}
.productlist .tit{height:40px;line-height:40px;padding:15px 0;}
.productlist .tit h5{float:left;font-size:22px;color:#333;}
.productlist .tit a{float:right;font-size:18px;}


.productlist ul{margin-left:-20px;}
.productlist ul li{width:285px;margin:0 0 20px 20px;float:left;background:#fff;padding:7px;text-align:center;position:relative;box-sizing:border-box;border:1px solid #EAEAEA;}
.productlist ul li .pic{display:block;width:100%;height:100%;position:relative;}
.productlist ul li .pic img{width:100%;display:block;}
.productlist ul li .pic ins{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(50,137,255,0.28);}
.productlist ul li .pic span{position:absolute;left:45px;top:50%;margin-top:-17px;display:block;font-size:13px;color:#fff;background:#333;text-align:center;width:160px;height:35px;line-height:35px;text-transform:uppercase;-webkit-transition:opacity 0.2s,-webkit-transform 0.35s;transition:opacity 0.2s,transform 0.35s;opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
.productlist ul li .t{height:30px;overflow:hidden;margin-top:5px;}
.productlist ul li .t h5{line-height:30px;font-size:15px;}
.productlist ul li .t h5 p a{color:#000;}
.productlist ul li .t h5 a:hover{color:#01c455;}
.productlist ul li .t p{font-size:12px;font-style:italic;color:#222}

.productlist ul li:hover{border:1px solid #01c455;}
.productlist ul li:hover .pic ins{display:block;}
.productlist ul li:hover .pic relaspan{opacity:1;-webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}


/*-----pro-view----*/

.pro_view_top{border:1px solid #E5E5E5;padding:15px;background:#fff;}
.pro_img{float:left;}

.pro_img .bpic{width:430px;}
.pro_img .bpic ul li{display:none;}
.pro_img .bpic ul li img{max-width: none;}

div.zoomdiv {z-index:100;position:absolute;top:0px;left:0px;background: #ffffff;border:1px solid #CCCCCC;display:none;text-align: center;overflow: hidden;}
img.jqzoom{cursor:crosshair;position:relative;}

.pro_img .spic{width:430px;overflow:hidden;float:left;}
.pro_img .spic ul{text-align:center;font-size:0;}
.pro_img .spic ul li{display:inline-block;margin:0 3px;cursor:pointer;}
.pro_img .spic ul li img{width:65px;height:auto;border:1px solid #ccc;padding:1px;}
.pro_img .spic ul li.hover img{border:1px solid #09A0FF;}

.pro_view_inner{float:right;width:685px;position:relative;}
.pro_view_inner h1{color:#333;font-weight:bold;font-size:22px;margin:8px 0 0 0;}
.pro_view_inner h6{color:#222;font-size:15px;margin:20px 0 0 0;}
.pro_view_inner p{color:#666;font-size:13px;}

.pro_view_inner .pro_para{margin:20px 0 0 0;}
.pro_view_inner .pro_para table{width:540px;max-width:100%;margin-bottom:20px;border:1px solid #dddddd;}
.pro_view_inner .pro_para table tr > td{padding:8px 8px;line-height: 1.42857143;font-size:14px;vertical-align:middle;border: 1px solid #dddddd;}


.pro_view_inner .pro-contact{margin:30px 0 0 0;}
.pro_view_inner a.pdf{float:right;background:url("../images/download.png") no-repeat left center;display:block;line-height:36px;font-size:15px;padding:0 0 0 45px;color:#01c455;}
.pro_view_inner a.book{float:left;width:150px;height:40px;line-height:40px;font-size:16px;text-align:center;color: #fff;display:block;background:#F4AB01;}
.pro_view_inner .tools a.pdf{float:right;height:36px;width:150px;display:block;background:url(../images/pdf.png) no-repeat center;text-indent:-9999px;}

.pro_view_inner .share{margin:25px 0 0 0;font-size:14px;color:#fff;}
.pro_view_inner .share a{float:left;}
.pro_view_inner .share em{width:36px;height:36px;display:block;margin:0 5px 0 0;background:#CACACA;text-align:center;}
.pro_view_inner .share em i{font-size:20px;color:#fff;line-height:36px;}
.pro_view_inner .share em:hover{background:#09A0FF;}
.pro_view_inner .share em:hover i{color:#fff;}



.pro_text{margin:20px 0 0 0;position:relative;}

.pro_text .tabs{border-bottom:1px solid #ccc;border-radius:4px 4px 0 0;width:100%;background:#fff;box-sizing:border-box;}
.pro_text .tabs li{position:relative;float:left;width:auto;color:#222;height:50px;line-height:50px;font-size:14px;padding:0 40px;cursor:pointer;background:#ccc;border-right:1px solid #fff;font-weight:bold;}
.pro_text .tabs li:first-child{border-radius:4px 0 0 0;}
.pro_text .tabs li i{position:absolute;left:50%;bottom:9999px;border-width:6px;border-color:#01c455 transparent transparent transparent;border-style:solid dashed dashed dashed;margin-left:-6px;}
.pro_text .tabs li.active{background:#01c455;color:#fff;}
.pro_text .tabs li.active:before{content: ' ';position: absolute; top: 0; left: 0; width: 100%;height: 100%;z-index:-1;}
.pro_text .tabs li.active i{bottom:-12px;}

.pro-scroll{border:1px solid #ccc;padding:15px;border-top:none;}
.pro-scroll .tit{position:relative;margin:30px 0 20px 0;color:#000;border-bottom:1px solid #CACACA;}
.pro-scroll .tit h5{width:130px;background:#CACACA;color:#666;padding:0 20px;height:45px;line-height:45px;cursor:pointer;font-weight:bold;font-size:15px;text-align:center;border-bottom:1px solid #CACACA;}
.pro-scroll .pro-content{font-size:15px;line-height:20px;}
.pro-scroll .pro-content p{margin:10px 0;}
.pro-scroll .pro-content .table-response{width:100%;max-width: 100%;overflow-x:auto;}
.pro-scroll .pro-content table{width: 100%;max-width: 100%;margin-bottom: 20px;border: 1px solid #dddddd;}
.pro-scroll .pro-content table tr > td{padding:8px 8px;line-height: 1.42857143;vertical-align:middle;border: 1px solid #dddddd;}
.pro-scroll .pro-content table tr:nth-child(2n){background-color:#eee}

.pro-down ul.cert-list{margin:0 0 0 -26px;}
.pro-down ul.cert-list li{float:left;width:266px;margin:0 0 20px 26px;text-align:center;}
.pro-down ul.cert-list li a{display:block;overflow:hidden;}
.pro-down ul.cert-list li img{width:100%;border:3px solid #E0E0E0;box-sizing:border-box;display:block;}
.pro-down ul.cert-list li p{font-weight:bold;font-size:14px;margin:5px 0 0 0;height:35px;line-height:35px;}

.related-pro{margin-top:15px}
.related-pro h5{height:50px;line-height:50px;font-size:18px;color:#01c455;font-weight:bold;border-bottom:2px solid #ccc;}
.related-pro ul{margin:10px 0 0 -2%;}
.related-pro ul li{float:left;width:23%;margin:0 0 15px 2%;}
.related-pro ul li img{display:block;width:100%;padding:2px;border:1px solid #DADADA;box-sizing:border-box;}
.related-pro ul li p{margin-top:5px;height:30px;line-height:20px;font-size:14px;text-align:center;}
.related-pro ul li:hover a{color:#01c455;}

.formtitle { display: table; width: 100%; background: #edf4f7; margin-bottom:20px;}
.formtitle strong { color: #fff; background: #999; font-size: 16px; line-height: 40px; text-align: center; white-space: nowrap; padding: 0 8px; border-right: 1px solid #fff; width: 192px;}
.formtitle strong, .formtitle p { display: table-cell; vertical-align: middle;}
.formtitle p{ padding-left: 10px;}

/*contact*/

.contact{padding:50px 0 0 0;}


.map{margin:40px 0 0 0;}
.map img{width:100%;}

.mess{float:left;width:580px;}
.mess h3{text-align:center;font-size:20px;margin-bottom:35px;color:#333;font-family:'calibri';}
.mess dl{line-height:43px;padding:10px 0;}
.mess dl dt,.mess dl dd{float:left;font-size:15px;}
.mess dl dt{margin-right:5px;width:19%;padding-left:1%;}
.mess dl dd{padding-left:1%;width:78%;}
.mess dl dd a{color:#666;}
.mess dl dd a:hover{color:#B8296B;}

.linetit{}
.linetit h4{position:relative;font-weight:normal;margin-top:0;border-bottom:2px solid transparent;font-size:22px;line-height:20px;color:#222;text-align:center;}
.linetit h4::before{display: block;border-top:1px dashed #D1CFCF;width: 100%;height:1px;position: absolute;top: 50%;z-index: 1;}
.linetit h4 span{background:#fff;text-transform:uppercase;font-weight:bold;font-size:20px;color:#333;width:auto;padding:8px 10px;text-align:center;position:relative;display:inline-block;z-index:1;}


.inquirbox{float:right;width:580px;}

.inquirShow{}
.inquirShow fieldset{padding:15px;margin:10px 0 0 0;border:1px solid #ddd;background:#fff;}
.inquirShow fieldset legend {color:#fff;font-weight:bold;font-size:14px;padding:8px 25px;background:#989898;}

.inquirShow .row{ margin:15px 0 0 0;}

.inquirShow dt{font-size:13px;}
.inquirShow dd{margin:5px 0 0 0;}

.inquirShow input,.inquirShow textarea{padding:10px 10px;font-size:14px;border:1px solid #D9D9D9;width:100%;line-height:20px;text-align:left;color:#999;box-sizing:border-box;}
.inquirShow textarea {display:block;max-width:100%;width:100%;resize:none;box-sizing:border-box;}

.inquirShow .red{color:#f00;font-weight:bold;}
.inquirShow .yzm { width:100px; margin-right:10px;}
.inquirShow img {cursor: pointer; margin-left: 3px; display: inline-block;vertical-align: middle;}

.inquirShow input:focus,.inquirShow select:focus,.inquirShow textarea:focus { -webkit-box-shadow:0 0 5px #999; -moz-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999; background:#fafafa; border-color:#999; outline:0 }

.inquirShow input.btn {padding:0;border:0;background:#2C98E3;color:#fff;line-height:35px;width:100px;font-size:16px;text-align:center;cursor:pointer;}



/*-----分页----*/
.digg{padding:20px 10px 3px 0;margin:30px 0 20px 0;clear:both;line-height:28px;text-align:center;border-top:1px solid #ADADAD;}
.digg a,.digg span{line-height:16px;padding:7px 12px;margin:0 1px;display:inline-block;border:1px solid #bebebe;background:#fff;}
.digg a:active{border:#333 1px solid;color:#f18101; }
.digg span.disabled{color:#fff;border:1px solid #F18101;background:#fff;}
.digg span.disabled,.digg a:hover{background:#333;border:1px solid #333;box-shadow: 0 1px 0 0 #fff;color: #fff !important;}

/*tags*/
.showList{}
.showList p{line-height:24px;color:#333;font-size:14px;}
.showList dl.ppl-box{ float: left; margin:15px 28px 0 0; height: 198px; width: 215px;}
.showList dl.ppl-box img{width:100%;display:block;border:1px solid #d9534f;box-sizing:border-box;}
.showList dl:last-child{ margin-right:0;}
.showList dl.ppl-box dd{text-align:center;margin:15px 0 0;}
.showList dl.ppl-box dd a{color:#333;}


.showList .list{margin:15px 0 0;}
.showList .list h3{font-size:18px;color:#000;}
.showList .list .box{margin:20px 0 0 -2%;}
.showList .list .box ul{float:left;width:23%;margin:0 0 15px 2%;}
.showList .list .box ul li a{font-size:14px;color:#333;}
.showList .list .box ul li a:hover{color:#012D8C;}

.relatedtags{margin:30px 0 0;}
.relatedtags h3{line-height:40px;background:#d9534f;color:#fff;border-radius:3px;padding:0 0 0 15px;}
.relatedtags ul{}
.relatedtags ul li{float:left;line-height:30px;margin:10px 0 0;width:50%;background: url(../images/foot-dd-bg.png) no-repeat left center;padding-left:15px;box-sizing:border-box;}
.relatedtags ul li a{color:#333;font-size:14px;}