@charset "utf-8";
.boxs{
		    text-align: center;
		    overflow: hidden;
		    position: relative;
		}
.boxs:before{
		    content: "";
		    width: 0;
		    height: 100%;
		    background: #000;
		    padding: 14px 18px;
		    position: absolute;
		    top: 0;
		    left: 50%;
		    opacity: 0;
		    transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
		}
		.boxs:hover:before{
		    width: 100%;
		    left: 0;
		    opacity: 0.5;
		}

#cnzz_stat_icon_1270895738 {display: none;}
.nav2 {position: absolute;top: 65px;left: 0;background:rgba(0,0,0,0.6);width: 100%;display: none;padding-bottom: 24px;}


i{font-style:normal;}
.nav3{display:none;}
i,em {font-style: normal;}
.content,
.footer {
        width: 1200px;
        margin: 0 auto;
    }
    

.header {max-width: 1200px;margin: 0 auto;font-family: "Microsoft YaHei";}
.liaowjwidth {width: 1000px;margin: 0 auto;}
.topWrap {height: 65px;top: 0; width: 100%;z-index: 9999;position:fixed; /* 绝对定位，fixed是相对于浏览器窗口定位。 */
    top:0; /* 距离窗口顶部距离 */
    left:0; /* 距离窗口左边的距离 */
background:rgba(0,0,0,0.6);}
.topWrap h5 {height: 32px;overflow: hidden;}
.topWrap h5 span {color: #333333;font-size: 12px;line-height: 38px;display: block;}
.topWrap h5 a {color: #333333;display: inline-block;}
.topWrap h5 img {vertical-align: middle;margin-right: 5px;}
.fz {width: 310px;float: left;overflow: hidden;}
.fz select {width: 180px;height: 22px;border: 1px solid #dedede;margin-top: 6px;font-size: 12px;color: #333333; background: none;}
.fz select option {font-size: 12px;}
.topc {height: 88px;}
.topWrap h2 {width: 150px;float: left;height: 60px;overflow: hidden;margin-top:3px;}
.topWrap h2 img {display: block;width: 145px;height: 45px;margin-top: 10px;}
.topWrap h3 {margin:15px 0 0 13px;padding: 0 0 0 20px;width: 250px;overflow: hidden;float: left;font-size: 16px;color: #fff;line-height: 24px;position: relative;}
.topWrap h3 span {color: #fff;font-size: 12px;display: block;font-weight: normal;}
.nav {float: right;height: 40px;margin-top: 23px;}
.nav>ul>li {font-size: 16px;height: 40px;float: left;color: #fff;list-style-type: none;margin-right: 2px;}
.nav>ul>li>a {   display:inline-block;color:#fff;height:37px; line-height:32px; width:70px; text-align:center; border:2px solid rgba(255,255,255,0); box-sizing:border-box;border-radius:2rem;}
.nav>ul>li>a:hover,.nav .cur a {text-decoration: none;border:2px solid #97bf24; box-sizing:border-box; border-radius:2rem;-webkit-transition:all 0.7s;transition:all 0.7s;}
.nav .cur .xl_nav_c1 dt a{border:0;}
.nav .cur .xl_nav_c1 dd a{border:0;}
.nav li:last-child {padding-right: 0;}
.nav li:first-child {padding-left: 0;}
.xl_nav {width: 100%;overflow: hidden;background: #fff;font-family: "Microsoft Yahei";position: relative;z-index: 99;}
.xl_nav_c {width: 1200px;margin: 0 auto;position: relative;}
.xl_nav_c li {display: none;}
.npic {margin: 50px 0 0 48px;width: 300px;float: left;border-right: 1px solid #d1d1d1;height: 157px;overflow: hidden;position: relative;}
.npic img {width: 239px;height: 138px;}
.npic span {display: block;position: absolute;top: 90px;left: 0;width: 239px;height: 48px;line-height: 48px;text-align: center;font-size: 14px;font-weight: bold;color: #fff;}



@media only screen and (min-width: 320px) and (max-width: 768px) {
.content,.footer,.nav2 {
      display:none;
    }
.nav2 {display: none;padding-bottom: 0px;}
.nav>ul>li>a {   display:inline-block;color:#000;height:37px; line-height:32px; width:60px; text-align:center; border:2px solid rgba(255,255,255,0); box-sizing:border-box;border-radius:2rem;}
}





.xl_nav_c1 {width: 780px;float: right;margin-top: 40px;overflow: hidden;}
.protwo_nav_c1 dl {float: left;width: 195px;overflow: hidden;} .protwo_nav_c1 dt { height: 28px;line-height: 28px;overflow: hidden;font-size: 15px;font-weight: bold;}
.protwo_nav_c1 dt a {color: #fff;}
.protwo_nav_c1 dd {padding-top: 10px;margin-bottom: 30px;}
.protwo_nav_c1 dd a {display: inline-block;min-width: 52%;font-size: 14px;height: 26px;color: #fff;line-height: 26px;}
.fangtwo_nav_c1 ul {height: 100px;overflow: hidden;padding-top: 50px;}
.fangtwo_nav_c1 li {float: left;width: 195px;overflow: hidden;font-size: 14px;padding-bottom: 18px;line-height: 24px;}
.fangtwo_nav_c1 li a {color: #333333;font-weight: bold;}
.fangtwo_nav_c1 span {display: block;font-size: 14px;}
.fangtwo_nav_c1 span a {color: #333;}
.casetwo_nav_c1 dl {float: left;width: 170px;overflow: hidden;}
.casetwo_nav_c1 dt {padding-top: 50px;height: 24px;line-height: 24px;overflow: hidden;font-size: 14px;font-weight: bold;}
.casetwo_nav_c1 dt a {color: #333333;}
.casetwo_nav_c1 dd {padding-top: 10px;}
.casetwo_nav_c1 dd a {display: block;font-size: 12px;color: #6e6e6e;line-height: 26px;}
.wjttwo_nav_c1 dt { height: 28px;line-height: 28px;overflow: hidden;font-size: 14px;font-weight: bold;}
.wjttwo_nav_c1 dt a {color: #fff;}
.wjttwo_nav_c1 dd span {display: block;padding-top: 15px;padding-right: 40px;height: 65px;overflow: hidden;font-size: 12px;color: #fff;line-height: 24px;}
.wjttwo_nav_c1 dd a {display: block;font-size: 12px;color: #fff;line-height: 26px;}
.newstwo_nav {background:rgba(0,0,0,0.6);width: 137px;height: 165px;top:37px;left: -35px;position: absolute;}
.newstwo_nav ul {padding: 20px 30px 0;}
.newstwo_nav li {height: 31px;line-height: 31px;overflow: hidden;border-bottom: 1px solid #eee;font-size: 14px;font-weight: bold;text-align: center;}
.newstwo_nav li a {color: #fff;}
.abouttwo_nav_c1 ul {height: 100px;overflow: hidden;padding-top: 50px;width: 520px;}
.abouttwo_nav_c1 li {float: left;width: 150px;overflow: hidden;font-size: 14px;padding-bottom: 18px;line-height: 24px;}
.abouttwo_nav_c1 li a {color: #333333;font-weight: bold;}
.pxtwo_nav_c1 ul {height: 100px;overflow: hidden;padding-top: 50px;width: 520px;}
.pxtwo_nav_c1 li {float: left;width: 150px;overflow: hidden;font-size: 14px;padding-bottom: 18px;line-height: 24px;}
.pxtwo_nav_c1 li a {color: #333333;font-weight: bold;}
.nav .cur a .xl_nav_c1 dd a{border:0;}
   .nav .cur .nav3 .newstwo_nav ul li a{border:0;}
/* banner */
.c-banner{width: 100%;position: relative;}
.c-banner img{width: 100%;}
.c-banner .banner ul{list-style: none;padding-left: 0px;margin-bottom: 0px;}
.c-banner .banner ul li{position: absolutedisplay: none;opacity: 0;}
.c-banner .banner ul li:nth-child(1){opacity: 1;display: block;}
.c-banner .banner ul li img{width: 100%;position: absolute;top: 0px;}
.c-banner .banner ul li:first-child img{position: relative;}
.c-banner .nexImg,.c-banner .preImg{padding: 25px 10px 25px 10px;position: absolute;top: 50%;margin-top: -53px;opacity: 0.5;border-radius: 5px;z-index: 10;margin-right: 10px;margin-left: 10px;}

.c-banner .nexImg:hover,.c-banner .preImg:hover{opacity: 0.8;}
.c-banner .nexImg{right: 0px;}
.c-banner .nexImg img,.c-banner .preImg img{}
.c-banner .jumpBtn{width: 100%;position: absolute;bottom: 20px;text-align: center;}
.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}

.c-banner .jumpBtn ul li{width: 40px;height: 10px;display: inline-block;background-color: white;opacity: 0.9;margin-left: 10px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px;}

/* 结束banner */

.footWrap{ height:auto; background:#fff; padding:0 6.25%;} 
.fnav{ width:25%; float:left; padding:3rem 0;}
.fnav h2,.flx h2{ font:18px "Microsoft YaHei"; line-height:30px; height:30px; overflow:hidden; color:#333;}
.fnav p{ font:16px "Microsoft YaHei"; line-height:30px; color:#333; padding-top:1.2rem;}
.fnav p a{ display:block; float:left; width:50%; color:#333; height:30px; line-height:30px; overflow:hidden;}
.flx{ width:20%;padding-top:2.5rem; padding-left:5%;}
.flx em{ display:block; font:24px Arial; color:#333;padding-top:1.2rem;}
.flx span{ display:block; font:14px "Microsoft YaHei"; color:#333;}
.flx span i{ color:#878787; font:12px "Microsoft YaHei";}
.fwz{ border-top:1px solid #e2e2e2; padding:3rem 0 5rem;}
.zhud{ width:59%; float:left;}
.zhud p{ font:16px "Microsoft YaHei"; line-height:26px; color:#333;}
.zhud em{ display:block; font:12px "Microsoft YaHei"; color:#9a9a9a; padding-top:20px;}
.zhud a{ padding:0 8px;}
.weibo{ width:13%; float:left; text-align:right; margin-top:5px;}
.weibo a{ display:inline-block; position:relative; padding-left:5%;}
.weibo img{ display:inline-block;}
.weibo em{ display:none; width:80px; height:80px; position:absolute; top:45px; left:-100%;}
.weibo em img{ display:block; width:100%; height:100%;}
.weibo a:hover em{ display:block;}
.add{ width:28%; float:left;margin-top:2px; position:relative;}
.addt{ text-align:right; font:14px "Microsoft YaHei"; color:#333;}
.addt a{ display:inline-block; color:#333; padding:0 1%;}
.addt .cur{ font-weight:bold;}
.add2{height:30px; position:absolute; top:25px; right:0;}
.add2 li{width:100%; font:14px "Microsoft YaHei"; text-align:right; line-height:30px; height:30px;}

	.kefu11{ width:70px; position:fixed; top:22%; right:0; z-index:100;}	.kefu11 li{ position:relative; margin-bottom:1px;}	.kefu11 li a{ display:block;}	.kefu11 li span{ display:block;background:rgba(0,0,0,0.8); height:68px; border:1px solid #97bf24;-webkit-transition: margin .5s ease-in-out;-moz-transition: margin .5s ease-in-out;-ms-transition: margin .5s ease-in-out;-o-transition: margin .5s ease-in-out;transition: margin .5s ease-in-out;}	.kefu11 li span img{display:block; width:30px; height:32px; margin:10px 20px 0;}	.kefu11 li i{ display:block; font:12px "Microsoft YaHei"; text-align:center; color:#fff; padding-bottom:10px;}	.kefu11 li p{ display:none; font:14px "Microsoft YaHei"; text-align:center; line-height:68px; color:#fff; position:absolute; top:0; left:-70px; width:138px; height:68px; border:1px solid #97bf24; z-index:1;}	.kefu11 h3{background:rgba(0,0,0,0.8);border:1px solid #97bf24;padding:2px 0; display:block;}	.kefu11 h3 img{display:block;}	.kefu11 li a:hover p{display:block;background:#97bf24;}



.about{background-attachment: fixed;background-image: url(/theme/2016/images/new_bg.jpg);background-repeat: no-repeat;background-position: center top;padding-top: 80px;padding-right: 7%;padding-bottom: 150px;padding-left: 7%;}
.about h2{ text-align:center; color:#fff; font:64px "Microsoft YaHei"; padding-bottom:70px;}
.about h2 a{ display:block; color:#fff;}
.about h2 em{ display:block; font:16px "Microsoft YaHei"; color:#d6d8dc;}
.about1{ width:50%;}
.about1 dl{ width:50%; height:12.5rem; background:rgba(0,0,0,0.9); float:left; overflow:hidden; border-right:1px solid #29292b; border-bottom:1px solid #29292b; box-sizing:border-box; position:relative; overflow:hidden;}
.about1 dl:nth-child(3),.about1 dl:nth-child(4){ border-bottom:0;}
.about1 dt{-webkit-transition: all 0.4s linear;transition: all 0.4s linear; width:100%; height:100%;}
.about1 dt em{ display:block; width:18%; height:auto; float:left; padding:2.625rem 0 0 1rem;}
.about1 dt em img{ display:block;width:100%; height:auto;}
.about1 dt h5{ width:68%; float:right; padding:46px 5% 0 0;}
.about1 dt h5 i{ display:block; font:24px "Microsoft YaHei"; color:#fff;}
.about1 dt h5 span{ display:block; font:16px "Microsoft YaHei"; line-height:24px; padding-top:8px;}
.about1 dd{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;opacity:0;visibility:hidden;-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}/*dd�Ǹ�����ȥ��ͼ*/
.about1 dd img{display:block; width:100%; height:100%;}
.about1 dl:hover dd{ opacity:1;visibility:visible;}
.about1 dl:hover dt{opacity:0;visibility:hidden;}
.about1 dl:hover dt{-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.about1 dl:hover dd{-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.about2{ width:31%; float:left;background:rgba(0,0,0,0.9); height:23rem; padding-top:2rem; overflow:hidden;}
.about2 dl{ padding:1.5rem 8%;}
.about2 dt{ font:16px "Microsoft YaHei"; font-weight:bold; line-height:30px; height:30px; overflow:hidden;}
.about2 dt a{ display:inline-block; color:#fff; width:70%; height:30px; overflow:hidden; float:left;}
.about2 dt em{ display:inline-block; width:30%; float:left; font:16px "Microsoft YaHei"; line-height:30px; color:#8e8e8e;}
.about2 dd{ font:14px "Microsoft YaHei"; line-height:30px; height:30px; overflow:hidden; color:#8e8e8e;}

.about3{width:19%;background-color: #000000;}



@media only screen and (min-width: 320px) and (max-width: 768px) {
.about1{ width:100%;}
.about2{ width:100%; float:left;background:rgba(0,0,0,0.9); height:23rem; padding-top:2rem; overflow:hidden;border-top:1px solid #29292b;}
.about3{  display:none;}

}





 <!-- index_promote -->
 /* box-sizing */
.index_promote,.company_subscribe .button,.nav_wrap,.product_item .item_img {-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;}
/* layout */

.hide{display: none;}
/* title */
.index_hd{margin-bottom: 40px;text-align: center;padding: 0 10%;}
.index_hd .hd_title{font-size: 34px;font-weight: bold;line-height: 1.3;text-transform: uppercase;}
.index_hd .hd_desc{padding-top: 10px;font-size: 18px;color: #999;margin: 0 5%;}
/*index_promote*/
.index_promote{overflow: hidden;}
.index_promote .index_bd{max-width:1650px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;}
.index_promote .promote_list {margin: 0 -1%;margin-top: -.5%;}
.index_promote .promote_item{width: 50%;float: left;margin-top: 1%;}
.index_promote .promote_item,.index_promote .promote_item a{color: #fff;}
.index_promote .promote_item .item_inner{display: block;padding: 16.5% 0;overflow: hidden;margin:0 1%;position: relative;-webkit-box-sizing: content-box;box-sizing: content-box;}
.index_promote .promote_item .item_img img{display: block;position: absolute;left: 0;top: 0;min-width: 100%;min-height: 100%;max-width: inherit;}
.promote_item .item_info{width: 70%;height: 10em;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;text-align: center;z-index: 1;}
.promote_item .item_title{height: 1.2em;line-height: 1.2em;overflow: hidden;font-size: 2em;text-transform: uppercase;margin-bottom: .4em;}
.promote_item .learn_more{padding-top: 1em;position: relative;}
.promote_item .learn_more:before{content: '';display: block;width: 80px;height: 4px;background-color: #fff;margin: 0 auto 2em;}
.promote_item .btn_more {display: inline-block;line-height: 1.8em;font-size:1.7em;text-transform: uppercase;border: 2px solid #fff;padding: 0 .8em;color: #fff;font-family: 'open-sans-light';overflow: hidden;position: relative;}
.promote_item .btn_more:before{content: '';display: block;width: 20px;height: 20px;background-color: #97bf24;border-radius: 50%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;z-index: -1;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.promote_item .item_img:before,.promote_item .item_img:after,.promote_item .learn_more:before,.index_promote .promote_item .item_img img{-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.promote_item .item_img:before,.promote_item .item_img:after{content: '';display: block;width:30%;height: 100%;position: absolute;top: 0;z-index: 1;}
.promote_item .item_img:before{left: 0;}
.promote_item .item_img:after{right: 0;}
.promote_item .item_inner:hover .item_img:before,.promote_item .item_inner:hover .item_img:after{width: 100%;background-color:rgba(0,0,0,.25);}
.promote_item .item_inner:hover .learn_more:before{width: 80%;}
.promote_item .item_inner:hover .item_img img{-webkit-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out}
.promote_item .item_inner .btn_more:hover:before{-webkit-transform: scale(30);-ms-transform: scale(30);-o-transform: scale(30);transform: scale(30);opacity: 1;filter: alpha(opacity=100);}
.index_promote .promote_item_1 .item_inner{padding: 34% 0;}
.index_promote .promote_item_1 .item_info{text-align: left;}
.index_promote .promote_item_1 .item_info .learn_more:before{margin-left: 0;}
.index_promote .index_ft{padding-top: 30px;text-align: center;color: #999;font-size: 18px;line-height: 2;}
.index_promote .index_ft a{color: #337ab7;}
.index_promote .link_line{padding-bottom: 0;}
img {border:none;vertical-align:middle;max-width:100%;}
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure {margin:0;padding:0;}

@media only screen and (max-width: 768px) {
.index_promote .promote_item{width: 100%;}
.promote_item .item_info{width: 90%;}
.promote_item .item_inner .item_img:before{background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.4));background-image: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.4));}
.promote_item .item_inner .item_img:after{display: none;}
.index_promote .promote_item .item_inner{padding: 20% 0;}
.index_promote .promote_item_1 .item_inner{padding: 34% 0;}
}