@charset "utf-8";
body{margin:0;padding:0; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif}
td,div{font-size:12px;color:#444;}
a{color:#333;text-decoration:none;}
a:hover{color:#f7b149;}
.clear{clear:both;}
.dis{display:none;}
.w{width:1000px;margin:0 auto;clear:both;overflow:hidden;}
.mt10{margin-top:10px;}
.m10{margin:10px auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin:0;padding:0;;max-height: 99999px; }
ol, ul{ list-style:none}
@font-face {
	font-family: bahnschrift;
	src:  url(../fonts/bahnschrift.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
.fl{ float:left}
.fr{ float:right}
input{outline:none;}
input, textarea{ border-radius:0}
input{border-radius:0}
[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}
[disabled]{cursor:default}
[type=number]{width:auto}
[type=search]{-webkit-appearance:textfield}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto;resize:vertical}
button,input,optgroup,select,textarea{font:inherit}
optgroup{font-weight:700}
button{overflow:visible}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:0}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
button,select{text-transform:none}
button,input,select,textarea{border-style:none;background-color:transparent;color:inherit}
select{-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
select::-ms-value{color:currentColor}
button{border-radius:0;font-style:normal;}
input,textarea{border-radius:0}
@font-face{font-family:'VectoraCom-Black';src:url("../fonts/VectoraCom-Black.eot");src:url("../fonts/VectoraCom-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/VectoraCom-Black.woff2") format("woff2"),url("../fonts/VectoraCom-Black.woff") format("woff"),url("../fonts/VectoraCom-Black.ttf") format("truetype"),url("../fonts/VectoraCom-Black.svg#VectoraCom-Black") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'VectoraCom-Light';src:url("../fonts/VectoraCom-Light.eot");src:url("../fonts/VectoraCom-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/VectoraCom-Light.woff2") format("woff2"),url("../fonts/VectoraCom-Light.woff") format("woff"),url("../fonts/VectoraCom-Light.ttf") format("truetype"),url("../fonts/VectoraCom-Light.svg#VectoraCom-Light") format("svg");font-weight:normal;font-style:normal}
@font-face {
  font-family: 'BEBAS';
  src: url("../fonts/BEBAS.eot");
  src: url("../fonts/BEBAS.eot") format("embedded-opentype"), url("../fonts/BEBAS.woff") format("woff"), url("../fonts/BEBAS.ttf") format("truetype"), url("../fonts/BEBAS.svg#BEBAS") format("svg");
}
#topbar{background:#f6f6f6;height:32px;line-height:32px;}
#topbar .w span{float:right;background:#fff;padding:0 15px;color:#ddd;}
#topbar .w span a{}
#topbar .w{color:#999;}

#tophead{height:80px;padding:15px 0;}
#tophead .logo{background:url(../images/logo.gif) no-repeat center;width:400px;height:60px;float:left;margin-top:10px;}
#tophead form{float:right;margin-top:20px;}
#tophead form .input{border:1px solid #ddd;padding:10px 15px;vertical-align:middle;border-right:0;color:#555;}
#tophead form .bnt{background:#2194D3;border:1px solid #2194D3;padding:10px 25px;vertical-align:middle;color:#fff;}

#topnav{background:#187EC6;height:50px;}
#topnav .w ul{margin:0;padding:0;list-style:none;}
#topnav .w ul li{float:left;}
#topnav .w ul li a{height:50px;line-height:50px;font-size:16px;color:#fff;padding:0 25px;display:block;}
#topnav .w ul li a:hover{background:#1F92D1;}
#topnav .w ul .hover a{background:#1F92D1;height:50px;line-height:50px;font-size:16px;color:#fff;padding:0 25px;display:block;}
#topnav .w ul li dl{position:absolute;z-index:999;margin:0;display:none;width:160px;}
#topnav .w ul .hover dl dt a{background:#1F92D1;border-bottom:1px solid #187EC6;height:40px;line-height:40px;display:block;font-size:14px;}
#topnav .w ul .hover dl dt a:hover{background:#fff;color:#333;display:block;}

#banner{height:400px;}
#full-screen-slider { width:100%; height:400px; position:relative}
#slides { display:block; width:100%; height:400px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; bottom:10px; z-index:2000;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px;float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;}
#pagination li.current { background:#0092CE}

.subject {
	color: #fff;
	font-size: 18px;
	
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ddd; margin-bottom:20px
}
.subject b {
	display: block;
	font-weight: normal;
	background:#f7b149;
	height: 60px;  text-align:center;
	line-height: 60px; border-top-left-radius:10px;border-top-right-radius:10px; color:#000; font-size:30px
}
.subject span {
	color: #bbb;
	display: inline-block;
	font-size: 16px;
	
	padding-left: 10px;
}
.subject a {
	float: right;
	font-size: 12px;
	
}

.pro_width{width:1012px;height:370px;overflow:hidden;}
.prolist{margin:15px 0;padding:0;list-style:none;overflow:hidden;width:29999px;}
.prolist li{float:left;width:240px;margin:0 13px 13px 0;}
.prolist li a{border:1px solid #eee;display:block;padding:15px;}
.prolist li a img{border:1px solid #eee;}
.prolist li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;}
.prolist li a .intro{line-height:18px;color:#999;word-break:break-all;min-height:55px;}
.prolist li a .more{display:block;margin:15px auto 10px auto;text-align:center;background:#e5e5e5;width:90px;line-height:24px;}
.prolist li a:hover{border:1px solid #ddd;}
.prolist li a:hover .title{color:#1F92D1;}
.prolist li a:hover .more{background:#1F92D1;color:#fff;}

.topcase{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.topcase li{float:left;width:240px;margin:0 13px 13px 0;}
.topcase li a{text-align:center;display:block;position:relative;height:160px;overflow:hidden;}
.topcase li img{border:1px solid #eee;width:240px;height:180px;display:block;margin-bottom:10px;}
.topcase li a div{position:absolute;background:#333;width:100%;line-height:40px;height:40px;color:#fff;display:block;bottom:-40px;left:1px;opacity:0.7}

.bg_black{background:#eee;padding:15px 0;}
.subject_news{color:#333;font-size:18px;height:41px;line-height:40px;border-bottom:1px solid #ddd;}
.subject_news b{display:inline-block;font-weight:normal;border-bottom:2px solid #1F92D1;height:40px;line-height:40px;}
.subject_news span{color:#bbb;display:inline-block;font-size:16px;padding-left:10px;}
.subject_news a{float:right;font-size:12px;}

.newslist{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.newslist li{float:left;width:480px;margin:0 20px 20px 0;}
.newslist li a img{float:left;margin-right:10px;border:1px solid #eee;}
.newslist li a .title{font-size:16px;line-height:30px;}
.newslist li a .date{font-size:12px;color:#444;line-height:20px;}
.newslist li a .intro{line-height:18px;color:#999;}
.newslist li a:hover .title{color:#f30;}

.link{padding:15px;}
.link img{margin:3px 8px 5px 0;}
.link ul{clear:both;margin:0;padding:0;list-style:none;}
.link ul li{float:left;width:93px;height:25px;overflow:hidden;}

#bg_foot_nav{background:#187EC6;text-align:center;}
.foot_nav{height:40px;line-height:40px;color:#fff;}
.foot_nav span{float:right;padding-top:5px;}
.foot_nav a{color:#fff;}
.foot_nav a:hover{color:#ff0;}
#bg_copyright{background:#1F92D1;padding:20px 0;}
.copyright{color:#fff;line-height:25px;text-align:center;}
.copyright a{color:#fff;}
.copyright a:hover{color:#ff0;}

.lefter{width:220px;margin-right:30px;float:left;}
.righter{float:left;width:750px;}
.leftnav{background:#1F92D1;padding:10px 15px;color:#fff;font-size:18px;}
.subnav{border:1px solid #eee;border-bottom:0;margin:0;padding:0;list-style:none;}
.subnav li{}
.subnav li a{display:block;padding-left:20px;background:#fafafa;font-size:14px;line-height:40px;height:40px;border-bottom:1px solid #eee;}
.subnav li a:hover{color:#1F92D1;font-weight:bold;background:#f3f3f3;}
.subnav .hover a{display:block;padding-left:20px;color:#1F92D1;font-weight:bold;background:#f3f3f3;font-size:14px;line-height:40px;height:40px;border-bottom:1px solid #eee;}
.subnav dl{margin:0;padding:0;list-style:none;*margin-top:-12px;}
.subnav dl dt{}
.subnav dl dt a{background:#fff;display:block;height:40px;line-height:40px;border-bottom:1px solid #eee;padding-left:20px;font-size:12px;}
.subnav dl dt a:hover{background:#fff;font-size:12px;font-weight:normal;color:#f30;}
.subnav li dl .hover a{color:#f30;font-size:12px;font-weight:normal;background:#fff;}

.left_border{border:1px solid #eee;border-top:0;padding:10px 15px;line-height:25px;}
.left_border p{margin:0;padding:0;}
.left_border b{font-size:14px;}

.container{line-height:25px;font-size:14px;padding:15px 0;}
.container p{margin:5px 0;font-size:14px;}

.artshow{line-height:25px;font-size:14px;padding:0 0 15px 0;}
.artshow .title{text-align:center;font-size:20px;line-height:30px;font-weight:100;font-variant: normal;margin:0;padding:15px 0;}
.artshow .info{text-align:center;color:#999;padding:0 0 15px 0;font-size:14px;}
.artshow p{margin:5px 0;font-size:16px;}
.artshow .pre{margin:5px 0 5px 0;color:#999;}
.artshow .next{margin:0 0 5px 0;color:#999;}

.prowidth{width:759px;overflow:hidden;}
.pro_list{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.pro_list li{float:left;width:240px;margin:0 13px 13px 0;}
.pro_list li a{border:1px solid #eee;display:block;padding:15px;}
.pro_list li a img{border:1px solid #eee;}
.pro_list li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;}
.pro_list li a .intro{line-height:18px;color:#999;word-break:break-all;min-height:55px;}
.pro_list li a .more{display:block;margin:15px auto 10px auto;text-align:center;background:#e5e5e5;width:90px;line-height:24px;}
.pro_list li a:hover{border:1px solid #ddd;}
.pro_list li a:hover .title{color:#1F92D1;}
.pro_list li a:hover .more{background:#1F92D1;color:#fff;}
.equipment{ padding: 60px 0px; }
.pic_list{padding:0;list-style:none;overflow:hidden;}
.pic_list li{float:left;width:32%;margin:0 2% 2% 0;}
.pic_list li a{border:1px solid #eee;display:block;padding:5px 5px 0px 5px;}
.pic_list li a img{border:0;}
.pic_list li a .title{text-align:center;font-size:20px;height:60px;line-height:60px;}
.pic_list li a:hover{border:1px solid #f7b149;}
.pic_list li a:hover .title{color:#f7b149;}
.pic_list li:nth-child(3n){ margin: 0px 0px 2%  0px;}

.casewidth{width:780px;overflow:hidden;}
.case_list{margin:20px 0;padding:0;list-style:none;}
.case_list li{width:240px;margin:0 20px 30px 0;float:left;text-align:center;}
.case_list li img{display:block;margin-bottom:15px;}
.case_list li a{color:#666;font-size:13px;}
.case_list li a:hover{color:#f30;}

.joblist{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.joblist li{float:left;width:480px;margin:0 20px 20px 0;border-bottom:1px dashed #eee;padding-bottom:15px;}
.joblist li a .title{font-size:16px;line-height:30px;}
.joblist li .line{padding:0;margin:0;line-height:22px;}
.joblist li .line b{float:left;width:70px;color:#555;}
.joblist li .line .intro{margin-left:70px;}
.joblist li a:hover .title{color:#f30;}

.job_list{margin:0;padding:0;list-style:none;overflow:hidden;}
.job_list li{float:left;width:350px;margin:0 20px 20px 0;border-bottom:1px dashed #eee;padding-bottom:15px;}
.job_list li a .title{font-size:16px;line-height:30px;line-height:40px;margin-bottom:10px;}
.job_list li .line{padding:0;margin:5px 0;line-height:24px;text-indent:0;}
.job_list li .line b{float:left;width:70px;}
.job_list li .line .intro{margin-left:70px;}
.job_list li .line .intro p{margin:0 0 5px 0;padding:0;}
.job_list li a:hover .title{color:#f30;}

.news_list{margin:0;padding:0;list-style:none;}
.news_list li{border-bottom:1px dotted #ccc;padding:10px;line-height:24px;color:#999;}
.news_list li:hover{background:#fafafa;}
.news_list li a{font-size:18px;display:block;line-height:40px;}
.news_list li em{color:#666;display:block;font-style:normal;}

.rss_list{margin:0;padding:0;list-style:none;}
.rss_list li{border-bottom:1px dotted #ddd;line-height:40px;color:#999;}
.rss_list li a{font-size:14px;}

#position{margin:0 auto;width:1000px;overflow:hidden;line-height:30px;}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff; font-size:14px;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.comment{overflow:hidden;clear:both;margin:10px 0;}
.comment .line{clear:both;border-bottom:1px solid #eee;padding-bottom:15px;}
.comment .line .base{font-weight:bold;line-height:30px;font-size:14px;}
.comment .line .base span{margin:0 0 0 10px;color:#999;font-weight:normal;float:right;font-size:12px;}
.comment .line .content{line-height:20px;word-wrap:break-word;overflow:hidden;}
.comment .line .reply{word-wrap:break-word;overflow:hidden;}
.comment .line .reply strong{color:#f60;float:left;}
.comment_more{text-align:center;padding:10px 0;font-size:14px;}
.comment_more a{color:#999;}
.comment_more a:hover{color:#f30;}

.commentadd{margin:10px 0;clear:both;}
.commentadd .text{}
.commentadd .text .div{padding:0 5px 0 0;border:1px solid #E4E2E2;border-bottom:0;}
.commentadd .text .div textarea{width:98%;height:70px;overflow:auto;border:0;padding:10px;}
.commentadd .input{margin:0;font-size:14px;background:#fafafa;border:1px solid #EDECEC;overflow:hidden;padding:0px 5px 5px 15px;line-height:40px;height:40px;}
.commentadd .input .send{float:right;border:1px solid #1F92D1;background:#1F92D1;color:#fff;padding:8px 25px;margin:5px 0 0;vertical-align:middle;cursor:pointer;}

.bookadd{margin:20px 0;}
.bookadd div{margin-bottom:15px;}
.bookadd .label{float:left;width:100px;text-align:right;padding-right:10px;clear:both;}
.bookadd .label span{color:#f30;}
.bookadd .enter{margin-left:120px;}
.bookadd .enter .ip{border:1px solid #ddd;padding:10px 10px;vertical-align:middle;overflow:hidden;border-radius:10px 0 10px 0;}
.bookadd .enter .bnt{border:1px solid #1F92D1;background:#1F92D1;padding:8px 20px;vertical-align:middle;color:#fff;cursor:pointer;}
.bookadd .enter label{display:block;}

.job_h1{font-size:14px;line-height:35px;border-bottom:1px solid #eee;margin:10px 0;}
.info_title{font-size:14px;font-weight:bold;border-bottom:1px solid #f0f0f0;line-height:30px;height:30px;margin:0 0 15px 0;}
.info_intro{padding:0 0 20px 0;line-height:22px;color:#666;}
.info_intro p{margin:0 0 5px 0;padding:0;}
.info_intro .red{color:#f30;margin:0 5px;}

#goodsshow{margin:20px 0;overflow:hidden;width:100%;}
#goodsshow img{border:0;}
#goodsshow .left{float:left;width:50%; margin-right:5%}
#goodsshow .right{float:left; width:45%}
#goodsshow .shop_big{border:1px solid #ededed;padding:2px;background:#fff;width:100%;cursor:pointer;}
#goodsshow .shop_big img{ width:100%}
#goodsshow .shop_plist{clear:both;}
#prolist{width:93%;float:left;overflow:hidden;height:102px;position:relative;margin:10px 0 0 0;}
#prolist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#prolist ul li{float:left;cursor:pointer;position:relative;margin-right:5px;}
#prolist ul li a{ display:block; border:1px solid #ccc}
#prolist .hover a{ border:1px solid #f7b149}
#prolist ul li img{height:71px;width:100px;padding:0px;border:0;}
#goodsshow .shop_plist a.prev{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_left.gif) no-repeat center;line-height:68px;margin-top:12px;}
#goodsshow .shop_plist a.next{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_right.gif) no-repeat center;margin-top:12px;}
#goodsshow .right{}
#goodsshow .right h1{font-size:18px;font-weight:normal;margin:0 0 10px 0;padding:0;}
#goodsshow .right .intro{color:#999;min-height:80px;  padding:30px 0px}
#goodsshow .right .intro strong{ color:#555 !important;}
#goodsshow .right .sno{border-bottom:1px solid #eee;line-height:35px;}
#goodsshow .right .price{color:#999;line-height:30px;padding:10px 0;}
#goodsshow .right .price span{color:#f60;font-size:16px;}

a.inquiry{display:inline-block;background:#f7b149;padding:8px 30px;color:#fff;margin:10px 0;font-size:16px;border-radius:4px;}
a:hover.inquiry{color:#fff;background:#f60;}

.header{position: fixed;height: 110px;width: 100%;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.2);background: #000;z-index: 99;transition: all .5s;}
.header .head-mn{width: 100%;height: 100%;background: #000;z-index: 100;}
.header .search{position: absolute;right: 0;top: 0; width: 100px;height: 100%; display: flex;justify-content: center;align-items: center;background: #000;cursor: pointer;transition: all .5s;z-index:222;}
.header .search img{transition: all .5s;}
.header .search:hover{background: #f7b149;}
.header .search i{ font-size: 30px;  color: #fff;;;}
.header .down:hover p{color:#f7b149;text-decoration:underline}
.header .down:hover i{color:#f7b149;}

.header .down{position: absolute;right: 150px;top: 0; width: 210px;height: 100%; display: flex;justify-content: center;align-items: center;cursor: pointer;transition: all .5s;z-index:222;}
.header .down i{ float:left; color:#fff; margin-right: 10px;font-size: 30px;}
.header .down p{ float:left; color:#fff;  font-size: 18px;;}
.header .topsearch{position: absolute;top: -100%;left: 0;width: 100%;height: 70px;background: #fefefe;z-index: -1;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.2);}
.header .topsearch .topsearch-inner{}
.header .topsearch .head-search{display: flex;justify-content: center; }
.header .topsearch .search-text{ width: 814px;height: 50px;margin-top: 10px;border: none; padding: 0 40px;font-size: 20px;color: #666;line-height: 70px;background: #f7f7f7;outline: none;}
.header .topsearch .search-close{ display: flex;width: 100px;height: 70px;align-items: center;justify-content: center;}
.header .topsearch .search-close .icon-close{display: block;width: 18px;height: 18px;background: url(img/icons.png) no-repeat -68px 0;transition:all .5s;}
.header .topsearch .search-close:hover .icon-close{transform: rotate(360deg);}
.header .topsearch .search-submit{ display: block;width: 138px;height: 70px;border: none; font-size: 22px;line-height: 70px;color: #fefefe;text-align: center;background: #f7b149;cursor: pointer;outline: none;}
.header .logo{position: absolute;left: 10%;top: 50%;transform: translate(-50%,-50%);z-index: 22;}
.header .logo img{display: block;transition: all .5s;}
.header .logo .img1{ width:281px; height:35px;transition: all .5s}
.header .logo .img2{display: none;transition: all .5s}
.header .logo .img2{ width:242px; height:30px;}
.header .nav{position: relative;width: 100%;display: flex;justify-content: center;}
/*.header .nav .left{width: calc(50% - 110px);}
.header .nav .right{width: calc(50% - 110px);}*/
.header .nav li{margin-right: 30px;line-height: 110px; }
.header .nav li a.bt{display: block;font-size: 18px;color: #fff;transition: all .5s;}
.header .nav li:hover a.bt{color: #f7b149;}
.header .nav li.on a.bt{color: #f7b149;}

/*.header .nav .right li:first-child{margin-left: 0px;}*/
.header .nav li:last-child{margin-right:0;}
.head-box{height: 110px;}

.header.header-small{height: 80px;}
.header.header-small .nav li{line-height: 80px;}
.header.header-small .lang li{height: 80px;}

.header.header-small .logo .img1 img{ width:281px; height:35px;}
.taobao{ position:absolute; right:110px; top:50%; transform:translateY(-50%)}
.taobao i{ color:#ff5000; font-size:28px}

     .g_ttel{background:#fff;height: 73px; position:relative}
.g_ttel .m_tel{ float:right}
.g_ttel .m_tel i{ font-size:30px}
.g_ttel .m_tel span{display: block;font-size: 38px;color: #000;font-weight: normal;padding-top: 5px;}
.g_ttel .m_tel b{color: #00612e;}
.g_ttel .m_tel i{ float:left;line-height:73px; color:#f7b149}
.g_ttel .m_tel em{display: block;padding-left: 20px;font-size: 36px;color: #333; font-family:bahnschrift; float:right;line-height:73px;}   
.g_pp{background:url(../images/ppbg.jpg) no-repeat center top;padding-top: 60px;  }
.g_pp .pptit{height: 242px;}
.g_pp .pptit h2{float: left;width: 45%;position: relative;margin-left: -12px;background:url(../images/pptit.png) no-repeat;padding: 10px 0 0 0px;font-size: 28px;color: #282828;font-weight: normal;}
.g_pp .pptit h2 b{display: block;font-size:30px; margin-bottom:30px}
.g_pp .pptit p{float: right;width:53%;position: relative;padding-top: 48px;font-size: 18px;line-height: 36px;color: #333333;transition: all 0.3s linear 0s;}
.g_pp .pptit p:before{content: "";position: absolute;width: 60px;height:4px;background: #f7b149;left:0;top:16px;transition: all 0.3s linear 0s;}
.g_pp .pptit p:hover:before{width: 675px;background: #f7b149}
.g_pp .pptit p:hover{color: #000; transform: translateX(-10px);}
.m_pp{ display: flex; padding-top:30px; border-top:1px solid #8c8c8c}
.m_pp dl{float: left; width: auto; flex:1}
.g_pp .lastdl{margin-right: 0;}
.g_pp dt{padding-left: 15px;font-size: 14px;line-height: 22px;color: #333333;transition: all 0.3s linear 0s;}
.g_pp dd{height: 100px;transition: all 0.3s linear 0s;}
.g_pp em{float:left;width: 72px;}
.g_pp span{float:left;font-size: 24px;line-height: 30px;color: #282828; font-weight:bold;}
.g_pp span b{display: block; font-size:18px; font-weight:normal}
.g_pp dl:hover dd{transform: translateY(-5px);}
.g_pp dl:hover dt{transform: translateY(5px);}
.g_pp em{ border:2px dashed #f7b149; border-radius:50%; margin-right:20px}
.g_pp em i{ font-size:40px; color:#fff; width:68px; height:68px; border-radius:34px; line-height:68px; background:#f7b149; display:block; text-align:center; margin:2px}
.i-banner .xx{position: absolute;width: 100%; text-align: center;color: #fff;}
.i-banner .one .xx{left: 50%;transform: translateX(-50%); top: 42.3255814%;} 
.i-banner .one .xx .sum0{margin-bottom: 30px; font-size: 40px;line-height: 1em;font-weight: lighter;}
.i-banner{ position: relative;}
.i-banner .one .xx .sum1{margin-bottom: 30px; font-size:55px;line-height: 1em;font-weight: bold;}
.i-banner .one .xx .sum2{ font-size: 18px;line-height: 1em;font-weight: lighter;}
.i-banner .one .xx .sum2 span { animation: glow-in 0.8s both; -webkit-animation:glow-in 0.8s both; margin-right:10px}
.i-banner .one .xx .sum2 span:nth-child(4){ margin-right:0}
.i-banner .two .xx{position: absolute; top: 34.5348837%; left: 5%;text-align: left;} 
.i-banner .two .xx .sum0{margin-bottom: 38px; font-size:24px;line-height: 1em;font-weight: bold; border-left:5px solid #f7b149; padding-left:30px } 
.i-banner .two .xx .sum2{margin-bottom: 38px; font-size: 28px;line-height: 1em;} 
.i-banner .two .xx  a{ font-size:20px;   padding:10px 0px; display:block; width:220px; text-align:center}
.i-banner .two .xx .sum1{margin-bottom: 38px; font-size: 48px;line-height: 1em;font-weight: bold;} 
.i-banner .two .xx .img{position: relative; } 
.i-banner .three .xx{left: 50%;transform: translateX(-50%); top: 38.372093%; z-index: 3;} 
.i-banner .three .xx .sum1{margin-bottom: 32px; font-size: 60px;line-height: 1em;font-weight: bold;} 
.i-banner .three .xx .sum2{font-size: 18px;line-height: .8em;} 
.w1720{width: 89.5833333%;margin: 0 auto;}
@media (max-width: 940px) {
  .w1720{width: 94%;}}
.i-banner .two .pic{ width:60%; position:absolute; right:0px }

.i-banner .two .xx .m-btn {
	
	overflow: hidden;
	position: relative;
	z-index: 1;
	padding: 10px 0px;
	border: 3px solid #f7b149;
	border-radius: 50px;

	height: 100%;
	
	
	color: #f7b149;
	font-size: 16px;
	
	font-weight: bold; text-align:center;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;

}
.i-banner .two .xx .m-btn:hover {
	background: #f7b149; color:#fff
}

.main-pro{ padding:60px 0px}
.main-pro .tit-top{ margin-bottom:30px}
.main-pro .tit-top h1{ font-family:'BEBAS'; font-size:36px;}
.main-pro .tit-top h2{ font-size:30px; font-weight:normal}

.l-topsection__body{position:relative; padding-bottom:100px}
.p-topproduct__bg{position:static;top:auto;right:auto;width:105.8%}
.p-topproduct__bg img{width:100%;height:auto}
.p-topproduct__contents{position:absolute;top:0;left:0;padding-top:80px;-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap;-ms-flex-align:start;align-items:flex-start; display: flex; width:100%; text-justify: flex-start}
.p-topproduct__lst{position:relative;z-index:10;display:-ms-flexbox;display:flex;width:75%;background-image:linear-gradient(90deg,#f7b149 10%,#f7b149 60%,#f7b149);background-position:left center;background-size:200% 100%;background-repeat:no-repeat;-ms-transform-origin:left center;transform-origin:left center;-ms-flex-flow:column wrap;flex-flow:column wrap;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;  flex-flow: row wrap}
.p-topproduct__lst ul{ padding:1%}

.p-topproduct__lst ul li{   width:31.33333%; position:relative; float:left; background:#fff; text-align:center; margin:1%; padding:20px 0px }
.p-topproduct__lst ul li h2{ font-family:'BEBAS'; font-size:32px; font-style:italic; margin-bottom:15px;}
.p-topproduct__lst ul li h3{font-size:24px; color:#444; font-weight:lighter;}
.p-topproduct__lst ul li .more{display:block;width:160px;height:36px;text-align:center;color:#333;font-size:14px;position:relative;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s; margin:0px auto}
.p-topproduct__lst ul li .more em{display:block;width:100%;height:100%;line-height:36px;color:#333;position:relative;z-index:2;font-style:normal}
.p-topproduct__lst ul li .more:after{content:'';display:block;width:100%;height:100%;-webkit-transform:skew(-20deg, 0deg);-ms-transform:skew(-20deg, 0deg);transform:skew(-20deg, 0deg);border:1px solid #c9c9c9;position:absolute;left:0;top:0;z-index:1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.p-topproduct__lst ul li .more em i.iconfont{display:inline-block;vertical-align:top;margin-left:5px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.p-topproduct__lst ul li a .img img{-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s; max-width:100% }
.p-topproduct__lst ul li a .img{ margin-bottom:15px;  padding:15px;}
.p-topproduct__lst ul li:hover h2{ color:#f7b149; }
.p-topproduct__lst ul li a:hover  .more:after{background:#f7b149;border:1px solid #f7b149}
.p-topproduct__lst ul li a:hover .more em{color:#000}
.p-topproduct__lst ul li a:hover .more em i.iconfont{margin-left:10px}
.p-topproduct__lst ul li a:hover .img img{-webkit-transform:scale(1.07);-ms-transform:scale(1.07);transform:scale(1.07)}
.p-pro__search{z-index:10;display:inline-block;float:none;margin-top: 35px;margin-right:0;padding-right:4%;padding-left:4%;width:25%}
.p-pro__search .tit{font-size: 18px;line-height: 18px;color: #fff;}
.p-pro__search form{position: relative;width: 100%;height: 45px;margin-top: 10px;}
.p-pro__search form .p-input{width: 100%;height: 100%;border-bottom: 2px solid rgba(255,255,255,0.5);font-size: 15px;color: #fff;outline: none;}
.p-pro__search form .p-submit{position: absolute;right: 0;width: 20px;height: 100%;background: url(../images/search-icon.png) no-repeat center;top: 0;
	outline: none;}
.p-pro__search .hot{margin-top: 10px;}
.p-pro__search .hot a{font-size: 15px;margin-right: 15px;color: rgba(255,255,255,0.8);}
.p-pro__search .hot a:hover{color: #c10301;}

.ys_bj{position: relative;z-index: 1;background: url(../images/ys_bj.jpg) no-repeat center 0; padding-bottom:60px ;overflow: hidden; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ys{overflow: hidden;}
.ys h2{height:80px;height:136px;overflow: hidden;}
.ys_nav{height:177px;overflow: hidden;}
.ys_nav li{ float: left; margin-right: 4%; width:48%;overflow: hidden; font-size: 24px; color:#333333;position: relative;}
.ys_nav li:last-child{margin-right: 0;}
.ys_nav li p{background: url(../images/ys_ico.png) no-repeat right 55px; line-height: 32px; font-size:30px; color:#333}
.ys_nav li i{display: block;padding-top: 26px; font-size:18px; color:#cecece; text-transform: uppercase; font-family:'BEBAS'; line-height: 18px; font-style:inherit; margin-bottom:10px}
.ys_nav li::before{position: absolute; content:""; width:100%; height:3px; top: 0;left: 0;background:#d5d5d5;}
.ys_nav li::after{position: absolute; content:""; width:99px; height:3px; top: 0;left: 0;background:#f7b149;}
.ys_nav li h2{ font-size:80px}
.ys_nav li h3{ height:40px; background:#fff; width:100%; position:absolute; top:160px}
.ys_c{overflow: hidden; width:48%; float: left; margin-right:4%;
}@media (max-width: 1480px){.header .logo .img1{ width:200px; height:25px;}}
@media (max-width: 1400px) {.l-topsection__body{ padding-bottom:140px}}
@media (max-width: 1200px) {.l-topsection__body{ padding-bottom:160px}.p-topproduct__lst ul li h3{ font-size:18px}.header .nav li a.bt{ font-size:14px;}}

.ys_c:nth-child(2){ margin-right:0}
.ys_c dt{overflow: hidden;}
.ys_c dt img{ max-width:100%}
.ys_c dd{ background:#000;overflow: hidden; padding: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ys_c dd h3{ font-size: 22px; color:#fff; line-height: 30px;font-weight: normal;}
.ys_c dd h3 a{ color:#fff;}
.ys_c dd h3 span{ font-size:40px; color:#f7b149; font-family:'BEBAS'; margin-right:10px}
.ys_c dd p{ margin-top: 20px; font-size: 14px; line-height: 30px; color:#999;}

.ys .bt01{ font-size: 42px; color:#222222;text-align: center; line-height: 50px; overflow: hidden; height:104px;  margin-bottom:20px}
.ys .bt01 a{ color:#222222;}
.ys .bt01 span{color:#f7b149;display: inline-block;padding-left:10px;}
.ys .bt01 i{display: block; font-size: 20px; color:#585858;font-weight: normal;line-height: 50px;}
.ys .bt01 i img{vertical-align: middle;margin: 0 15px;}


.aboutbox{font-size: 14px;line-height:30px;color: #666;overflow: hidden;position: relative;z-index: 1;text-align: center;}
.about_p,.about_p img{width: 100%;display: block;max-width: 1920px;margin: 0 auto;}

.about_w{margin-top:-100px;position:relative;z-index:2; background:#fff}
.about_w h2{font-size: 28px;line-height: 92px;}
.about_w h2 a{display: block;color: #000;}
.about_w p{ padding:0px 80px 30px 80px;; font-size:16px; line-height:36px; color:#666;}
.about_more{width: 218px;line-height:50px;display: block;margin: 0 auto;font-size: 22px;border: solid 1px #f7b149;border-radius: 26px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.about_more a{display: block;color: #f7b149;}
.about_more:hover{  background:#f7b149}
.about_more:hover a{ color:#000}

.about_l{font-size: 16px;line-height: 21px;color: #1f1f1f;padding: 43px 0 0;}
.about_l li{float: left; margin-right:1%; width:19.2%}
.about_l li:last-child{ margin-right:0px;}

.about_l li span{display: block;font-size: 68px; margin-bottom:15px;;}
.about_l li span b{font-family: 'BEBAS';line-height: 68px;}
.about_l li span em{display: inline-block;width: 25px;line-height: 25px;border-radius: 25px;font-size: 16px;color: #fff;margin:4px 0 0 -8px;background: #f7b149;position: absolute;  font-style:inherit}
.about_l li span .en{font-family: 'BEBAS'; }
.about_l li p i{display: block;font-size: 12px;line-height: 16px;opacity: 0.3; font-style:inherit}

.banner{height:490px; }
.ab-banner .txt{padding-top: 294px;}
.ab-banner .txt .tit{position: relative;padding-left: 70px;margin-bottom: 38px; font-size:40px;line-height: 1em;color: #fff;}
.ab-banner .txt .tit:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 50px;height: 3px;background: #f7b149; content: "";}
.ab-banner .txt .sum{font-size: 20px;line-height: 1em; color: #fff;}
.localNav_area{height: 60px; box-sizing: border-box;border-bottom: 1px solid #e6e6e6; background: #f7f7f7;}
.ab-wrap1{padding: 80px 0 60px;border-bottom: 1px solid #ccc;box-sizing: border-box; color: #333;overflow: hidden;}
.ab-wrap1 .l .sum{font-size: 40px;font-weight:bold;line-height: 72px;}
.ab-wrap1 .l .sum span{position: relative;}
.ab-wrap1 .l .sum span:after{position: absolute;bottom: -3px;left: 0; width:100%;height: 3px;background: #333; content: "";}
.ab-wrap1 .r{position: relative;top: 16px;overflow: hidden;}
.ab-wrap1 .r .img{position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.ab-wrap1 .r .sum{padding-top: 32px;}
.ab-wrap1 .r .sum .n{font-size: 120px;line-height: 85px;font-weight: bold;letter-spacing: -5px; font-family:'BEBAS' ;}
.ab-wrap1 .r .sum .m{padding-left: 10px;margin-top: 18px; font-size: 16px;}

.ab-wrap2{padding: 60px 0 60px;overflow: hidden;}
.ab-wrap2 .l { width:55%}
.ab-wrap2 .l .sum{font-size: 16px;line-height: 30px;color: #666;}
.ab-wrap2 .l .sum p{margin-bottom: 10px; font-size: 16px;line-height: 30px;}
.ab-wrap2 .r{ width:45%}
.ab-wrap2 .r ul{  width:46%; margin-left:2%; float: left;}
.ab-wrap2 .r li{ background:#eee; overflow:hidden; padding:10% 2%; margin-bottom:4%}
.ab-wrap2 .r { font-size: 16px;line-height: 30px;}
.ab-wrap2 .r .icon{ width:33%; }
.ab-wrap2 .r .icon i{ border-radius:100%; background:#f7b149; width:100%; padding:20px 20px; font-size:30px; color:#000; display:table-cell }
.ab-wrap2 .r .text{ width:65%; float:left}
.ab-wrap2 .r .tit{font-weight: bold; color: #343434; font-size:24px;}
.ab-wrap2 .r .sum{ font-size:16px; color:#000; font-weight:normal}
.ab-wrap3{position: relative;padding-bottom: 200px; overflow:hidden}
.ab-wrap3 .xx{width: 78.125%;margin: 0;}
.ab-wrap3 .xx .img{display: block;max-width: 100%;height: auto;}
.ab-wrap3 .r{padding-top: 220px;padding-left: 66px; padding-right:5%}
.ab-wrap3 .r .p{display: flex;justify-content: center;align-items: center; width: 66px;height: 66px;box-sizing: border-box;border: 1px solid #999;border-radius: 100%;outline: none;cursor: pointer;}
.ab-wrap3 .r .p img{transition: all .5s;}
.ab-wrap3 .r .prev:hover img{margin-right: 10px;}
.ab-wrap3 .r .prev img{transform: rotate(180deg);}
.ab-wrap3 .r .next{margin-top: 34px;}
.ab-wrap3 .r .next:hover img{margin-left: 10px;}
.ab-wrap3 .jl{position: absolute;right: 200px;bottom: 16px;--fill-color: #f7b149;width: 757px;height: 255px;
-webkit-text-stroke: 1px var(--fill-color); background: linear-gradient(var(--fill-color) 0 100%) left/0 no-repeat;color: transparent;
-webkit-background-clip:text;transition: 0.5s linear;font-size: 342px;line-height: 254px;z-index: 9;cursor: pointer;}
.ab-wrap3 .jl:hover {background-size: 100%;}
/*.ab-wrap3 .jl{position: absolute;right: 200px;bottom: 106px;width: 757px;height: 255px; background:url("/static/img/jiuli.png") no-repeat center;}
.ab-wrap3 .jl:hover img{filter:drop-shadow( 16px 0 0px red);}*/
.ab-wrap3 .jl img{position: absolute;right: 0;top: 0; transition: all 1s;}
.ab-wrap3 .jl .img2{opacity: 0;}
.ab-wrap3 .jl:hover .img1{opacity: 0;}
.ab-wrap3 .jl:hover .img2{opacity: 1;}
.sk{position: absolute;top: 0;left: 0; width: 100%;height: 100%;background: #f7b149;z-index: -1;}

.bg_h{ background:#f7b149; width:40%}
.book-form{ background:#eee; padding:60px 0}
.book-form .cp_tit{ text-align:left; margin-bottom:30px}
.book-form .cp_tit h2{ text-align:left; font-size:30px}
.book-form .cp_tit p{ text-align:left; font-size:20px; width:auto}
.book-form ul li{ width:31.5%; margin-right:2%; float:left;border:1px solid #ccc; line-height:45px; height:45px;}
.book-form ul{ overflow:hidden}
.book-form ul li:hover input{ border:1px solid #6eb83d}
.book-form ul li:nth-child(3n){ margin-right:0}
.book-form ul li input{ width:100%}
.book-form ul li.info_p1 input { display:block; border:none; height: 45px;line-height: 45px;color: #999;text-indent: 20px;background: url(../images/zxlyicon01.png) no-repeat 97% center; outline:none}
.book-form ul li.info_p2 input { display:block; border:none;  height: 45px;line-height: 45px;color: #999;text-indent: 20px;background: url(../images/zxlyicon02.png) no-repeat 97% center;  outline:none}
.book-form ul li.info_p3 textarea{ display:block; border:none; height: 45px;line-height: 45px;color: #999;text-indent: 20px;background: url(../images/linkUsLy_icon03.png) no-repeat 97% center; outline:none; resize:none;overflow:hidden; width:100%; }
.book-form .f_bu button {padding: 20px 0px;font-weight: bold;color: #fff;font-size: 18px; cursor: pointer;outline: none;border:none; text-align:center; background:#000; width:240px;}.book-form ul{ margin-top:30px; margin-bottom:30px}
.f_bu .fr p{ color:#888; font-size:16px;; line-height:64px}
.f_bu{ overflow:hidden}
.footer{ border-top:5px solid #f7b14a; background:#1b1b1b; overflow:hidden;}
.logo-t{ width:13%; float:left; margin-right:5%}
.f-contact{ width:30%; float:right}
.f-menu{ width:20%; float:left; padding-top:40px}
.f-ewm{ width:80%; margin:20px auto 0px auto; 
}
.f-top{ padding:40px 0px; overflow:hidden}
.logo-t img{ width:100%}
.logo-t h2{ color:#fff; font-size:18px; margin:30px 0px}
.logo-t p{ color:#fff; font-size:14px; line-height:36px; width:90%}
.f-tit{ font-size:18px; color:#fff; font-weight:bold; margin-bottom:20px}
.f-menu ul{ width:90%;  overflow:hidden}
.f-menu ul li a{ color:#fff; font-size:14px;  display:block }
.f-menu ul li{ float:left; margin-right:20px}
.f-contact .f-tit1{ font-size:18px; color:#fff; margin-bottom:10px}
.f-contact h1{ font-size:36px; color:#f7b149; font-family:'BEBAS'}
.f-contact p{ margin-top:10px; color:#999; font-size:16px;}
.f-search p{ font-size:16px; color:#999; margin-bottom:20px; padding-top:40px}
.f-search form{border:1px solid #999; overflow:hidden }
.f-search form .input{ height:50px; line-height:50px; width:65%; padding-left:5%; color:#999; float:left;font-size:16px;}
.f-search form .bnt{ height:50px; line-height:50px; width:30%; background:#f7b149; font-size:16px; color:#fff; float:right}
.f-search{ width:25%; float:left}
.f-ewm img{ width:100%; margin-bottom: 10px;}
.f-ewm p{ font-size:14px; color:#fff; opacity:0.4; text-align:center; line-height:24px}
.f-bottom{ overflow:hidden; background:#020202}
.f-bottom p{ height:60px; line-height:60px; color:#999; font-size:14px}


.f-bottom p a{ color:#999}
.localNav_area{height: 60px; box-sizing: border-box;border-bottom: 1px solid #e6e6e6; background: #f7f7f7;}
.localNav_area .localNav{height: 100%;}
.localNav_area .home{width: 60px;height: 100%; border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;  display: flex;justify-content: center;align-items: center;}
.localNav_area .b{box-sizing: border-box;width: 224px;height: 100%;padding-left: 20px; border-right:1px solid #e6e6e6;font-size: 16px;line-height: 60px;color: #333; }
.localNav_area .localNav_1 {}
.pro{ padding:60px 0px}
.pro ul li{ width:32%; margin-right:2%; float:left;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s; margin-bottom:2%}
.pro ul li:hover {
        box-shadow: darkgrey 5px 8px 19px 0px;
    }
	.pro ul li:hover .text h2 i{ color:#f7b149}
.pro ul li:hover .text h2 { color:#f7b149}
.pro ul li:nth-child(3n){ margin-right:0px}
.pro ul li a{ padding:40px 30px 0px 40px; border:1px solid #ccc; display:block}
.pro ul li img{-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s; max-width:100%}
.pro ul li .pic{ margin-bottom:15px;  padding:15px;}
.pro ul li:hover .pic img{-webkit-transform:scale(1.07);-ms-transform:scale(1.07);transform:scale(1.07)}
.pro ul li .text h2{ border-bottom:1px solid #ccc; font-family:'BEBAS'; font-size:32px; line-height:80px;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s; font-style:italic }
.pro ul li .text h2 i{ float:right; color:#999; font-size:30px; font-weight:lighter;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
.pro ul li .text h3{ font-size:20px; line-height:80px;; font-weight:normal}

.pro-content{ padding:60px 0px; background:#f9f9f9}
.pro-main .tit h1{ font-size:30px;}
.pro-main .tit{ text-align:center }
.pro-main .tit h1:after{ content: ''; width: 80px; height:3px; background: #f7b149; display:block; margin:20px auto  }
.p-1 .n{ font-size:20px;  color:#000; line-height:50px; height:50px; border-bottom:1px solid #ccc; font-weight:bold}
.p-1 .app{ margin-top:40px;}
.p-1 .app p{ font-size:18px; line-height:40px }
.p-1 .app p span{ color:#2e276f}
.cp-co{ background:#fff; padding:20px 10%;   }
.cp-co table{ width:100%;}
.cp-co img{ max-width:100%}
.cp-co p{}
.cp-co table tr td{ border:1px solid #dfdfdf; color:#686868; line-height:50px; height:50px; text-align:center; font-size:16px}
.cp-co table .firstRow td{ background:#f8f8f8}

.news-topper {
  padding-bottom: 40px;
}
.news-topper .cover-wrap {
  margin-right: 21px;
}
.news-topper .content {
  color: #999;
  line-height: 1.6;
  padding-top: 2%; width:50%; float:left
}
.news-topper .img-box{ width:46%; float:left}
.news-topper .content a{ padding:5%}
.news-topper h4 {
  font-size: 30px;
  color: #f7b149;
  margin: 0 20px 0px 0px;
  width: 90%;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.news-body{ padding:60px 0px}
.news-topper .more {
  width:160px;
  height:50px;
  line-height:50px;
  text-align: center;
  border: 1px solid #666;
  display: block;
  color: #666;
  background: linear-gradient(#f7b149, #f7b149) no-repeat 0 0;
  background-size: 0 100%;
  transition: 0.3s; font-size:14px;
}
.news-topper .more:hover {
  background-size: 100% 100%;
  color: #fff;
  border-color: #f7b149;
}
.news-topper .info {
  line-height: 32px; font-size:16px;
 
  margin-bottom: 20px;
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 3;
  color: #666;
}
.news2-list { overflow:hidden
}
.news2-list li { width:48%; margin:0 2% 2% 0; float:left;

  cursor: pointer;
}
.news2-list li:nth-child(2n){ margin:0px 0px 2% 0px}
.news2-list .inner {
  background: #f4f4f4;
  border: 1px solid #fff;
  padding: 20px 0;
  overflow: hidden;
  transition: 0.3s;
}
.news2-list .date {
  width: 1.4rem;
  text-align: center;
  min-width: 100px;
  font-family: medium;
  border-right: 1px solid #e5e5e5;
  padding-bottom: 15px;
}
.news2-list .date b {
  font-size: 48px;
  line-height: 1.4; font-family:'BEBAS'
}
.news2-list .date p {
  color: #999999;font-family:'BEBAS'; font-size:18px;
}
  .news2-list li:hover .inner {
    border-color: #f7b149;
    background: none;
  }
  .news2-list li:hover .inner .date > * {
    color: #f7b149;
  }
    .news2-list h4 {
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  .news2-list .inner {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .news2-list .inner .content {
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }
  .news2-list .info {
    color: #999;
    line-height: 30px; font-size:14px;
  
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
  }
  .news2-list .content {
    padding: 0 20px 0 20px;
  }
  .cover-wrap img {
  width: 100%;
  display: block;
  transform: translateZ(0);
  transition: transform 0.3s ease 0s;
}
.cover-wrap .cover {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.4s ease 0s;
  background: rgba(0, 0, 0, 0.5);
}
  .news-topper {
    display: table-cell;
    vertical-align: middle;
  }
  .cover-wrap {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.cover-wrap p {
  margin: 0;
}
.cover-wrap .text {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  padding: 10px 0;
}
.cover-wrap .text::before,
.cover-wrap .text::after {
  content: '';
  position: absolute;
  display: block;
  width: 100px;
  height: 2px;
  background-color: #f2f2f2;
  left: 50%;
  margin-left: -50px;
  transition: all 0.6s ease 0s;
  z-index: 99;
}
.cover-wrap .text::before {
  top: 0;
}
.cover-wrap .text::after {
  bottom: 0;
}
.cover-wrap:hover img {
  transform: scale(1.05, 1.05);
}
.cover-wrap:hover .cover {
  opacity: 1;
}
.cover-wrap:hover .text::before,
.cover-wrap:hover .text::after {
  width: 6px;
  margin-left: -3px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
/*发展历程*/
.ab_boxD{ clear:both; width:100%; height:775px;padding-top: 60px;box-sizing: border-box;  background:url(../images/about_fzlc_bg.jpg) top center no-repeat; background-size:auto 100%; position:relative;overflow:hidden;}
.ab_boxD .top_box{text-align: center;margin-bottom: 50px;}
.ab_boxD .top_box .title{font-size:40px;color: #ffffff;font-weight: bold;margin-bottom: 19px;}
.ab_boxD .top_box .en_title{font-size: 28px;color: #b3b4b5;margin-bottom: 22px; font-family:'BEBAS'}
.en{font-family:'BEBAS'}
.ab_boxD .top_box .line img{display: block;margin: 0px auto;}

.ab_boxD .cont{ width:990px; height:242px; margin:0px auto; position:relative;}
.ab_boxD .cont .btn{display: none; position:absolute; top:150px; width:38px; height:75px; background:url(../images/about_fzlc_arr_on.png) center center no-repeat; background-size:100% 100%; opacity:0.6;}
.ab_boxD .cont .prev{ left:-90px;}
.ab_boxD .cont .next{ right:-90px; transform:rotate(180deg);}
.ab_boxD .cont .btn:hover{ opacity:1;}
.ab_boxD .cont .list{ width:100%; height:100%; margin:0 auto;  color:#FFF; overflow:hidden;}
.ab_boxD .cont .list li{ height:242px;  overflow:hidden;}
.ab_boxD .cont .list li .lt{ float:left; width:41%;overflow: hidden;}
.ab_boxD .cont .list li .lt img{width:100%;display: block;margin: 0px auto;}

.ab_boxD .cont .list li .rt{ float:right; width:59%;height: 100%;}

.ab_boxD .cont .list li .rt .info_box{width: 100%;height: 100%; display: flex;align-items: center;}
.ab_boxD .cont .list li .rt .center_box{width: 100%;box-sizing: border-box;padding-left: 50px;padding-right: 20px;}

.ab_boxD .cont .list li .rt .title{ font-size: 72px;color: #f7b149;font-weight: bold;width: 100%; font-family:'BEBAS'}
.ab_boxD .cont .list li .rt .title font{margin-left:10px;font-size: 28px;font-family:'BEBAS'}
.ab_boxD .cont .list li .rt .desc{font-size: 16px;color: #FFFFFF;line-height: 34px;}

.ab_boxD .year_box{position: relative;margin-top: 89px;}
.ab_boxD .year_box .hx{ position:absolute; left:0; top: 50%;margin-top: -7px; width:100%; height:14px; background:url(../images/about_fzlc_line.png) center center no-repeat;background-size: auto 100%; z-index:1;}
.ab_boxD .box{ margin:0px auto; width:1398px; height:150px; overflow:hidden; position:relative; z-index:2;}
.ab_boxD .box li{ float:left; width:233px; height:150px;  cursor:pointer; text-align:center;position: relative;}
.ab_boxD .box li p{z-index: 2;  position: absolute;top: 0px;left: 0px; font-weight:bold; color:#000; width: 100%; height:150px; line-height:150px;text-align: center;font-size:17.84px; transition:all 0.2s ease-out; font-family: 'BEBAS';}
.ab_boxD .box li i{z-index: 1; display:block; height:88px; width:88px; background-color:#ffffff; position:absolute; left:50%; top:50%;  border-radius:50%; transform:translate(-50%, -50%); transition:all 0.2s ease-out;}
.ab_boxD .box li.cur p{ font-size:35px; }
.ab_boxD .box li.cur i{width: 150px; height: 150px;background: #f7b149;}

.con-wrap1{position: relative;margin-bottom: 90px; }
.con-wrap1 .bimg{display: block;margin: 0 auto 66px; max-width: 100%;}
.con-wrap1 .main{/**/margin-top: -124px;}
.con-wrap1 .l{width: 58.1395348%;padding:2px 2px 13px;box-sizing: border-box;background: #f7f7f7;}
.con-wrap1 .map{display: block; width: 100%;height: 556px;box-shadow:0px 0px 5px rgba(0,0,0,.3); }
.con-wrap1 .main .r{position: absolute;right: 0;bottom: 0; width:41.8604651%; padding: 52px 10px 60px 60px; box-sizing: border-box; background: #f7f7f7;color: #333;}
.con-wrap1 .main .r .tit{margin-bottom: 24px; font-size: 36px;line-height: 52px;font-weight: bold; }
.con-wrap1 .main .r .sum{margin-bottom: 24px; font-size: 18px;line-height: 30px;}
.con-wrap1 .main .r .bg{margin-bottom: 28px; width: 45px;height: 3px;background: #f7b149;}
.con-wrap1 .main .r li{margin-bottom: 9px; font-size: 18px;line-height: 30px;}
.con-wrap1 .main .bot{padding: 18px 0 37px 70px; background: #f7f7f7;}
.con-wrap1 .main .bot li{float: left;margin-right: 54px;cursor: pointer;}
.con-wrap1 .main .bot li span{position: relative;left: 10px;top: -6px; display: inline-block;color: #333; font-size: 18px;transition: all .5s;}
.con-wrap1 .main .bot li span:after{position: absolute;left: 0;bottom: -12px;display: none; width: 100%;height: 2px; background: #f7b149; content: "";transition: all .5s;}
.con-wrap1 .main .bot li img{transition: all .3s;}
.con-wrap1 .main .bot li .img2{display: none;}
.con-wrap1 .main .bot li.on .img2{display: inline-block;}
.con-wrap1 .main .bot li.on .img{display: none;}
.con-wrap1 .main .bot li.on span:after{display: block;}
.con-wrap1 .main .bot li.on span{color: #f7b149;}
.con-wrap1 .main .bot li:hover .img2{display: inline-block;}
.con-wrap1 .main .bot li:hover .img{display: none;}
.con-wrap1 .main .bot li:hover span:after{display: block;}
.con-wrap1 .main .bot li:hover span{color: #f7b149;}
.con-wrap1 .main .page{display: none;}
.con-wrap1 .main .r li i{ font-size:30px; margin-right:10px; float:left}
#c-common-box {
    padding: 70px 0 150px;
}

#c-common-box .c-box-wrap {
    margin: 0 auto;
    max-width: 1400px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

#c-common-box .c-left {
    width: 74%;
}

#c-common-box .c-left .c-main-text {
    padding: 0 120px 120px;
    background: #f7f8fa;
}

#c-common-box .c-left .c-title-box {
    margin-bottom: 30px;
    padding: 60px 0 30px 0;
    text-align: center;
    border-bottom: 1px solid #d2d5d9;
}

#c-common-box .c-left .c-title-box .c-title {
    font-size: 36px;
    line-height: 46px;
}

#c-common-box .c-left .c-title-box .c-text {
    padding-top: 10px;
    line-height: 26px;
    color: #888e97;
}

#c-common-box .c-left .c-title-box .c-text span {
    margin-right: 30px;
}

#c-common-box .c-left .c-text-box {
    line-height: 2;
    color: #565e6b;
}

#c-common-box .c-left .c-text-box img {
    max-width: 100%;
    height: auto !important;
}

#c-common-box .c-return {
    margin-top: 60px;
    display: flex;
    align-items: center;
    height: 30px;
    width: 100px;
    color: #000c1f;
    transition: .5s;
}

#c-common-box .c-return i {
    margin-left: 10px;
    display: inline-block;
    width: 18px;
    height: 30px;
    background: url(../images/fh-ico.png)no-repeat center / 18px auto;
}

#c-common-box .c-return:hover i {
    background-image: url(../images/fh-ico-h.png);
}

#c-common-box .c-return:hover {
    color: #0066ff;
}

#c-common-box .c-pnbox {
    padding-top: 60px;
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

#c-common-box .c-pnbox>div {
    padding: 0 15px;
    width: 50%;
    line-height: 26px;
    color: #5c5c5c;
}
#c-common-box .c-left .c-text-box p{ font-size:16px; line-height:32px; margin-bottom:10px}
#c-common-box .c-pnbox a {
    color: #000c1f;
    transition: .5s;
    color: #5c5c5c;
}

#c-common-box .c-pnbox a:hover {
    color: #0066ff;
}

#c-common-box .c-right {
    width: 21%;
}

#c-common-box .c-right .c-title {
    padding-bottom: 30px;
    border-bottom: 1px solid #d2d5d9;
    font-size: 24px;
    line-height: 1;
}

#c-common-box .c-right .c-list li {
    padding: 30px 0;
    border-bottom: 1px solid #d2d5d9;
}

#c-common-box .c-right .c-list a {
    display: block;
}

#c-common-box .c-right .c-list .c-title2 {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #000c1f;
    transition: .5s;
}

#c-common-box .c-right .c-list a:hover .c-title2 {
    color: #0066ff;
}

#c-common-box .c-right .c-list .c-text {
    font-size: 14px;
    line-height: 24px;
    color: #9499a1;
}

.rc{padding: 60px 0 ;text-align: center; color: #333;}
.rc ul{ overflow:hidden}
.rc li{position: relative; float: left;width: 46.627907%;margin-right: 6.74418605%;margin-bottom: 27px; text-align: left;opacity: 1!important;}
.rc li:nth-child(2n){margin-right: 0;}
.rc .titn{margin-bottom: 17px; font-size: 30px;line-height: 36px;}
.rc .need{display: flex;margin-bottom: 23px;}
.rc .need .mn{display: flex;margin-right: 45px;}
.rc .need .mn:last-child{margin-right: 0;}
.rc .need .mn .img{display: block;}
.rc .need .mn p{margin-left: 10px; font-size: 16px;line-height: 22px;}
.rc .main{ box-sizing: border-box;padding: 19px 34px 92px 24px; background: #f7f7f7;z-index: 0;}
.rc .main .height{height: 120px;overflow:hidden;transition: all 1s;}
.rc .main .tit{font-size: 16px;line-height: 30px;font-weight: bold; color: #f7b149;}
.rc .main .sum{height: 30px;text-overflow: ellipsis;white-space: nowrap; font-size: 16px;line-height: 30px;overflow: hidden;}
.rc .main .email{padding-top: 26px; font-size: 16px;line-height: 30px;}
.rc .main .email span{color: #f7b149;font-weight: bold;}
.rc .btn{position: absolute;right: 0;bottom: 0;display: flex;align-items: center;justify-content: center; width: 200px;height: 50px;background: #f7b149;cursor: pointer;overflow: hidden;}
.rc .btn:after{position: absolute;top: -100%; width: 100%;height: 100%;background: #fff; content: "";transition: all .5s;}
.rc .btn:hover:after{top: 0;}
.rc .btn p{margin-right: 9px;line-height: 21px; font-size: 16px;color: #fff;transition: all .5s;z-index: 2;}
.rc .btn .sum1{display: none;}
.rc .btn img{display: block;transform: rotate(180deg);transition: all .5s;z-index: 2;}
.rc .btn .img2{display: none;}
.rc .btn:hover .img1{display: none;}
.rc .btn:hover .img2{display: block;}
.rc .btn:hover p{color: #f7b149;}
.zwsq{position: absolute; bottom: 17px;padding-left: 30px; font-size: 16px;color: #333;}
.rc .zwsq:hover{color: #f7b149;}
.rc .need .mn i{ font-size:20px}


.read{position: relative;padding: 79px 0 204px;}
.read .xx{width: 30.2325581%;padding-top: 28px; color: #333;}
.read .xx .tit{font-size: 30px;font-weight: bold;line-height: 48px;}
.read .xx .line{margin: 20px 0 26px; width: 48px;height: 2px;background: #f7b149;}
.read .xx .sum{display: flex; }
.read .xx .sum p{margin-right: 16px; font-size: 16px;line-height:24px;}
.read .main{width: 62.7906977%;box-sizing: border-box;padding: 24px 68px 130px;min-height: 530px; background: #f7f7f7;color: #333;}

.read .main span.mceItem-movie{position: relative; width: 100%!important;height: 500px;}
.read .main span.mceItem-movie video{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 90%;max-height: 90%;}
.read .main p{font-size: 16px;line-height: 48px;text-indent: 32px;}
.read .main img{display: block;max-width: 100%;height: auto;margin: 0 auto 10px;}
.read table.tableforshow{border:0!important;border-collapse:collapse!important;border-bottom:1px solid #fff!important;border-right:1px solid #fff!important;margin-bottom:14px!important;width:100%;font:inherit;font-size: 16px;line-height: 30px;text-align: center;}
.read table.tableforshow p,.read table.tableforshow div{margin-bottom:0}
.read table.tableforshow th,.read table.tableforshow td{border:0!important;border-left:1px solid #fff!important;border-top:1px solid #fff!important;color:#333333;padding:0.5em!important;margin:0!important;font:inherit}
.read table.tableforshow th{background-color:#E8F6FF!important;}  
/*.read table.tableforshow tr:hover{background-color:#F2F7FB!important;transition:all 0.6s} 
*/.read table.tableforshow caption {text-align:center;font-size:14px;font-weight:bold;line-height:1.8em}
.read table.tableforshow tr:nth-child(odd){  background: rgba(0,162,233,.5); }
.read table.tableforshow tr:nth-child(even){ background: rgba(0,162,233,.2);}
.read table.tableforshow tr:first-child{background: #f7b149;}
.read table.tableforshow tr:first-child td{color: #fff;font-weight: bold;}
.read table.ghbs tr:nth-child(odd){ background: rgba(0,162,233,.5); }
.read table.ghbs tr:nth-child(even){ background: rgba(0,162,233,.2);}
.read .main .bottom{padding: 32px 0 0 32px;}
.read .main .zwsq{position: relative; font-size: 16px;line-height: 30px;color: #000; background:#f7b149; padding:10px 0px; display:block; width:220px; text-align:center}
.read .main .zwsq i{ margin-right:15px; }
.read .viewpage-link{position: absolute;left: 0;top: 325px; max-width: 30%;}
.read .viewpage-link li{margin-bottom: 20px; font-size: 16px;line-height: 28px;font-weight: bold;}
.read .viewpage-link li a{color: #333;transition: all .3s;}
.read .viewpage-link li:hover a{color: #f7b149;}
.main-news{  padding:60px 0px}
.main-news .bt01{ font-size: 42px; color:#222222;text-align: center; line-height: 50px; overflow: hidden; height:104px;  margin-bottom:20px}
.main-news .bt01 a{ color:#222222;}
.main-news .bt01 span{color:#f7b149;display: inline-block;padding-left: 10px;}
.main-news .bt01 i{display: block; font-size: 20px; color:#585858;font-weight: normal;line-height: 50px;}
.main-news .bt01 i img{vertical-align: middle;margin: 0 15px;}
.main-news ul{ overflow:hidden}
.main-news ul li{ width:32%; margin-right:2%; float:left; position:relative }
.main-news ul li:nth-child(3){ margin-right:0}
.main-news ul li a .img{ width:100%; overflow: hidden}
.main-news ul li img{ max-width:100%;}
.main-news ul li a:hover .img img{-webkit-transform:scale(1.07);-ms-transform:scale(1.07);transform:scale(1.07)}
.main-news ul li .img img{-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s; max-width:100% }

.main-news ul li .date{ position:absolute;width:128px; height:55px; background:#fff; opacity:0; right:0px; bottom:113px; line-height:55px; text-align:center; color:#f7b149; font-size:14px;transition: all .5s;}
.main-news ul li .date i{ margin-right:10px}
.main-news ul li .text h2{ font-size:18px; font-weight:bold; margin:20px 0px 10px 0px}
.main-news ul li .text p{ font-size:14px; line-height:30px}
.main-news ul li:hover .date{ opacity:1}
.com-wrap{padding: 60px 0;}
.maincon-top .type-title{float: left;font-size: 32px;font-weight: bold;color: #444;}
.nopic-list li{border-bottom: 1px dashed #cacaca;}
.nopic-list li a{display: block;line-height: 40px;font-size: 14px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #666;}
.nopic-list li time{margin-left: 20px;line-height: 40px;font-size: 14px;}
.nopic-list li a::before{display:inline-block; content:''; margin-top: -4px;margin-right:5px; vertical-align:middle; border:5px solid transparent; border-left-color:#f7b149;}
.nopic-list li a:hover{color: #f7b149}
.nopic-list .news-fy{position: relative;left: 50%;transform: translateX(-50%);margin-top:40px; display: inline-block;color: #fff;}
.nopic-list .news-fy a{display: inline-block;margin: 0 10px; width: 40px;height: 40px;font-size: 16px;
  text-align: center;line-height: 40px;background: #ccc;color: #fff; transition: all .5s;}
.nopic-list .news-fy a:hover{background: #f7b149;}
.nopic-list .news-fy .now{display: inline-block;margin: 0 10px; width: 40px;height: 40px;font-size: 16px;
  text-align: center;line-height: 40px;background: #f7b149;transition: all .5s;}
  .index__video{width:100%;height:700px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-image:url(//www.dhchain.com/wp-content/themes/donghua/statics/css/../img/index__video-bg.jpg);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media (max-width: 1681px){.index__video{height:600px}}@media (max-width: 1440px){.index__video{height:500px}}@media (max-width: 1380px){.index__video{height:450px}}@media (max-width: 968px){.index__video{height:auto}}.index__video .inner{max-width:1050px;text-align:center;color:#fff}@media (max-width: 1681px){.index__video .inner{max-width:800px}}@media (max-width: 968px){.index__video .inner{padding:40px}}@media (max-width: 668px){.index__video .inner{padding:40px 20px}}.index__video .inner .img{width:150px;margin:0 auto 20px}@media (max-width: 668px){.index__video .inner .img{width:100px}}.index__video .inner .img img{width:100%}.index__video .inner .title{font-size:36px}@media (max-width: 1681px){.index__video .inner .title{font-size:30px}}@media (max-width: 668px){.index__video .inner .title{font-size:24px}}.index__video .inner .title:after{content:"";display:block;width:50px;height:4px;line-height:4px;background-color:#fff;margin:40px auto}@media (max-width: 1681px){.index__video .inner .title:after{width:30px;height:2px;line-height:2px;margin:20px auto 40px}}@media (max-width: 668px){.index__video .inner .title:after{margin:20px auto}}.index__video .inner .txt{font-size:24px;line-height:36px}@media (max-width: 1681px){.index__video .inner .txt{font-size:16px;line-height:30px}}@media (max-width: 668px){.index__video .inner .txt{font-size:14px;line-height:26px}}.index__video .inner .play{margin-top:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media (max-width: 1681px){.index__video .inner .play{margin-top:30px}}.index__video .inner .play .icon{width:48px;height:48px;position:relative;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}@media (max-width: 1681px){.index__video .inner .play .icon{width:40px;height:40px}}.index__video .inner .play .icon:before,.index__video .inner .play .icon:after{content:"";display:block;width:100%;height:100%;background:none;border:1px solid #fff;border-radius:100%;position:absolute;left:0%;top:0%;z-index:3;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.index__video .inner .play .icon:before{opacity:0.2;-webkit-animation:play01 1.5s infinite;animation:play01 1.5s infinite}.index__video .inner .play .icon:after{opacity:0.3;-webkit-animation:play02 1.5s infinite;animation:play02 1.5s infinite;-webkit-animation-delay:0.1s;animation-delay:0.1s}.index__video .inner .play .icon svg{vertical-align:top;width:100%;height:100%;color:#fff;z-index:1}.index__video .inner .play span{margin-left:30px;font-size:18px;color:#fff;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.index__video .inner .play:hover .icon:before,.index__video .inner .play:hover .icon:after{opacity:0}.index__video .inner .play:hover span{margin-left:10px}@-webkit-keyframes play01{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}