@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;}
h1,h2,h3,h4,h5,h6,p,div,ul,li,dl,dt,a,dd,ol{ margin:0px; padding:0px}
li,dt{ list-style:none}
a{color:#333;text-decoration:none;}
a:hover{color:#f30;}
.clear{clear:both;}
.dis{display:none;}
.w{width:1000px;margin:0 auto;clear:both;overflow:hidden;}
.mt10{margin-top:10px;}
.m10{margin:10px auto;}
.wrap { width:1200px; margin-right:auto; margin-left:auto;}
.mwrap { max-width:1366px; margin-right:auto; margin-left:auto;}
#topbar{background:#f6f6f6;height:32px;line-height:32px;}
#topbar .w span{float:right;background:#fff;padding:0 15px;color:#ddd;font-family:宋体;}
#topbar .w span a{font-family:arial;}
#topbar .w{color:#999;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
#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;}
@font-face {
	font-family: bahnschrift;
	src: url(../fonts/bahnschrift.woff2) format("woff2"), url(../fonts/bahnschrift.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
.en{font-family: bahnschrift;}
#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;font-family:microsoft yahei;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;font-family:microsoft yahei;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:#1F92D1;font-size:18px;font-family:microsoft yahei;height:41px;line-height:40px;border-bottom:1px solid #ddd;}
.subject b{display:inline-block;font-weight:normal;border-bottom:2px solid #1F92D1;height:40px;line-height:40px;}
.subject span{color:#bbb;display:inline-block;font-size:16px;font-family:verdana;padding-left:10px;}
.subject a{float:right;font-size:12px;font-family:宋体;}

.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;font-family:microsoft yahei;}
.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;font-family:microsoft yahei;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;font-family:verdana;padding-left:10px;}
.subject_news a{float:right;font-size:12px;font-family:宋体;}

.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;font-family:microsoft yahei;line-height:30px;}
.newslist li a .date{font-size:12px;color:#444;font-family:arial;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;font-family:verdana;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;font-family:microsoft yahei;}
.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{font-family:microsoft yahei;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;font-family:microsoft yahei;}
.artshow .info{text-align:center;font-family:microsoft yahei;color:#999;padding:0 0 15px 0;font-size:14px;}
.artshow p{margin:5px 0;font-size:14px;}
.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;font-family:microsoft yahei;}
.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;}

.pic_list{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.pic_list li{float:left;width:240px;margin:0 13px 13px 0;}
.pic_list li a{border:1px solid #eee;display:block;padding:5px;}
.pic_list li a img{border:0;}
.pic_list li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;font-family:microsoft yahei;}
.pic_list li a:hover{border:1px solid #ddd;}
.pic_list li a:hover .title{color:#1F92D1;}

.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;font-family:microsoft yahei;}
.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;font-family:microsoft yahei;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;font-family:microsoft yahei;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;font-family:microsoft yahei;display:block;line-height:40px;}
.news_list li em{color:#666;font-family:verdana;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;font-family:microsoft yahei;}

#position{margin:0 auto;width:1000px;overflow:hidden;font-family:宋体;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;}
.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-family:microsoft yahei;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{font-family:verdana;word-wrap:break-word;overflow:hidden;}
.comment .line .reply strong{color:#f60;float:left;}
.comment_more{text-align:center;padding:10px 0;font-family:microsoft yahei;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;font-family:microsoft yahei;}
.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;font-family:microsoft yahei;}

.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;font-family:宋体;}
.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:750px;}
#goodsshow img{border:0;}
#goodsshow .left{float:left;width:350px;margin:0 50px 0 0;}
#goodsshow .right{float:left;}
#goodsshow .shop_big{border:1px solid #ededed;padding:2px;background:#fff;width:360px;cursor:pointer;}
#goodsshow .shop_plist{clear:both;width:360px;}
#prolist{width:310px;float:left;overflow:hidden;height:68px;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;background:url(../images/pro_none.gif) no-repeat center top;height:68px;}
#prolist ul li img{height:60px;width:60px;margin:6px 8px 0 8px;padding:0px;border:0;}
#prolist .hover{background:url(../images/pro_bg.gif) no-repeat center top;height:68px;}
#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{width:350px;}
#goodsshow .right h1{font-size:18px;font-family:microsoft yahei;font-weight:normal;margin:0 0 10px 0;padding:0;}
#goodsshow .right .intro{color:#999;min-height:80px;}
#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:#1F92D1;padding:8px 30px;color:#fff;margin:10px 0;font-size:16px;font-family:microsoft yahei;border-radius:4px;}
a:hover.inquiry{color:#fff;background:#f60;}

ol, ul {
    list-style: none
}
@font-face {
    font-family: cicon;
    src: url(fonts/font_385839_bxvpl1zmvwj.eot);
    src: url(fonts/font_385839_bxvpl1zmvwj.eot#iefix) format("embedded-opentype"), url(fonts/font_385839_bxvpl1zmvwj.woff) format("woff"), url(fonts/font_385839_bxvpl1zmvwj.ttf) format("truetype")
}
.c-icon {
    font-family: cicon!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.c-wrapper {
    width: 1200px;
    margin: 0 auto
}
/*顶部bar*/

.m-head {
    position: relative;
    z-index: 999;
    width: 100%;
    min-width:1200px
}
.m-head a {
    color: inherit;
    text-decoration: none
}
.m-head .m-head-slider {
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/old_site.png) 0 0 no-repeat
}
.m-head .m-head-slider a {
    display: block;
    width: 68px;
    height: 76px
}
.m-head .m-head-bar {
    width: 100%;
    height: 36px;
    color: grey;
    
    font-size: 12px;
    line-height: 36px;
    text-align: right
}
.m-head .m-head-bar a {
    margin: 0 10px
}
.m-head .m-head-bar a:hover {
    text-decoration: underline
}
.m-head .m-head-bar .c-wrapper {
    padding-right: 60px
}
.m-head .m-head-nav {
    width: 100%;
    
    background:#fff;
    font-size: 14px; overflow:hidden;box-shadow:0px 10px 10px -10px #c7c2c2
}
.m-head .m-head-nav ul {
    padding-right: 50px;
    
}
.m-head .m-head-nav ul a {
    display: block
}
.m-head .m-head-nav ul li {
    float: left;
   
   
}
.m-head .m-head-nav .nav{ width:800px; float:right}

.m-head-nav-logo { width:350px; float:left;  overflow:hidden;
    margin-right: 50px; padding:10px 0px
}
.m-head  .m-head-nav-logo a{ }
.m-head  .m-head-nav-logo img {
    position: relative; width:240px; float:left; margin-right:15px;
   
}
.m-head    .m-head-nav-logo .text{ float:left}
.m-head  .m-head-nav-logo .text h1{ font-size:24px; color:#1c8638; line-height:40px; padding-top:10px  }
.m-head   .m-head-nav-logo .text p{ font-size:16px; color:#1c8638; letter-spacing:1px}
.m-head   .nav ul li{ float:left; 
    border-bottom: 4px solid transparent;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease; 
}
.m-head  .nav ul li a { font-size:16px; color:#000; line-height:80px; padding:10px 25px;
   
}
.m-head  .nav ul li:hover a{ color:#1c8638}
.m-head  .nav ul li.active {
    color: #1ccfc9
}

.nav li .sub{ display:none;z-index:9999999; background:#fff; width:100%} 
.nav li:hover a{  }
.nav li:hover .sub{ position: absolute; left:0; width:100%; display:block; z-index:99999; text-align:center}
.nav li:hover .sub a{ display:block; height:30px; line-height:30px;  color:#333; font-size:14px; padding:10px}
.nav li:hover .sub a:hover{  color:#1c8638}
.nav  .sec_list .n_jt {display:inline-block; width:5px; height:9px; background:url(../images/nav_jt.png) no-repeat; background-position:0 0; position:absolute; right:30%;top:50%; margin-top:-4px;}
.nav  ul li a:hover .n_jt {background-position:0 -9px;}
.nav li .sub .sec_list{float:left; width:17.5%; background:#fff}
.nav li .sub .sec_list {margin-top:35px;}
.nav li .sub a{width:100%; height:45px; line-height:45px;}
.nav li .sub a {position:relative; padding-left:0;padding-right:33%;}

.nav li .sub .sec_img{float:right; width:82.5%; background:#f5f5f5}
.nav li .sub .sec_img .img_infor{float:left; width:53%; padding-left:7%;}
.nav li .sub .sec_img .img_infor .txt{padding:43px 70px 32px 0; line-height:30px; text-align:left}
.nav li .sub .sec_img .img_infor .txt span{display:inline-block; height:120px; overflow:hidden; font-size:14px;}
.nav li .sub .sec_img .img_infor .btn_more{width:160px; color:#1c8638; height:36px; border:1px solid #1c8638; display:block; line-height:36px; text-align:center; overflow:hidden; margin-bottom:30px;}
.nav li .sub .sec_img .img_infor .btn_more:hover{color:#fff; background:#1c8638}
.nav li .sub .sec_img .img_pic{float:right; width:35%; margin-right:5%;margin-top:45px; margin-bottom:45px;}



.m-head  .nav ul li sup {
    position: relative;
    font-size: 12px;
    top: -6px;
    left: 5px
}
.m-head .m-head-nav ul .m-head-nav-right {
    float: right
}
/*轮播描述*/

.c-col4 {
    width: 16.66667%;
    float: left;
    box-sizing: border-box;
}
.c-col16 {
    width: 66.66667%;
    float: left;
    box-sizing: border-box;
}
.c-gap-top-small {
    margin-top: 8px;
}
.c-line-clamp {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.c-gap-top { margin-top:10px
}
.index-top {
    position: relative;
    width: 100%;
    color: #fff;
    background: #000; z-index:99
   
}
.index-top a {
    color: inherit;
    text-decoration: none
}
.index-top .index-top-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    padding: 29px 0;
    background: rgba(0, 0, 0, .35)
}
.index-top .index-top-bar h6{ color:#fff; font-size:20px}
.c-gap-top { font-size:24px; ;font-family: bahnschrift; color:#fff}
.index-top .index-top-bar .index-top-news ul {
    font-size: 14px; color:#fff
}
.index-top .index-top-bar .index-top-media i {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    margin-right: 8px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease; border:1px solid #fff; color:#fff; width:30px; height:30px; text-align:center; line-height:30px; border-radius:15px
}
.index-top .index-top-bar .index-top-media i:hover { background:#1c8638; border:1px solid #1c8638
}
.index-top .index-top-bar .index-top-media i:hover .index-top-media-qrcode {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.index-top .index-top-bar .index-top-media .index-top-media-qrcode {
    position: absolute;
    bottom: 50px;
    left: -44px;
    z-index: 1;
    width: 112px;
    padding-top: 110px;
    font-size: 12px;
    color: #676767;
    text-align: center;
    border-radius: 4px;
    border: 6px solid #fff;
   
    cursor: default;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, 5%, 0);
    transform: translate3d(0, 5%, 0);
    -webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
    transition: opacity .3s ease, transform .3s ease, visibility .3s ease, -webkit-transform .3s ease
}
 .ewm1{background: #fff url(../images/lgj_ewm.jpg) 0 0 no-repeat;}
.ewm2{ background: #fff url(../images/xcx_ewm.jpg) 0 0 no-repeat;}
.ewm3{ background: #fff url(../images/lgj_ewm.jpg) 0 0 no-repeat;}

.index-top .index-top-bar .index-top-media .index-top-media-qrcode:after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff
}
.index-top .index-top-bar .index-top-media .index-top-media-qrcode-alipay {
    background-position: -100px 0
}
.index-top .index-top-bar .index-top-media .index-top-media-qrcode-weibo {
    background-position: -200px 0
}
.index-top .index-top-bar .index-top-media .index-top-media-qrcode-wechat {
    background-position: -300px 0
}
/*轮播*/

.m-carousel {
    position: relative;
    overflow: hidden
}
.m-carousel-list {
    overflow-y: hidden;
    width: 100%;
    height: 800px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}
.m-carousel-list li {
    float: left;
    width: 100%;
    height: 100%;
   
    overflow: hidden;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: auto 100%
}
.m-carousel-list li a {
    display: block;
    height: 100%
}
.m-carousel-list .m-carousel-title {
    font-size: 56px;
    font-weight: 700;
    padding-top: 320px;
    text-shadow: 0 2px 20px rgba(0, 0, 0, .1)
}
.m-carousel-list .m-carousel-note {  margin-top:20px;
    color:#ff4f42;
    font-size: 24px;
    text-shadow: 0 2px 20px rgba(0, 0, 0, .1)
}
.m-carousel-list .m-carousel-btn {
    display: inline-block;
    width: 218px;
    height: 40px;
    line-height: 40px;
    background: -webkit-linear-gradient(right, #36e4ff, #5bbdff);
    background: linear-gradient(-90deg, #36e4ff, #5bbdff);
    border-radius: 4px;
    margin-top: 32px
}
.c-carousel-dot {
    position: absolute;
    bottom: 148px;
    left: 0;
    width: 100%;
    text-align: center
}
.c-carousel-dot span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    border-radius: 6px;
    background:#333;
    cursor: pointer;
    -webkit-transition: width .3s ease, background .3s ease;
    transition: width .3s ease, background .3s ease
}
.c-carousel-dot span:hover {
    background: #666;
    background: hsla(0, 0%, 100%, .4)
}
.c-carousel-dot span.active {
    width: 23px;
    background: #1c8638;
    cursor: default
}


.ipart01{padding:70px 0 0 0;}
.ipart01 .infor{text-align:center; position:relative;}
.ipart01 .infor .tit{font-size:44px; color:#323232; margin-bottom:25px; position:relative; z-index:2;}
.ipart01 .infor .tit_en{font-size:100px; color:#eeeeee; color:rgba(0,0,0,0.06);line-height:1; z-index:1; font-family:Arial;font-weight:bold; text-transform:uppercase; position:absolute; width:100%; text-align:center; top:-14px;}
.ipart01 .infor .con{font-size:14px; color:#464646; padding-bottom:45px;}

#wrap{
	width: 1200px;
	height: 574px;
	margin: 0px auto;
}
#wrap ul li .a1 img{ max-width:100%
}
#wrap ul li{
	width: 390px;
	height: 520px;
	list-style: none;
	position: relative;
	float: left;
	overflow: hidden;
	margin-right:15px;
} 
#wrap ul li:nth-child(3n){ margin-right:0px}
#wrap ul li .a1 .divA{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 350px;

	padding: 20px;
	background: #fafafa;
}
#wrap ul li .a1 .divA>.p1{
	width: 312px;
	height: 25px;
	font-size: 18px;
    line-height: 25px;
    color: #666;
}
#wrap ul li .a1 .divA>.p2{
	width: 312px;
	height: 21px;
    font-size: 14px;
    color: #b4b4b4;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#wrap ul li .a1 .divA>.p3{
	position: absolute;
	right: 0;
	bottom: 12px;
	width: 108px;
	height: 28px;
	color: #f60;
}
#wrap ul li .a1 .divA>.p3>span{
	font-size: 24px;
	font-weight:800;
}
/*遮罩*/
#wrap ul li .a2{
	position: absolute;
	top: 0;
	left:-390PX;
	width: 390px;
	height: 520px;
	text-align: center;
	color: white;
	background: rgba(0,0,0,0.5);
	transition: all 0.2s;  
} 
#wrap ul li .a2 .p4{
	width:390px;
	text-align: center;
	position: absolute;
	top: 54px;
	left: -390px;
	color: #ffe605;
	font-size: 24px;
    font-weight: bold;
    transition: all 0.2s 0.1s ease-out ; }
#wrap ul li .a2 .p5{
	width: 350px;
	text-align: center;
	line-height:20px ;
	position: absolute;
	top: 85px;
	left: -390px;
	
	font-size: 14px;
    color: white;
    transition: all 0.2s 0.2s ease-out ; padding:20px 20px ; line-height:30px
}


#wrap ul li .a2 .p7{
	position: absolute;
	
	left: 115px;
	width: 160px;
	height: 38px;
	line-height: 38px;
	
	margin: 10px auto;
	border: 1px solid #fff;
	transition: all 0.2s 0.5s ;
}
    

#wrap ul li .a2 .p7:hover{ background:#1c8638; border:1px solid #1c8638; color:#fff}

.ipart05{background:url(../images/ipart05_bg.jpg) no-repeat center top; padding:115px 0 70px;}
.ipart05 .infor{text-align:center; position:relative;}
.ipart05 .infor .tit{font-size:44px; color:#fff; margin-bottom:25px; position:relative; z-index:2;}
.ipart05 .infor .tit a:hover{color:#fff;}
.ipart05 .infor .tit_en{font-size:100px; color:#7ab07e; color:rgba(255, 255, 255, 0.13);line-height:1;font-family:Arial;font-weight:bold; text-transform:uppercase; position:absolute; width:100%; text-align:center; top:-14px;}
.ipart05 .infor .con{font-size:14px; color:#fff; padding-bottom:45px;}
.ipart05 .content .item{position:relative; transition:.5s ease; width:32%; float:left; margin-right:2%}
.ipart05 .content .item img{ width:100%; opacity:0.8}
.ipart05 .content .item:nth-child(3n){ margin:0px}
.ipart05 .content{ height:260px}
.ipart05 .content .rect-6325{ background: #000; overflow:hidden}
.ipart05 .content .item img{transition:.3s ease;}
.ipart05 .content .item:hover img{transform:scale(1.1);}
.ipart05 .content .item .box{position:absolute; width:100%; height:100%; top:0;  text-align:center; z-index:1; opacity:1; visibility:visible; transition:.5s ease;}
.ipart05 .content .item .box .tit{margin-top:20%;font-size:18px; color:#fff;}
.ipart05 .content .item .box .icon{width:100%; height:40px; background:url(../images/ipart05_an.png) no-repeat center; margin-top:20px;}
.ipart05 .content .item .cover{ position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/green.9.png); opacity:0; visibility:hidden; transition:.5s ease;}
.ipart05 .content .item .cover .cover_box{padding:50px; color:#fff;}
.ipart05 .content .item .cover .cover_box .t{font-size:18px; text-align:center; margin-bottom:20px;}
.ipart05 .content .item .cover .cover_box .c{font-size:14px;}
.ipart05 .content .item:hover .box{opacity:0; visibility:hidden;}
.ipart05 .content .item:hover{box-shadow:2px 5px 15px rgba(0,0,0,.3); z-index:2}
.ipart05  .more{font-size:18px; color:#666; text-align:center; margin-top:45px;}
.ipart05  .more .icon{margin-left:10px;display:inline-block; background:url(../images/ipart05_jt.png) no-repeat center; width:17px; height:10px;}
.ipart05  .more:hover .icon{background:url(../images/ipart05_jt2.png) no-repeat center;}
.ipart05 .owl-nav>div{position:absolute; font-size:28px; top:50%; margin-top:-15px; color:#fff;}
.ipart05 .owl-nav .owl-prev{left:0;}
.ipart05 .owl-nav .owl-next{right:0;}

.ipart02{width:100%; position:relative;overflow:hidden; height:662px;}
.ipart02 .content{width:600px; background-repeat:no-repeat; height:662px;}
.ipart02 .ms-left{ width:50%; height:100%; position:absolute; left:0px; top:0px; }
.ipart02 .ms-right{ width:50%; height:100%; position:absolute;  right:1px; }
.ipart02 .ms_wrapper{ height:664px; width:100%}
.ipart02 .ms-left .content{float:right; background-position:right center;}
.ipart02 .ms-right .content{float:left; background-position:left center;}
.ipart02 .content .box{padding:150px 0; position:relative;}
.ipart02 .content .box .tit_en{font-size:100px; color:#d8d3d3; z-index:1; color:rgba(255,255,255,0.1); line-height:1; font-family:Arial; font-weight:bold; position:absolute; top:110px;}
.ipart02 .content .box .title{color:#1c8638; position:relative; z-index:2; font-size:44px; font-weight:bold}
.ipart02 .content .box .tit{font-size:20px; font-weight:bold; color:#fff; position:relative; margin-bottom:40px; margin-top:20px}
.ipart02 .content .box .tit span{color:#e67817;}
.ipart02 .content .box .tit:after{content:''; position:absolute; width:60px; height:1px; background:#b6da7d; bottom:-20px; left:0;}
.ipart02 .content .box .con{width:64%; font-size:16px; color:#fff;}
.ipart02 .content .box .anniu{margin-top:75px;}
.ipart02 .content .box .anniu a{display:inline-block; width:180px; line-height:46px; text-align:center; font-size:16px; transition:.3s ease;}
.ipart02 .content .box .anniu a.btn1{background:#1c8638; color:#fff; margin-right:25px;}
.ipart02 .content .box .anniu a.btn2{background:#fff500; color:#2b2b2b;}
.ipart02 .content .box .anniu a i{ font-size:14px; margin-left:20px}
.ipart02 .content .box .anniu a.btn1:hover{background:#027d35;}
.ipart02 .content .box .anniu a.btn2:hover{background:#e8df03;}
.ipart02 .ms-right .content{position:relative;}
.ipart02 .ms-right .content ul li{position:absolute;}
.ipart02 .ms-right .content ul li.li1{left:12%; top:43%}
.ipart02 .ms-right .content ul li.li2{left:30%; top:78%;}
.ipart02 .ms-right .content ul li.li3{left:30%; top:130%;}
.ipart02 .ms-right .content ul li.li4{left:12%; top:166%;}
.ipart02 .ms-right .content ul li i.icon {width:15px; height:15px; background:#e67817; border-radius:50%; display:inline-block; cursor:pointer; position:relative; z-index:1;}
.ipart02 .ms-right .content ul li .pulse { position:absolute; width:10px; height:10px; left:50%; top:50%; margin-top:-15px; margin-left:-15px; border:10px solid rgba(230,120,23,0.5); border-radius:50%; z-index:1; opacity:0; -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite;animation:warn 2s linear 0s infinite;}
.ipart02 .ms-right .content ul li .pulse01 { position:absolute; width:15px; height:15px; left:50%; top:50%; margin-top:-14px; margin-left:-14px; border:6px solid rgba(230,120,23,0.3); border-radius:50%; z-index:1; opacity:0; -webkit-animation:warn 2s linear 0.4s infinite; -moz-animation:warn 2s linear 0.4s infinite;animation:warn 2s linear 0.4s infinite;}
.ipart02 .ms-right .content ul li .line{display:inline-block; position:relative; top:-5px; left:-5px; width:135px; height:1px; background:rgba(0,0,0,0.1);}
.ipart02 .ms-right .content ul li .txt{display:inline-block; padding-left:20px; font-size:24px; color:#000;}
.ipart02 .ms-left .ms-section{background:#85c226;}
.ipart02 .ms-right .ms-section{background:url(../images/ipart02_right_bg.jpg) no-repeat center; display:flex}
.ipart02 .ms_btn{position:absolute; width:136px; height:45px; bottom:60px; left:50%; margin-left:-68px;}
.ipart02 .ms_btn>div{width:45px; height:45px; display:inline-block; background:url(../images/ipart2_jt.png) no-repeat; cursor:pointer;}
.ipart03{padding:80px 0; position:relative;}
.ipart03:after{content:''; position:absolute; width:1px; height:100%; background:#e5e5e5; left:50%; top:0;}
.ipart03 .title .infor{float:left; position:relative;}
.ipart03 .title .infor .tit{font-weight:normal; font-size:44px; margin-bottom:50px; position:relative; z-index:2;}
.ipart03 .title .infor .tit_en{font-size:100px; color:#f5f5f5; z-index:1; color:rgba(0,0,0,0.06); line-height:1; font-family:Arial; font-weight:bold; position:absolute; top:-14px; left:80px;}
.ipart03 .title .more{float:right; font-size:16px; color:#1c8638; line-height:70px;}
.ipart03 .content .txt .date{float:left; width:15%; font-family: bahnschrift}
.ipart03 .content .txt .date .d{font-size:30px; color:#333; transition:.3s ease;font-family: bahnschrift}
.ipart03 .content .txt .date .y{font-size:34px; color:#1c8638; transition:.3s ease; font-weight:bold; letter-spacing:1px }
.ipart03 .content .txt .infor{float:right; width:81%;}
.ipart03 .content .txt .infor .t{font-size:20px; color:#333; margin-bottom:10px; transition:.3s ease;}
.ipart03 .content .txt .infor .c{font-size:14px; color:#808080; line-height:22px; height:44px; overflow:hidden;}
.ipart03 .content .rect-58{}
.ipart03 .content .rect-58 img{ width:100%}
.ipart03 .content .left{float:left; width:42%;}
.ipart03 .content .left .txt{padding-bottom:40px;}
.ipart03 .content .left:hover .date .d{color:#1c8638;}
.ipart03 .content .left:hover .date .y{color:#1c8638;}
.ipart03 .content .left:hover .infor .t{color:#1c8638;}
.ipart03 .content .right{float:right; width:45.5%;}
.ipart03 .content .item{border-bottom:1px solid #e5e5e5; padding:30px 0;}
.ipart03 .content .item:first-child{padding-top:0;}
.ipart03 .content .item:hover .date .d{color:#1c8638;}
.ipart03 .content .item:hover .date .y{color:#1c8638;}
.ipart03 .content .item:hover .infor .t{color:#1c8638;}
.container {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.container:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.tc {
    text-align: center;
}

.color-white {
    color: white!important;
}

.red {
    color: #fc8080!important;
}

.fz12 {
    font-size: 12px;
}

.fz14 {
    font-size: 14px;
}

.wfs {
    width: 100%;
    position: relative;
}

.index-page .index-title {
    font-size: 16px;
    text-align: center;
    padding: 50px 0;
}

.index-page .index-title h2 {
    font-size: 36px;
}

.index-page .index-title a {
    width: 100px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #DBDCE0;
    text-align: center;
    font-size: 14px;
    display: block;
    margin: 25px auto 0;
    transition: all .2s;
}

.index-page .index-title a:hover {
    background: #F96A69;
    border-color: #F96A69;
    color: #fff;
}

.index-page .banner {
    height: 425px;
    width: 100%;
    overflow: hidden;
    background: #fff;
}

.index-page .banner-slide {
    width: 1920px;
    margin-left: -360px;
}

.index-page .banner-slide .hd {
    position: relative;
    z-index: 10;
    width: 1200px;
    margin: 0 auto;
    height: 0;
    font-size: 0;
}

.index-page .banner-slide .hd ul {
    position: absolute;
    bottom: 22px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    transform: translate(-50%);
}

.index-page .banner-slide .hd li {
    float: left;
    height: 2px;
    width: 60px;
    margin: 0 3px;
    padding: 5px 0;
    position: relative;
    cursor: pointer;
    opacity: .5;
    transition: all .2s;
    overflow: hidden;
    text-indent: 100px;
}

.index-page .banner-slide .hd li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 100%;
    border-bottom: 2px solid #fff;
}

.index-page .banner-slide .hd li.on {
    opacity: 1;
}

.index-page .banner-slide .btn-wrap {
    position: relative;
    z-index: 11;
}

.index-page .banner-slide .btn-wrap a {
    width: 44px;
    height: 80px;
    position: absolute;
    bottom: 172px;
    outline: none;
    transition: all .5s;
    opacity: 0;
    border-radius: 5px;
}

.index-page .banner-slide .btn-wrap .prev {
    left: 0;
    background-position: 12px center;
}

.index-page .banner-slide .btn-wrap .next {
    right: 0;
    background-position: -49px center;
}

.index-page .banner-slide:hover .btn-wrap a {
    opacity: .3;
}

.index-page .banner-slide .btn-wrap a:hover {
    opacity: 1;
}

.index-page .banner-under {
    height: 48px;
    background: rgba(0,0,0,.5);
    position: relative;
    z-index: 10;
    top: -48px;
    overflow: hidden;
}

.index-page .banner-under-text li {
    float: left;
    color: #fff;
    font-size: 16px;
    line-height: 48px;
    margin: 0 58px 0 23px;
}

.index-page .banner-under-text li:before {
    content: "";
    width: 28px;
    height: 48px;
    float: left;
    margin-right: 6px;
}

.index-page .banner-under-text li.item-1:before {
    background-position: -28px center;
}

.index-page .banner-under-text li.item-2:before {
    background-position: -85px center;
}

.index-page .banner-under-text li.item-3:before {
    background-position: -55px center;
}

.index-page .banner-under-text li.item-4:before {
    background-position: 0px center;
}

.index-page .banner-under-text li .num {
    font-size: 24px;
    margin-right: 10px;
    float: left;
}

.index-page .banner-under-text li .plus {
    font-size: 24px;
    margin-right: 10px;
    float: left;
}

.index-page .main-category {
    padding: 0 0 25px 0;
    background: #fff;
}

.index-page .main-category .container-list {
    background-color: #F5F6FA
}

.index-page .main-category .list {
    display: block;
    height: 110px;
    width: 1210px;
    margin: 0 auto;
}

.index-page .main-category .list li {
    float: left;
    padding: 18px 0 20px;
    width: 25%;
}

.index-page .main-category .list li.item-1 {
    border-left: 0 none;
}

.index-page .main-category .list li:before {
    float: left;
    width: 60px;
    height: 60px;
    margin-top: 12px;
    content: "";
    margin-right: 6px;
    margin-left: 26px;
}

.index-page .main-category .list li.item-1:before {
    background-position: 0 0;
}

.index-page .main-category .list li.item-1.on:before {
    background-position: -60px 0;
}

.index-page .main-category .list li.item-2:before {
    background-position: -120px 0;
}

.index-page .main-category .list li.item-2.on:before {
    background-position: -180px 0;
}

.index-page .main-category .list li.item-3:before {
    background-position: -240px 0;
}

.index-page .main-category .list li.item-3.on:before {
    background-position: -300px 0;
}

.index-page .main-category .list li.item-4:before {
    background-position: -360px 0;
}

.index-page .main-category .list li.item-4.on:before {
    background-position: -420px 0;
}

.index-page .main-category .list li .text {
    float: left;
    padding-top: 24px;
    padding-bottom: 15px;
    margin-right: -10px;
}

.index-page .main-category .list li h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 3px;
}

.index-page .main-category .list li.on a h3 {
    color: #fe4d59;
}

.index-page .main-category .list li p {
    font-size: 14px;
    color: #888;
}

.index-page .main-category .bd>li {
    height: 391px;
    padding: 30px 0;
    position: relative
}

.index-page .main-category .bd .col {
    float: left;
    height: 360px;
}

.index-page .main-category .bd h3 {
    font-size: 16px;
    margin: 10px 0;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
}

.index-page .main-category .bd .col li h3 {
    font-weight: normal;
}

.index-page .main-category .bd a:hover h3 {
    color: #333;
}

.index-page .main-category .bd .col-1 h3 {
    font-size: 18px;
    height: 24px;
    line-height: 24px;
    margin-top: 18px;
}

.index-page .main-category .bd .item-4 .col-1 h3 {
    margin-top: 10px;
}

.index-page .main-category .bd p {
    margin: 10px 0;
    color: #888
}

.index-page .main-category .bd .download {
    width: 130px;
    height: 40px;
    border: 1px solid #E5E5E5;
    color: #333;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    display: block;
    margin-right: 15px;
    margin-top: 15px;
    transition: all .2s;
}

.index-page .main-category .bd .download:hover {
    background: #ff5f5f;
    color: #fff;
    border-color: #ff5f5f;
    opacity: .9;
}

.index-page .main-category .bd .col li a {
    width: 360px;
    height: 88px;
    display: inline-block;
    padding: 10px 0 0 25px;
}

.index-page .main-category .bd .col li a:hover {
    background-color: #f5f5f5;
}

.index-page .main-category .bd .col li a:before {
    float: left;
    width: 25px;
    height: 25px;
    margin: 8px 10px 30px 0;
    content: "";
}

.index-page .main-category .bd i {
    margin-top: 2px;
}

.index-page .main-category .bd .col-1 i {
    margin-top: 4px;
}

.index-page .main-category .bd .col-1 {
    width: 30%
}

.index-page .main-category .bd .col-2 {
    width: 40%
}

.index-page .main-category .bd .col-3 {
    width: 30%
}

.index-page .main-category .bd>li:before {
    position: absolute;
    content: "";
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 18px solid #fff;
    top: -18px;
}

.index-page .main-category .bd .item-1:before {
    left: 130px;
}

.index-page .main-category .bd .item-2:before {
    left: 434px;
}

.index-page .main-category .bd .item-3:before {
    left: 726px;
}

.index-page .main-category .bd .item-4:before {
    left: 1036px;
}

.index-page .main-category .bd .item-1 .col-1 h3:nth-child(4) {
    margin-top: 60px
}

.index-page .main-category .bd .col-2 li:nth-child(1) a:before {
    background-position: -183px -63px;
}

.index-page .main-category .bd .col-2 li:nth-child(1) a:hover:before {
    background-position: -213px -63px;
}

.index-page .main-category .bd .col-2 li:nth-child(2) a:before {
    background-position: -3px -93px;
}

.index-page .main-category .bd .col-2 li:nth-child(2) a:hover:before {
    background-position: -33px -93px;
}

.index-page .main-category .bd .col-2 li:nth-child(3) a:before {
    background-position: -3px -123px;
}

.index-page .main-category .bd .col-2 li:nth-child(3) a:hover:before {
    background-position: -33px -123px;
}

.index-page .main-category .bd .col-2 li:nth-child(4) a:before {
    background-position: -3px -153px;
}

.index-page .main-category .bd .col-2 li:nth-child(4) a:hover:before {
    background-position: -33px -153px;
}

.index-page .main-category .bd .col-3 li:nth-child(1) a:before {
    background-position: -63px -63px;
}

.index-page .main-category .bd .col-3 li:nth-child(1) a:hover:before {
    background-position: -93px -63px;
}

.index-page .main-category .bd .col-3 li:nth-child(2) a:before {
    background-position: -63px -93px;
}

.index-page .main-category .bd .col-3 li:nth-child(2) a:hover:before {
    background-position: -93px -93px;
}

.index-page .main-category .bd .col-3 li:nth-child(3) a:before {
    background-position: -63px -123px;
}

.index-page .main-category .bd .col-3 li:nth-child(3) a:hover:before {
    background-position: -93px -123px;
}

.index-page .main-category .bd .col-3 li:nth-child(4) a:before {
    background-position: -63px -153px;
}

.index-page .main-category .bd .col-3 li:nth-child(4) a:hover:before {
    background-position: -93px -153px;
}

.index-page .main-category .jq-div {
    margin-top: 70px;
}

.index-page .main-category .jq-div:before {
    float: left;
    width: 18px;
    height: 16px;
    margin: 1px 3px 0 0;
    content: "";
}

.index-page .main-category .jq-div .jq-qq {
    color: #f75a5a;
}

.index-page .main-category .bd .item-2 .col-2 li:nth-child(1) a:before {
    background-position: -123px -63px;
}

.index-page .main-category .bd .item-2 .col-2 li:nth-child(1) a:hover:before {
    background-position: -153px -63px;
}

.index-page .main-category .bd .item-2 .col-2 li:nth-child(2) a:before {
    background-position: -123px -93px;
}

.index-page .main-category .bd .item-2 .col-2 li:nth-child(2) a:hover:before {
    background-position: -153px -93px;
}

.index-page .main-category .bd .item-2 .col-2 li:nth-child(3) a:before {
    background-position: -123px -123px;
}

.index-page .main-category .bd .item-2 .col-2 li:nth-child(3) a:hover:before {
    background-position: -153px -123px;
}

.index-page .main-category .bd .item-2 .col-2 li:nth-child(4) a:before {
    background-position: -123px -153px;
}

.index-page .main-category .bd .item-2 .col-2 li:nth-child(4) a:hover:before {
    background-position: -153px -153px;
}

.index-page .main-category .bd .item-2 .col-3 li:nth-child(1) a:before {
    background-position: -183px -63px;
}

.index-page .main-category .bd .item-2 .col-3 li:nth-child(1) a:hover:before {
    background-position: -213px -63px;
}

.index-page .main-category .bd .item-2 .col-3 li:nth-child(2) a:before {
    background-position: -183px -93px;
}

.index-page .main-category .bd .item-2 .col-3 li:nth-child(2) a:hover:before {
    background-position: -213px -93px;
}

.index-page .main-category .bd .item-2 .col-3 li:nth-child(3) a:before {
    background-position: -183px -123px;
}

.index-page .main-category .bd .item-2 .col-3 li:nth-child(3) a:hover:before {
    background-position: -213px -123px;
}

.index-page .main-category .bd .item-2 .col-3 li:nth-child(4) a:before {
    background-position: -183px -153px;
}

.index-page .main-category .bd .item-2 .col-3 li:nth-child(4) a:hover:before {
    background-position: -213px -153px;
}

.index-page .main-category .bd .item-3 .col-1 h3:nth-child(4) {
    margin-top: 35px
}

.index-page .main-category .bd .item-3 .jq-div {
    margin-top: 23px;
}

.index-page .main-category .bd .item-3 .jq-div p {
    margin: 0;
    margin-top: 4px;
    font-size: 12px;
    color: #999;
}

.index-page .main-category .item-3 .jq-div:before {
    margin-bottom: 12px;
}

.index-page .main-category .bd .item-3 .btn-2 a {
    width: 100px;
    height: 38px;
    line-height: 37px;
    display: inline-block;
    margin-top: 5px;
}

.index-page .main-category .bd .item-3 .btn-2 a:nth-child(1) {
    background: #ff5f5f;
    color: #fff;
    border-color: #ff5f5f;
    opacity: .9;
}

.index-page .main-category .bd .item-3 .col-2 li:nth-child(1) a:before {
    background-position: -243px -63px;
}

.index-page .main-category .bd .item-3 .col-2 li:nth-child(1) a:hover:before {
    background-position: -273px -63px;
}

.index-page .main-category .bd .item-3 .col-2 li:nth-child(2) a:before {
    background-position: -243px -93px;
}

.index-page .main-category .bd .item-3 .col-2 li:nth-child(2) a:hover:before {
    background-position: -273px -93px;
}

.index-page .main-category .bd .item-3 .col-2 li:nth-child(3) a:before {
    background-position: -243px -123px;
}

.index-page .main-category .bd .item-3 .col-2 li:nth-child(3) a:hover:before {
    background-position: -273px -123px;
}

.index-page .main-category .bd .item-3 .col-2 li:nth-child(4) a:before {
    background-position: -243px -153px;
}

.index-page .main-category .bd .item-3 .col-2 li:nth-child(4) a:hover:before {
    background-position: -273px -153px;
}

.index-page .main-category .bd .item-3 .col-3 li:nth-child(1) a:before {
    background-position: -303px -62px;
}

.index-page .main-category .bd .item-3 .col-3 li:nth-child(1) a:hover:before {
    background-position: -333px -63px;
}

.index-page .main-category .bd .item-3 .col-3 li:nth-child(2) a:before {
    background-position: -303px -93px;
}

.index-page .main-category .bd .item-3 .col-3 li:nth-child(2) a:hover:before {
    background-position: -333px -93px;
}

.index-page .main-category .bd .item-3 .col-3 li:nth-child(3) a:before {
    background-position: -303px -123px;
}

.index-page .main-category .bd .item-3 .col-3 li:nth-child(3) a:hover:before {
    background-position: -333px -123px;
}

.index-page .main-category .bd .item-3 .col-3 li:nth-child(4) a:before {
    background-position: -303px -153px;
}

.index-page .main-category .bd .item-3 .col-3 li:nth-child(4) a:hover:before {
    background-position: -333px -153px;
}

.index-page .main-category .bd .item-4 .col-1 {
    width: 35%
}

.index-page .main-category .bd .item-4 .col-2 {
    width: 34%
}

.index-page .main-category .bd .item-4 .col-3 {
    width: 31%
}

.index-page .main-category .bd .item-4 .col-1 li:nth-child(1) a:before {
    background-position: -363px -61px;
}

.index-page .main-category .bd .item-4 .col-1 li:nth-child(1) a:hover:before {
    background-position: -393px -63px;
}

.index-page .main-category .bd .item-4 .col-1 li:nth-child(2) a:before {
    background-position: -363px -91px;
}

.index-page .main-category .bd .item-4 .col-1 li:nth-child(2) a:hover:before {
    background-position: -393px -93px;
}

.index-page .main-category .bd .item-4 .col-2 li:nth-child(1) a:before {
    background-position: -363px -123px;
}

.index-page .main-category .bd .item-4 .col-2 li:nth-child(1) a:hover:before {
    background-position: -393px -123px;
}

.index-page .main-category .bd .item-4 .col-2 li:nth-child(2) a:before {
    background-position: -363px -153px;
}

.index-page .main-category .bd .item-4 .col-2 li:nth-child(2) a:hover:before {
    background-position: -393px -153px;
}

.index-page .main-category .bd .item-4 .col-3 li:nth-child(1) a:before {
    background-position: -423px -63px;
}

.index-page .main-category .bd .item-4 .col-3 li:nth-child(1) a:hover:before {
    background-position: -453px -63px;
}

.index-page .main-category .bd .item-4 .col-3 li:nth-child(2) a:before {
    background-position: -423px -95px;
}

.index-page .main-category .bd .item-4 .col-3 li:nth-child(2) a:hover:before {
    background-position: -453px -93px;
}

.index-page .solution {
    width: 100%;
    overflow: hidden;
    padding-bottom: 63px;
}

.index-page .solution .swiper-container {
    width: 1730px;
    margin-left: -265px;
}

.index-page .solution .swiper-slide {
    width: 330px;
    height: 420px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.index-page .solution .swiper-slide .img img {
    width: 330px;
    height: 420px;
    transition: all .4s;
}

.index-page .solution .swiper-slide:hover .img img {
    transform: scale(1.05);
}

.index-page .solution .swiper-slide .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    padding: 0 21px;
}

.index-page .solution .swiper-slide-active .text, .index-page .solution .swiper-slide-duplicate-active .text {
    display: none;
}

.index-page .solution .swiper-slide .text h3 {
    font-size: 24px;
    margin-top: 350px;
}

.index-page .solution .swiper-slide .text p {
    font-size: 14px;
    margin-top: 6px;
}

.index-page .solution .swiper-slide .extra {
    position: absolute;
    z-index: 2;
    background: rgba(0,0,0,.8);
    top: 204px;
    bottom: 0;
    padding: 0 20px;
    text-align: center;
    -webkit-transform: translate(0,420px);
    -moz-transform: translate(0,420px);
    transform: translate(0,420px);
    transition: all .2s;
}

.index-page .solution .swiper-slide .extra h3 {
    font-size: 24px;
    margin: 30px 0 20px;
    color: #fff;
}

.index-page .solution .swiper-slide .extra p {
    font-size: 14px;
    color: #888;
    margin-bottom: 22px;
    line-height: 25px;
    color: #fff;
}

.index-page .solution .swiper-slide .extra .btn-wrap {
    overflow: hidden;
    padding-left: 6px;
}

.index-page .solution .swiper-slide .extra .btn-wrap a {
    float: left;
    width: 130px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border: 1px solid #fff;
    margin-right: 16px;
    transition: all .2s;
    font-size: 14px;
}

.index-page .solution .swiper-slide .extra .btn-wrap a:hover {
    background: #F96A69;
    color: #fff;
    border-color: #F96A69
}

.index-page .solution .swiper-slide .extra .btn-wrap a.btn-2 {
    background: #fff;
    color: #000;
    margin-right: 0;
}

.index-page .solution .swiper-slide .extra .btn-wrap a.btn-2:hover {
    background: #F96A69;
    color: #fff;
}

.index-page .solution .swiper-slide-active .extra, .index-page .solution .swiper-slide-duplicate-active .extra {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    transform: translate(0,0);
}

.index-page .solution-more {
    height: 600px;
    background: #151515;
    width: 100%;
    overflow: hidden;
}

.index-page .solution-more-slide .container {
    height: 600px;
    position: relative;
}

.index-page .solution-more-slide .hd {
    width: 50%;
    position: absolute;
    z-index: 2;
   
    height: 600px;
    right: 0;
    top: 0;
    color: #fff;
}

.index-page .solution-more-slide .hd ul {
   
}

.index-page .solution-more-slide .hd li {
    height: 200px;
   
    position: relative; background:url(../images/black.2.png) center;
    cursor: default;
    transition: all .5s;
    cursor: pointer
}

.index-page .solution-more-slide .hd li:after {
    content: "";
    width: 80%;
   
    position: absolute;
    left: 10%;
    bottom: 0;
}

.index-page .solution-more-slide .hd li i { padding:80px 50px;
    float: left; font-size:60px;
   
    position: relative;
    z-index: 2;
    transition: all .2s; color:#fff
}


.index-page .solution-more-slide .hd li:before {
    background: #fd7d7d;
    /* Old browsers */
    background:url(../images/white90.png) center;
    /* FF3.6-15 */
    background: url(../images/white90.png) center;
    /* Chrome10-25,Safari5.1-6 */
    background: url(../images/white90.png) center;
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd7d7d', endColorstr='#f05251',GradientType=1 );
    /* IE6-9 */
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 0;
    transition: all .2s;
}
.index-page .solution-more-slide .hd li.on i{ color:#1c8638}
.index-page .solution-more-slide .hd li.on .text h3{ color:#000}
.index-page .solution-more-slide .hd li.on .text p{ color:#535353}
.index-page .solution-more-slide .hd li:hover .text h3{ color:#000}
.index-page .solution-more-slide .hd li:hover .text p{ color:#535353}

.index-page .solution-more-slide .hd li:hover i{ color:#1c8638}
.index-page .solution-more-slide .hd li.on:before {
    width: 100%;
}

.index-page .solution-more-slide .hd li.on:after {
    display: none;
}

.index-page .solution-more-slide .hd .text { padding:60px 20px 30px 120px;
    position: relative;
    z-index: 2;
}

.index-page .solution-more-slide .hd .text h3 {
    font-size: 22px;
    margin-bottom: 15px; font-weight:normal; color:#fff
}

.index-page .solution-more-slide .hd .text p {
    font-size: 14px;
    color: #fff;
  
}
.index-page .solution-more-slide .bd .inner .infor{ position:relative}
.index-page .solution-more-slide .bd .inner .infor .tit_en{position:absolute; top:0; font-size:100px; color:#d8d3d3; z-index:1; color:rgba(255,255,255,0.1); font-family: bahnschrift; text-transform:uppercase; line-height:1; top:-40px}
.index-page .solution-more-slide .bd .inner .infor .title{color:#fff; margin:50px 0 40px; position:relative; z-index:2; font-size:40px}
.index-page .solution-more-slide .bd {
    width: 1920px;
    margin-left: -360px;
}

.index-page .solution-more-slide .bd li.item-1 {
    background: url("../images/page1.jpg") no-repeat center top;
}

.index-page .solution-more-slide .bd li.item-2 {
    background: url("../images/page2.jpg") no-repeat center top;
}

.index-page .solution-more-slide .bd li.item-3 {
    background: url("../images/page3.jpg") no-repeat center top;
}


.index-page .solution-more-slide .bd .inner {
    padding-right: 630px;
    padding-top: 73px;
    color: #fff;
}

.index-page .solution-more-slide .bd h2 {
    font-size: 22px;
    margin-bottom: 38px; line-height:32px
}

.index-page .solution-more-slide .bd .intro {
    font-size: 14px;
    margin-bottom: 40px;
}

.index-page .solution-more-slide .bd .intro dt {
    margin-bottom: 10px;
}

.index-page .solution-more-slide .bd .intro dd {
    color: #999;
    margin-bottom: 20px;
    line-height: 1.8;
}

.index-page .solution-more-slide .bd .btn-wrap {
    overflow: hidden;
    margin-bottom: 40px;
}

.index-page .solution-more-slide .bd .btn-wrap a {
    width: 130px;
    height: 40px;
    border: 1px solid #fff;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    float: left;
    margin-right: 15px;
    transition: all .2s;
}

.index-page .solution-more-slide .bd .btn-wrap a.btn-2 {
    background: #fff;
    color: #000;
}

.index-page .solution-more-slide .bd .btn-wrap a:hover {
    background: #1c8638;
    color: #fff;
    border-color: #1c8638;
    opacity: .9;
}

.index-page .solution-more-slide .bd .btn-wrap a.btn-2:hover {
    background: #1c8638;
    color: #fff;
    border-color: #ff5f5f;
    opacity: .9;
}

.index-page .solution-more-slide .bd .example h3 {
    margin-bottom: 15px;
}

.index-page .solution-more-slide .bd .example li {
    float: left;
    margin-right: 20px;
    width: 200px;
}

.index-page .solution-more-slide .bd .example li img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}

.index-page .video .inner {
    display: block;
    cursor: pointer;
}
.foot_top{position:relative; padding:70px 0;}
.foot_top:before{content:''; position:absolute; width:50%; height:100%; top:0; left:0; background:#333230;}
.foot_top:after{content:''; position:absolute; width:50%; height:100%; top:0; right:0; background:#1c8638;}
.foot_top .content{position:relative; z-index:1;}
.foot_top dl{float:left; width:18%;}
.foot_top dl.dl3{width:20%;}
.foot_top dl.dl4{width:20%;}
.foot_top dl.dl5{width:23%;}
.foot_top dl dt{font-size:20px; color:#fff; margin-bottom:15px;}
.foot_top dl dd{font-size:14px; color:#fff; color:rgba(255,255,255,0.6); line-height:30px;}
.foot_top dl.dl5 dd{color:#fff;}
.foot_top dl a:hover{color:#008e3b;}
/* .foot_top dl.dl4 a:hover{color:#fff; color:rgba(255,255,255,0.6);} */
.foot_top dl.dl5 a:hover{color:#fff; color:rgba(255,255,255,0.6);}
.foot_top .share{margin-top:55px; position:relative;}
.foot_top .share:after{content:''; position:absolute; width:100%; height:1px; top:-25px; left:0; background:#fff; background:rgba(255,255,255,0.1)}
.foot_top .share a{display:inline-block; width:54px; height:54px; background:url(../img/foot_share.png) no-repeat;
	padding:0; float:none;margin-right:15px; vertical-align:text-bottom; transition:0s;}
.foot_top .share a.bds_weixin{background-position:0 0;}
.foot_top .share a.bds_tsina{background-position:-54px 0;}
.foot_top .share a.ewm{background-position:-108px 0;}
.foot_top .share .img{display:none; position:absolute; top:-175px;}
.foot_top .share .img1{ left:0;}
.foot_top .share .img2{ left:100px;}
.foot_bottom{background:#2a2a2a; color:#fff; font-size:13px; line-height:28px; padding:6px 0;}
.foot_bottom .left{float:left;color:#fff;}
.foot_bottom .right{float:right;color:#fff;}
.foot_bottom a{ color:#fff}

.inner-ban {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding-top: 18%;
  position: relative;
}

.inner-ban .pad {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.inner-ban .wrap1400 {
  position: relative;
}

.inner-ban .con {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}
.inner-ban .con p{ font-size:16px; color:#fcfcfc; width:40%; margin-bottom:10px; margin-top:20px}
.inner-ban .t2 h3 {
  font-weight: bold;
  font-size:40px;
  line-height: 1.2;
  color: #fff; margin-bottom:10px
}

.inner-ban .t2 h4 {
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.inner-ban .t2 i{ color:#1c8638}
.con-news {
    padding: 60px 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-bottom: 1px solid #eee; background:url(../images/bg3.png)
}


.con-news .zdMore {
    margin-top: 24px;
}

.con-news .zdMore .more1 {
    width: 158px;
    padding: 0 24px;
    font-size: 18px;
    height: 50px;
    line-height: 50px; background:#1c8638; border-radius:30px; color:#fff; text-align:center
}

.con-news .zdMore .more1:hover svg {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

.news2-list {
 
}
.news2-list li {

  margin-bottom: 40px;
  cursor: pointer; width:49%; float: left; margin-right:2%
}
.news2-list li:hover h4{ color:#1c8638}
.news2-list li:nth-child(2n){ margin-right:0px}
.news2-list .inner {
  background: #f4f4f4;
 
  padding: 20px 0px;
  overflow: hidden;
  transition: 0.3s;
}
.news2-list .date {
  width:20%;
  text-align: center; padding-bottom:15px; 
 
 
  border-right: 1px solid #e5e5e5;
  float:left
}
.news2-list .date b {
  font-size: 48px;
  line-height: 1.4;
}
.newsBox{ overflow:hidden}
.news2-list .date p {
  color: #999999; font-size:16px
}
 .news2-list .inner .content {
   
  }
  .news2-list .info {
    color: #999;
    line-height: 24px;
    height: 48px;
    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 { width:71%; margin-left:4%; float:left; padding-right:4%
  }
    .news2-list li {
  
    border-bottom: 1px solid #e1e1e1;
    padding: 0;
  }
  .news2-list .date2 {
    color: #bbb;
    font-size: 0.95em;
    margin: 0.5em 1em 0.25em 0;
  }
  .news2-list h4 {
    margin: 5px 0 10px 0;
    font-size: 18px;
    line-height: 1.3;
  }
  .news2-list h4:after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    background-color: #e1e1e1;
    margin-top: 1em;
  }
  .news2-list .more3 {
    display: inline-block;
    margin-top: 0.8em;
    color: #D9A300;
    border-bottom: 1px dotted #fff;
  }
  .news2-list .info {
    color: #666;
    font-size: 15px;
    line-height: 22px;
  }
  .contact {
    background-image: url(../images/bg1.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}


.newsTop {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 28px;
    padding-bottom:40px ;
}

.newsTop_a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.newsTop_a>div {
    width: 48%;
}

.newsTop_img {
    background: #eee;
    position: relative;
    padding-top: 28%;
    border-radius: 6px;
    overflow: hidden;
}

.newsTop_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    overflow: hidden;
}

.newsTop_txt {
    padding-left: 4%;
}

.newsTop_time {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.newsTop_time span {
    font-weight: bold;
    font-size: 60px;
    letter-spacing: 0;
    line-height: 1;
}

.newsTop_num {
    color: #999;
    display: flex;
    align-items: flex-end;
    line-height: 1;
}

.newsTop_num span {
    display: inline-block;
    vertical-align: bottom;
    font-weight: 400;
    margin: 0 6px;
}

.newsTop_num .newsTop_num_all {
    font-size: 18px;
}

.newsTop_time p {
    font-size: 24px;
    margin-bottom: 28px;
    line-height: 1;
    color: #999;
}

.newsTop .newsA_tit {
    border-bottom: 0;
    padding: 0;
    white-space: normal;
    font-size: 24px;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis; margin:15px 0px
}

.newsTop .newsA_tit::before {
    content: none;
}

.newsTop_btn {
    text-align: right;
}

.newsTop_btn .zdMore {
    display: inline-block;
    margin-top: 62px;
}

.news .zdMore .more1{}

.newsA_p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999;
    font-size: 15px;
    line-height: 1.8;
    height: 52px;
    letter-spacing: 0.5px;
}
.com_con{
 
  background-size: 100%;
  position: relative; padding-top:60px
}
.com_con .joi_hint> span::after{
  display: none;
}
.joi_hint> span{ position:relative; font-weight:700; line-height:3.5; display:block; font-size:30px}
.com_con .joi_hint{
  float: none;
  width: 90%; margin-left:10%; color:#000; position:relative
}
.com_con .tea_case{
  width: 1200px; margin:0px auto
}
.joi_hint > img{ position:absolute; left:-130px; bottom:20px}
.com_img_case{
  margin-top: 10px;
  margin-bottom: 10px;
 
 
  position: relative;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
  -webkit-box-shadow: 0 0 60px rgba(30, 46, 63, .36);
  -moz-box-shadow: 0 0 60px rgba(30, 46, 63, .36);
  box-shadow: 0 0 60px rgba(30, 46, 63, .36);
  overflow: hidden;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.com_img_case .swiper-container{
  overflow: initial;
}
.com_img_case .swiper-slide > div img{
  display: block;
  width: 100%;
}.com_info_case p{
  padding-top: 25px;
  line-height: 30px;
  font-size: 18px;
  color: #56575a;
  text-align: justify;
}
.com_info_case p.fw_b{
  color: #000;
}.com_title{
  position: absolute;
  color: #dde0e2;
  line-height: 1;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
  left: 99.5%;
  top: 40px;
  white-space: nowrap;
  transform: rotate(90deg);
}.sha_bias{
  width: 16.1459%;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background:url(../images/banner-bg2.png) center repeat;
  pointer-events: none;
}.com_info_case{
  padding-bottom:10px;
  position: relative;
}.com_info_case p{
  padding-top: 15px;
  line-height: 30px;
  font-size: 16px;
  color: #56575a;
  text-align: justify;
}
.com_info_case p.fw_b{
  color: #000;
}

.about-section4 {
  position: relative;
  margin: 60px 0 60px;
}

.about-section4 .flexbox .img-box {
  position: relative;
  overflow: hidden;
  flex: 0 0 50%;
  min-width: 50%;
  height: 520px;
}
.about-section4 .flexbox .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-section4 .flexbox .infobox {
  padding: 0 0 0 80px;
}
.about-section4 .flexbox {
  display: flex;
  align-items: center;
  background: #f8f8f8;
}
.about-section4 .flexbox .infobox h2 {
  font-size: 60px;
  color: #1c8638;
  font-family: bahnschrift;
  margin: 0 0 15px;
  line-height: 1;
}
.about-section4 .flexbox .infobox .tit {
  position: relative;
  font-size: 30px;
  color: #333;
  margin: 0 0 45px;
}

.about-section4 .flexbox .infobox .des {
  color: #333;
  font-size: 14px;
  line-height: 2;
}

.about-section4 .flexbox .infobox .des span {
  font-size: 18px;
  color: #1c8638;
  font-weight: bold;
}

.about-section5 {
  margin: 0 0 60px;
}

.about-section5 .flexbox {
  display: flex;
  align-items: center;
}

.about-section5 .flexbox .leftbox {
  padding: 0 70px 0 0;
}

.about-section5 .flexbox .leftbox .group {
  margin: 0 0 30px;
}

.about-section5 .flexbox .leftbox .group h4 {
  font-size: 30px;
  color: #333;
  margin: 0 0 22px;
}

.about-section5 .flexbox .leftbox .group p {
  font-size: 14px;
  color: #666;
  line-height: 2;
}

.about-section5 .flexbox .leftbox .group2 {
  margin: 0 0 40px;
}

.about-section5 .flexbox .leftbox .group2:last-child {
  margin: 0;
}
.about-section5 .flexbox .leftbox .group2 h4 {
  font-size: 18px;
  color: #fff;
  display: inline-block;
  border-radius: 30px;
  background: #1c8638;
  margin: 0 0 12px;
  padding: 8px 18px;
}

.about-section5 .flexbox .leftbox .group2 p {
  font-size: 14px;
  color: #666;
  line-height: 2;
}

.about-section5 .flexbox .rightbox {
  position: relative;
  overflow: hidden;
  flex: 0 0 50%;
  min-width: 50%;
  height:786px;
}

.about-section5 .flexbox .rightbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.channel_content{min-height:300px; padding:50px 0 80px;}
.contact_us01 .content{margin-top:20px;}
.contact_us01 .content .left{float:left; width:65%;}
.contact_us01 .content .left .map{height:559px;}
.contact_us01 .content .left .map img{max-width:none;}
.contact_us01 .content .right{float:right; width:32.75%; background:#1c8638;}
.contact_us01 .content .right .box{padding:65px 30px 40px;}
.contact_us01 .content .right .box .t{font-size:28px; color:#fff; font-weight:bold; margin-bottom:16px;}
.contact_us01 .content .right .box .c dd{font-size:15px; color:#fff; line-height:30px;}
.contact_us01 .content .right .box .ewm{margin-top:37px;}
.contact_us01 .content .right .box .ewm .item{float:left;}
.contact_us01 .content .right .box .ewm .item01{margin-right:27px;}
.contact_us01 .content .right .box .ewm .item .text{text-align:center; color:#fff; line-height:25px; font-size:15px;}
.contact_us01 .content .right .box .ewm .item .text_t{margin-top:10px;}
.contact_us02{padding:60px 0 30px;}
.contact_us02 .tit{text-align:center; font-size:35px; color:#3e3e3e; line-height:1; margin-bottom:20px;}
.contact_us02 .info{text-align:center; font-size:18px; color:#666; line-height:24px; margin-bottom:15px; ;}
.contact_us02 .info span{color:#e67817; font-size:18px; font-family:Arial; font-weight:bold;}
.contact_us02 .form{width:1050px;margin:45px auto 0;}
.contact_us02 .form input{border:1px solid #d5d5d5; font-size:16px;  height:40px; width:98%; margin-bottom:20px; padding-left:2%}
.contact_us02 .name{background:url("..../images/contact_us02_1.png") no-repeat right 0;}
.contact_us02 .phone{background:url("..../images/contact_us02_2.png") no-repeat right 0;}
.contact_us02 .line1{width:80%; height:48px; line-height:48px; padding:0 46px 0 13px;}
.contact_us02 .form textarea{width:98%; border:1px solid #d5d5d5; height:149px; font-size:16px; line-height:1.5;  background:transparent url("..../images/contact_us02_4.png") no-repeat right top; padding-left:2%; margin-bottom:20px;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}
.contact_us02 .form .btns_list{text-align:center;}
.contact_us02 .form .btns_list button{width:45%; height:45px; line-height:43px; border:none; font-size:18px; color:#fff; cursor:pointer;}
.contact_us02 .form .btns_list .sub{background-color:#848484; float:left;}
.contact_us02 .form .btns_list .reset{background-color:#848484; float:right;}
.contact_us02 .form .btns_list .btns{ transition:.3s ease;}
.contact_us02 .form .btns_list .on{background-color:#008e3b;}
.contact_us02 .form .btns_list .btns:hover{background-color:#008e3b;}
.contact_us02 .yzm_box{width:50%;}
.contact_us02 .btns_list{width:50%;}
.contact_us02 .yzm_box .yzm{line-height:46px; height:46px; width:30%; text-indent:20px; margin-right:25px;}
.contact_us02 .yzm_box img{width:120px; height:50px; margin-right:10px;}
.contact_us02 .yzm_box .change{color:#40535a; font-size:12px; vertical-align:bottom;}                       
body .contact_us02 .select-ui-choose-default{border-radius:0; width:100%; border:1px solid #d5d5d5; height:48px; line-height:48px;}
body .contact_us02 .select-ui-choose ._arrow .arr{left:-6px;}
body .contact_us02 .select-ui-options-default li:hover{background:#e75411;}  
body .select-ui-choose-default ._txt{font-size:16px;}
.text_c{ color:#fff;}
.text_t{ color:#fff;}

.news_detail.channel_content{padding:0; display:block; }
.news_detail01{background:#f3f5f9;padding:60px 0px;overflow:hidden}
.news_detail01 .rect-1332{padding-bottom:133.2%;}
.news_detail01 .left{width:70.3399%;}
.news_detail01 .left .box{background:#fff; padding:4% 4%;}
.news_detail01 .left .box .tit{font-size:30px; color:#000; margin-bottom:10px;}
.news_detail01 .left .box .tools{margin-bottom:40px; line-height:20px;}
.news_detail01 .left .box .tools span{display:inline-block; *display:inline; *zoom:1; font-size:14px;color:#5a5a5a;}
.news_detail01 .left .box .tools .date{margin-right:20px;}
.news_detail01 .left .box .tools .switcher .title{display:inline-block; *display:inline; *zoom:1;vertical-align:middle;}
.news_detail01 .left .box .news_text{font-size:14px;}
.news_detail01 .left .box .news_text p{  font-size:16px; line-height:2}
.news_detail01 .right{width:28%;}
.news_detail01 .right .box .arrs{display:block; background:#fff; padding:8%; margin-bottom:14px; color:#666;}
.news_detail01 .right .box .arrs .title{font-size:18px; color:#000; margin-bottom:10px;}
.news_detail01 .right .box .arrs .tit{font-size:14px;}
.news_detail01 .right .box .arrs .time{font-size:14px; padding-top:6px; display:block;}
.news_detail01 .right .box .arrs:hover{color:#fff; background:#1c8638;}
.news_detail01 .right .box .arrs:hover .title{color:#fff;}
.news_detail01 .right .box .arrs:hover .tit{ color:#fff}
.news_detail01 .right .box .share_box{background:#fff; padding:8%;}
.news_detail01 .right .box .share_box .share_title{font-size:18px; color:#000; margin-bottom:10px;}
.news_detail01 .right .box .share_box .black_list{display:block; width:100%; height:42px; line-height:42px; background:#1c8638; text-align:center; font-size:18px; color:#fff;}
.news_detail01 .right .box .share_box .news_share{padding:10px 0px;}
.news_detail01 .right .box .share_box .news_share a{width:45px; height:45px; display:inline-block; cursor:pointer;line-height:40px; border-radius:50%; background:url(../img/news_share.png) no-repeat; padding:0; margin:0; margin-right:11px;}
.news_detail01 .right .box .share_box .news_share a.bds_sqq{background-position:0 0;}
.news_detail01 .right .box .share_box .news_share a.bds_weixin{background-position:-45px 0;}
.news_detail01 .right .box .share_box .news_share a.bds_tsina{background-position:-90px 0;}
.news_detail01 .right .box .share_box .news_share a.bds_sqq:hover{background-position:0 -45px;}
.news_detail01 .right .box .share_box .news_share a.bds_weixin:hover{background-position:-45px -45px;}
.news_detail01 .right .box .share_box .news_share a.bds_tsina:hover{background-position:-90px -45px;}
.news_detail01 .right .news_zhuanti{margin-top:20px;}
.news_detail01 .right .news_zhuanti .zhuanti_btn{width:69%; height:40px; line-height:40px; text-align:center; background:#1c8638; color:#fff; font-size:18px; position:absolute; left:15%; right:15%; bottom:76px;}
.news_detail01 .right .xgxw{ border:10px solid #f0f0f0; padding:20px; min-height:inherit; background:#fff }
.news_detail01 .right .xgxw h1{ font-size:18px; color:#000}
.news_detail01 .right .xgxw h2{font-size: 16px; color:#727272; line-height:2; margin-bottom:10px; height:auto; overflow:hidden; transition:all .3s ease;}
.news_detail01 .right .xgxw p{ font-size:14px; color:#999}
.news_detail01 .right .xgxw  ul li{  overflow:hidden; padding:25px 0px; border-top:1px solid #f0f0f0}
.news_detail01 .right .xgxw  ul li:first-child{ border-top:0}
.news_detail01 .right .xgxw  ul li:hover h2{ color:#1c8638}
.tj-pro{ padding-top:50px}
.tj-pro ul{ overflow:hidden; padding-top:20PX}
.tj-pro ul li{ width:32%; margin-right:2%; margin-top:10px; float:left}
.tj-pro ul li p{ background:#f0f0f0; margin:0px; height:50px; line-height:50px; text-align:center}
.tj-pro ul li:nth-child(3N){ margin-right:0px}

.tj-pro ul li img{ width:100%}
.tj-pro .infor{text-align:center; position:relative;}
.tj-pro .infor .tit{font-size:30px; color:#323232; margin-bottom:25px; position:relative; z-index:2; font-weight:bold}
.tj-pro .infor .tit_en{font-size:100px;  color:rgba(0,0,0,0.03);line-height:1; z-index:1; font-family:Arial;font-weight:bold; text-transform:uppercase; position:absolute; width:100%; text-align:center; top:-34px;}
.container p img{ max-width:100%}

.ny_top{border-bottom: 1px solid #eae8e8;padding: 25px 0px;}
.ny_topnav ul li a{font-size: 16px;
	
	display: block;
	padding-bottom: 25px;
	margin-bottom: -25px;
	color: #5e5e5e;
}
.ny_topnav ul .ontwo a{border-bottom: 3px solid #1c8638;
	color: #1c8638;
	font-weight: bold;
}
.ny_topnav ul li{display: inline-block;margin-right: 60px;}

.mbx a{font-size: 12px;color: #999999;}
.mbx a:hover{color:#1c8638}
.mbx{font-size: 12px;color: #999999;}
.mbx .last{color: #1c8638;}
.mbx img{margin-right: 20px;}