﻿@charset "utf-8";
html,
body { font-family:Microsoft YaHei;color: #333;background: #fff;-webkit-text-size-adjust: none;}
body, h1, h2, h3, h4, h5, h6, dl, dt, li, dd, th, td, p, pre, form, input, button, textarea, hr { margin: 0;padding: 0; font-weight:normal;}
a {color: #333;text-decoration: none;}
a:hover {color: #0181e6;text-decoration: none;}
.inner {width: 1300px;margin: 0 auto;position: relative;}
.zggw_inner {width: 1200px;margin: 0 auto;position: relative;background: url(../zg/3.jpg) no-repeat  center top;}
.w1000 {width: 1300px;margin: 0 auto;position: relative;}
.w1001 {width: 1300px;margin: 0 auto;position: relative; background:#fff;}
.clear {clear: both;overflow: hidden;}
ul{list-style:none;padding: 0px;margin: 0px;}

/*头部 顶*/
.head_top{ height:36px; background:#f5f5f5; overflow:hidden;}
.head_top h2{ float:left; font-weight:normal; font-size:14px; line-height:36px; color:#323232; }
.head_top h3{ float:right; font-weight:normal;  line-height:36px; }
.head_top ul{ list-style:none;}
.head_top ul li{ float:left; color:#8b8b8b; margin-left:10px; font-size:14px; background: url(../zs/1_04.jpg) no-repeat  center right;} 
.head_top ul li span{ padding:0px 10px;}
.head_top ul li img { float: left;padding: 5px 0px;}

/*头部 中*/
.head_center{ background:#fff; height:134px; overflow:hidden;}
.head_center h1{ float:left; margin-top:26px;}
.head_center h2{ float:right;}
.head_center h2 img{ float:left;}
.head_center h3{ float:left; font-size:26px; font-weight:bold; color:#179840;    margin-left: 5px;margin-top: 47px;}
.head_center h3 span{color:#009d44;}
.dh{ margin-top:41px;}
.ewm{ margin-top:18px; margin-left:37px; width:98px;}

/*头部 下*/
.head_down{ height:48px; position:relative; background:#179840;}



/*banner*/
.header_ban{width:100%;height:700px;position:relative; min-width:1200px; background-color:#fff; overflow: hidden;}
.header_ban .huandeng li{display:block;width:100%; height:700px;}
.header_ban .bx-default-pager{ position:absolute;bottom:15px;z-index:52;width:100%;text-align:center;    right: 0px;}
.header_ban .bx-pager-item{width:26px;height:3px; line-height:999; overflow:hidden; margin-left:11px; display:inline-block;}
.header_ban .bx-pager-item a{ display:block;width:26px;height:3px;  background:#fff;}
.header_ban .bx-pager-item a:hover{background:#009d44;}
.header_ban .bx-pager-item .active{background:#009d44;}
.header_ban .bx-controls-direction{ display:none;}

#clear_lover{width:100%; height:9px; background:url(../clear_lover.png) no-repeat center; border-top:2px solid #307011;}
.ny_ban {width: 100%;height: 280px;}

/*首页*/

/*搜索*/
.gjss{ height:54px; overflow:hidden;}
.gjss h2{ float:left; line-height:54px; font-weight:normal;}
.gjss h2 span{ float:left; font-size:14px; color:#323232; padding:0px 5px;}

#top_right{ float:right;width:235px;height:28px;margin-top:13px; margin-right:20px;}
#top_right .search_1{ padding-left: 45px;width:144px; border:none; float:left; height:28px; background: url(../zs/2_01.png) no-repeat;color: #828282; font-family:Microsoft YaHei; font-size:14px; line-height:28px;}
#top_right .search_1:focus{outline: none;}
#top_right .submit{ float:left;}
#top_left{ float:right;line-height:110px;margin-top: 49px;margin-right: 21px;}
#top_left ul{ list-style:none;}

/*产品分类*/
.cpfl{background: url(../zs/2_03.png) no-repeat top #fff; overflow:hidden;}
.cpfl h2{ margin-top:60px; height:49px; width:100%; background: url(../zs/2_04.png) no-repeat top center #fff; }
.cpfl_c{ margin-top:30px;overflow:hidden;}
.cpfl_c ul{ list-style:none;}
.cpfl_c ul li{ float:left; margin-right:32px;}
.cpfl_cli4, .cpfl_cli8{ margin-right:0px !important;}
.cpfl_cimg{ width:274px; height:188px; border:1px solid #dcdcdc; overflow:hidden;}
.cpfl_cimg img{ padding:5px; max-height:96%; max-width:96%;webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease; }
.cpfl_cimg:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2); -o-transform: scale(1.2);transform: scale(1.2);-ms-transform: scale(1.2);}
.cpfl_c ul li h3{ font-weight:normal; color:#323232; text-align:center; font-size:16px;line-height: 50px;}
.cpfl_c ul li h3:hover{ color:#179840;}

/*热卖产品*/
.rmcp{ height:720px; background:#f5f5f5; overflow:hidden;}

.rmcp_l{ float:left; width:260px; height:620px; margin-top:50px;}
.rmcp_l h2{ width:260px; height:100px; background:#179840; font-weight:normal; text-align:center; overflow:hidden;}
.rmcp_l h2 p{ color:#fff;}
.rm1{ font-size:24px; line-height:40px; margin-top:20px;}
.rm2{ font-size:14px; font-family:Arial;}


.rmcp_l .tab{overflow:hidden;background:#fff;}
.rmcp_l .tab a{display:block;float:left;text-decoration:none;color:#323232; line-height:60px; border-bottom:1px solid #e5e5e5; width:260px; text-align:center;}
.rmcp_l .tab a:hover{background:#2f86c6;color:#fff;text-decoration:none;}
.rmcp_l .tab a.on{background:#2f86c6;color:#fff;text-decoration:none;}

.rmcp_r{ float: right; width:908px; height:620px; margin-top:50px;overflow:hidden;position:relative; background:#fff;border-bottom:2px solid #179840;}
.rmcp_rul{position:absolute;left:0;top:0;height:620px;}
.rmcp_rli{width:908px;height:620px;float:left; }
.rmcp_rli1{ position:relative;width:908px;height:620px;}
.rmcp_rli2{ position:relative;width:908px;height:620px;}
.rmcp_rli3{ position:relative;width:908px;height:620px;}
.rmcp_rli4{ position:relative;width:908px;height:620px;}



.rmcp_img{ width:908px; height:400px; overflow:hidden;  text-align:center;}
.rmcp_img img{ max-height:100%;}
.rmcp_r li h3{ font-size:16px; color:#323232; line-height:50px; border-bottom:1px solid #e5e5e5; font-weight:normal; width:876px; float:right;}
.rmcp_r li h4{ font-weight:normal; font-size:14px; color:#5a5a5a;width:876px; float:right; line-height:1.89em; margin-top:10px; }
.rmcp_r li:hover h3{color:#009d44;}
.rmcp_r li:hover h4{color:#009d44;}
.rmcp_rli .bx-default-pager{ display:none;}
.rmcp_rli .bx-controls-direction .bx-next{line-height: 999;left: 0px; top:180px;position: absolute; width: 40px; height: 40px; background: url(../zs/7_01.jpg) no-repeat;display: block;}
.rmcp_rli .bx-controls-direction .bx-next:hover{background: url(../zs/7_02.jpg) no-repeat;}
.rmcp_rli .bx-controls-direction .bx-prev {line-height: 999; right:0px;top:180px;position: absolute; width: 40px; height: 40px; background: url(../zs/7_03.jpg) no-repeat;display: block;}
.rmcp_rli .bx-controls-direction .bx-prev:hover{background: url(../zs/7_04.jpg) no-repeat;}




/*视频中心*/
.spzx{ height:503px; background:#fff; overflow: hidden;}
.spzx h2{ margin-top:50px; height:49px; width:100%; background: url(../zs/2_05.png) no-repeat top center #fff; }
.spzx_center{ margin-top:35px; overflow:hidden;}
.spzx_cen_l{ float:left; width:502px; height:320px; }
.spzx_cen_r{ float:right; width:666px; height:320px;}
.spzx_cen_r ul{ list-style:none;}
.spzx_cen_r ul li{ color: #323232; font-size:14px; width:315px; line-height:35px; border-bottom:1px solid #dfdfdf; background:url(../zs/3_02.png) no-repeat left center ;text-indent: 16px; float:left; margin-right:35px; margin-bottom:20px;}
.spzx_cen_r2{ margin-right:0px !important;}
.spzx_cen_r ul li:hover{ color:#179840;}
.spzx_cen_r ul li:hover span{ color:#179840;}
.spzx_cen_r ul li span{ float:right; color:#a1a1a1; font-family:Arial;}


/*四大优势*/
.sdys{ background:url(../zs/3_03.jpg) no-repeat center ; height:2093px; overflow:hidden;}
.sdys_top{ width:630px; margin:36px auto 0px;}
.sdys_top h2{ font-weight:normal; font-size:34px;}
.sdys_top h2 p{ float:left;}
.sdys_top_1{ color:#179840;}
.sdys_top_2{ color:#fff; background:#009d44; padding:0px 5px;}
.sdys_top h3{ background:url(../zs/3_04.png) no-repeat top center ; width:535px; height:57px; margin:12px auto 0px;}

.sdys_one{ width:1076px; height:915px; background:url(../zs/3_05.png) no-repeat top center ;margin:30px auto 0px; position:relative;}
.sdys_one_top{ position:absolute; top: 132px;right: 265px;}
.sdys_one_top h2{ font-weight:normal; font-size:28px; border-bottom:1px solid #e5e5e5; width:280px; line-height:55px;}
.sdys_one_top h2 p{ float:left;}
.sdys_one_top1{ color:#323232;}
.sdys_one_top2{ color:#179840;}
.sdys_one_top h3{ font-weight:normal; font-size:18px; color:#5a5a5a;    width: 380px; margin-top:20px;line-height: 1.69em;}

.sdys_one_down{ position:absolute;     bottom: 39px;left: 26px;}
.sdys_one_down h2{ font-weight:normal; font-size:28px; border-bottom:1px solid #e5e5e5; width:450px; line-height:55px;}
.sdys_one_down h2 p{ float:left;}
.sdys_one_down1{ color:#323232;}
.sdys_one_down2{ color:#179840;}
.sdys_one_down h3{ font-weight:normal; font-size:18px; color:#5a5a5a;width:450px; margin-top:20px;line-height: 1.69em;}


.sdys_two{ width:1136px; height:900px; background:url(../zs/3_06.png) no-repeat top center ;margin:13px auto 0px; position:relative; }
.sdys_two_top{ position:absolute;     top: 34px;right: 82px;}
.sdys_two_top h2{ font-weight:normal; font-size:28px; border-bottom:1px solid #e5e5e5; width:490px; line-height:55px;}
.sdys_two_top h2 p{ float:left;}
.sdys_two_top1{ color:#323232;}
.sdys_two_top2{ color:#179840;}
.sdys_two_top h3{ font-weight:normal; font-size:18px; color:#5a5a5a;width:490px; margin-top:12px;line-height: 1.69em;}

.sdys_two_down{ position:absolute; bottom: 242px; left: 206px;  height:224px; width:315px;}
.sdys_two_down h2{ font-weight:normal; font-size:28px; border-bottom:1px solid #e5e5e5; width:255px; line-height:55px;}
.sdys_two_down h2 p{ float:left;}
.sdys_two_down1{ color:#323232;}
.sdys_two_down2{ color:#179840;}
.sdys_two_down h3{ font-weight:normal; font-size:18px; color:#5a5a5a; margin-top:12px;line-height: 1.69em;}
.sdys_two_down h4{ margin-top:50px;}
.sdys_two_down h4 p{ float:left; width:135px; height:46px; line-height:40px; text-align:center; color:#fff; margin-right:14px;}
.sdys_two_down h4 .ljdz{ background:url(../zs/3_07.png) no-repeat top center ;}
.sdys_two_down h4 .ljzx{ background:url(../zs/3_08.png) no-repeat top center ;}

/*需求留言*/
.xqly{ background:url(../zs/3_09.jpg) no-repeat top center ; height:280px;}
.xqly_l{ float:left; }
.xqly_l h2{ font-size:36px; font-weight:600; color:#fff; margin-top:60px;}
.xqly_l h3{ font-size:20px; font-weight: normal; color:#fff; margin-top:10px;}
.xqly_l h4{ font-size:14px; font-weight: normal; color:#179840; margin-top:40px; background:#fff; width:120px; line-height:34px; text-align:center;}
.xqly_r{ float: right; width:442px; padding-left:20px; height:280px; background:url(../zs/3_10.jpg) no-repeat top center ;}
.xqly_r h2{ font-size:18px; color:#179840; font-weight:normal; margin-top:30px; line-height: 30px;}
.xqly_r h3{ font-size:18px; color:#323232; font-weight:normal;line-height: 30px;}

.xqly_rcl{ float:left; width:45%; margin-top:10px;}
.xqly_rcl h4{ font-size:14px; color:#323232; font-weight:normal; line-height:26px; margin-top:18px;text-align: right;}
.xqly_rcl h4 .input-text{ width:68%; height:26px; border:1px solid #a5d1f2;}
.xqly_rcr{ float: right; width:49%;margin-top:10px;}
.xqly_rcr h4{ font-size:14px; color:#323232; font-weight:normal; line-height:26px; margin:18px auto;}
.xqly_rcr h4 .input-text{ width:68%; height:26px; border:1px solid #a5d1f2;}
.xqly_rcr .blue{ width:65px; height:26px; line-height:26px; text-align:center; background:#179840; border:none; font-size:14px; color:#fff; }
.xqly_rcr .white{ width:65px; height:26px; line-height:26px; text-align:center; background:#9b9b9b; border:none; font-size:14px; color:#fff; margin-left:15px; }



/*设计流程*/
.sjlc{background:url(../zs/4_01.jpg) no-repeat top center ; height:691px; overflow:hidden;}
.sjlc_top{ text-align:center; margin-top:45px;}
.sjlc_top h2{ font-size:34px; font-weight:normal; text-align:center;}
.sjlc_top_b{ color:#179840;}
.sjlc_top_c{ color:#323232;}
.sjlc_top h3{ font-size:16px; color:#323232; font-weight:normal; margin-top:10px;}
.sjlc_top h4{background:url(../zs/4_02.png) no-repeat top center ; height:36px; width:100%; margin-top:10px;}
.sjlc_top h5{background:url(../zs/4_03.png) no-repeat top center ; height:78px; width:410px; margin-top:10px; margin:15px auto 0px; }
.sjlc_down{background:url(../zs/4_04.png) no-repeat top center ; width:1108px; height:364px; margin:40px auto 0px; position:relative; }
.sjlc_down div{ position:absolute; text-align:center; width:174px;}
.sjlc_down span{ font-size:14px; color:#323232; line-height:40px;}
.sjlc_down img{ padding:2px; border:1px solid #b4b4b4; width:92%;}
.sjlc_do1{     left: 27px;top: 12px;}
.sjlc_do2{ left:233px; top:12px;}
.sjlc_do3{ left:437px; top:12px;}
.sjlc_do4{ left:639px; top:12px;}
.sjlc_do5{ left:842px; top:12px;}
.sjlc_do6{ left:733px; bottom: 35px;}
.sjlc_do7{ left:530px; bottom:35px;}
.sjlc_do8{ left:330px;bottom:35px;}
.sjlc_do9{ left:128px;bottom:35px;}

/* 公司简介 荣誉资质  品牌客户*/
.grp{ height:729px; background:#fff;}

.gsjj{ width:790px; height:352px; float:left; margin-top:50px;}
.gsjj h2{ height:40px; background:#179840; font-size:18px; color:#fff; line-height:40px; text-indent:25px;}
.gsjj h2 span{ font-size:12px; float:right; margin-right:12px; color:#fff;}
.gsjj_down{ height:287px; background:#f0f0f0;padding:20px 25px 0px; overflow:hidden;}
.gsjj_down img{ float:left; padding-right:35px;}
.gsjj_down h3{ font-size:18px; color:#323232; margin-bottom:10px;}
.gsjj_down span{ font-size:14px; font-weight:normal;  color:#5a5a5a;display:inline; line-height:1.89em;}
.gsjj_down a{ width:100px; height:32px; background:#005fbb; text-align:center; line-height:32px; display:block; color:#fff; font-size:14px; margin-top:10px;}

.ryzz{ width:377px; height:352px; float:right;margin-top:50px;}
.ryzz h2{ height:40px; background:#179840; font-size:18px; color:#fff; line-height:40px; text-indent:25px;}
.ryzz h2 span{ font-size:12px; float:right; margin-right:12px; color:#fff;}
.ryzz_down{  height:287px; background:#f0f0f0; padding-top:20px; overflow:hidden; position:relative;}
.ryzz_img{ width:148px;}
.ryzz_img img{ width:100%;}
.rr{ width:148px; overflow:hidden; margin:0 auto;}
.rr h3{ font-size:14px; font-weight:normal; color:#5a5a5a; text-align:center;}
.rr a:hover h3{color:#179840;}
.rr .bx-default-pager{ display:none;}
.rr .bx-controls-direction .bx-next{line-height: 999;left: 23px; top:86px;position: absolute; width: 57px; height: 57px; background: url(../zs/5_01.png) no-repeat;display: block;}
.rr .bx-controls-direction .bx-next:hover{background: url(../zs/5_02.png) no-repeat;}
.rr .bx-controls-direction .bx-prev {line-height: 999; right:23px;top:86px;position: absolute; width: 57px; height: 57px; background: url(../zs/5_03.png) no-repeat;display: block;}
.rr .bx-controls-direction .bx-prev:hover{background: url(../zs/5_04.png) no-repeat;}

.ppkh{ width:100%; float:left; margin-top:40px; position:relative; overflow:hidden;}
.ppkh h2{ font-weight:normal; font-size:34px; color:#323232; text-align:center; width:100%; height:54px;background: url(../zs/5_05.png) no-repeat; line-height:32px; }
.ppkh h2 span{ color:#179840;}
.ppkh_down{ width:1075px; margin:37px auto 0px;}
.ppkh_down img{ border:1px solid #d4d4d4; width:99%;}
.ppkh_down h3{ font-size:14px; color:#323232; text-align:center;}
.ppkh_down a:hover h3{color:#179840;}
.ppkh_down .bx-default-pager{ display:none;}
.ppkh_down .bx-controls-direction .bx-next{line-height: 999;left: 0px; top:135px;position: absolute; width: 44px; height:44px; background: url(../zs/5_06.png) no-repeat;display: block;}
.ppkh_down .bx-controls-direction .bx-next:hover{background: url(../zs/5_07.png) no-repeat;}
.ppkh_down .bx-controls-direction .bx-prev {line-height: 999; right:0px;top:135px;position: absolute; width: 44px; height:44px; background: url(../zs/5_08.png) no-repeat;display: block;}
.ppkh_down .bx-controls-direction .bx-prev:hover{background: url(../zs/5_09.png) no-repeat;}

/* 新闻资讯 行业资讯 常见问题 友情链接*/
.xhcy{ height:617px; background: url(../zs/6_01.jpg) no-repeat center;}

/*新闻资讯*/
.xwzx{ width:378px; height:396px; float:left; background:#fff; overflow:hidden; border-bottom:2px solid #009d44; margin-top:50px;}
.xwzx h2{ width:340px; margin:10px auto 0px; font-size:18px; color:#179840; font-weight:normal; line-height:35px; border-bottom:1px solid #e5e5e5;}
.xwzx h2 span{ font-size:14px; color:#656565; float:right;}
.xwzx h2 a:hover span{ color:#009d44;}
.xwzx_down{width:340px; margin:0 auto;}
.xwzx_down_t{ margin-top:20px; width:339px; height:100px; overflow:hidden;}
.xwzx_down_t img{width:100%;}
.xwzx_down ul{ list-style:none;}
.xwzx_down ul li{    text-indent: 16px; font-size:14px; color:#5b5b5b; line-height:29px; border-bottom:1px dashed #c8c8c8; background:url(../zs/6_02.jpg) no-repeat left center;}
.xwzx_down ul li:hover{color:#179840;}

/*行业资讯*/
.hyzx{ width:378px; height:396px; float:left; background:#fff; margin:0px 30px;border-bottom:2px solid #009d44;margin-top:50px;}
.hyzx h2{ width:340px; margin:10px auto 0px; font-size:18px; color:#179840; font-weight:normal; line-height:35px; border-bottom:1px solid #e5e5e5;}
.hyzx h2 span{ font-size:14px; color:#656565; float:right;}
.hyzx h2 a:hover span{ color:#009d44;}
.hyzx_down{width:340px; margin:0 auto;}
.hyzx_down_t{ margin-top:20px;width:339px; height:100px; overflow:hidden;}
.hyzx_down_t img{ width:100%;}
.hyzx_down ul{ list-style:none;}
.hyzx_down ul li{    text-indent: 16px; font-size:14px; color:#5b5b5b; line-height:29px; border-bottom:1px dashed #c8c8c8; background:url(../zs/6_02.jpg) no-repeat left center;}
.hyzx_down ul li:hover{color:#179840;}

/*常见问题*/
.cjwt{ width:378px; height:396px; float:right; background:#fff;border-bottom:2px solid #009d44;margin-top:50px; }
.cjwt h2{ width:340px; margin:10px auto 0px; font-size:18px; color:#179840; font-weight:normal; line-height:35px; border-bottom:1px solid #e5e5e5;}
.cjwt h2 span{ font-size:14px; color:#656565; float:right;}
.cjwt h2 a:hover span{ color:#009d44;}
.cjwt_down{width:340px; margin:5px auto 0px;}
.cjwt_down ul li{border-bottom:1px dashed #c8c8c8; height:99px; overflow:hidden;}

.cjwt_down h3{ font-weight:normal; font-size:14px; color:#333333;background:url(../zs/6_03.jpg) no-repeat left center; width:100%; float:left; margin-top:15px;text-indent:25px;}
.cjwt_down h3:hover{color:#179840;}
.cjwt_down h4{ font-weight:normal;font-size:14px; color:#6f6f6f;background:url(../zs/6_04.jpg) no-repeat left 1px;width:100%; float:left;margin-top:15px; }

/*友情链接*/
.yqlj{ width:100%; height:50px; float:left; padding:25px 0px; border-top:1px solid #cfd0d0; margin-top:60px;}
.yqlj_l{ float:left; width:100px; height:50px;background:url(../zs/6_05.png) no-repeat center right;}
.yqlj_l h2{ font-weight:normal; font-size:24px; font-family:Arial; color:#179840; }
.yqlj_l h3{ font-weight:normal; font-size:18px; color:#323232;}
.yqlj_r{ height:50px; float:left; margin-left:20px; overflow:hidden;}
.yqlj_r li{ float:left; padding:0px 27px;}


/*底部*/
.foot{ background:#eeeeee; overflow:hidden;background:url(../zs/6_06.jpg) no-repeat center right;}
.foot_u{ height:274px; }

.foot_nav1{ margin-top:34px; margin-right:108px; width:335px; height:210px; float:left; border-right:1px solid #4a95cd;}
.foot_nav1 h2{ color:#fff; font-size:18px; font-weight:normal; margin-bottom:35px; }
.foot_nav1 h2 span{ font-size:14px; font-family:Arial; }
.foot_nav1 li{ float:left; font-size:14px; width:120px; margin-top:12px; line-height:25px;color:#fff;}
.foot_nav1 li a{color:#fff; }

.foot_nav2{ margin-top:34px; margin-right:108px; width:395px; height:210px; float:left; border-right:1px solid #4a95cd;}
.foot_nav2 h2{ color:#fff; font-size:18px; font-weight:normal; margin-bottom:35px; }
.foot_nav2 h2 span{ font-size:14px; font-family:Arial; }
.foot_nav2 h3{ font-weight:normal; color:#fff; font-size:16px;}
.foot_nav2 li{ float:left; font-size:14px;  margin-top:12px; line-height:25px;color:#fff;}

.foot_nav3{ margin-top:34px;  width:242px; height:210px; float: right; border-right:1px solid #4a95cd;}
.foot_nav3 h2{ color:#fff; font-size:18px; font-weight:normal; margin-bottom:35px; }
.foot_nav3 h2 span{ font-size:14px; font-family:Arial; }
.foot_nav3 h3{ font-size:14px; text-align:center; color:#dddddd;}
.foot_nav3_wx{ float:left; width:84px; margin-right:30px;}
.foot_nav3_td{ float:left;width:84px;}


.foot_d{ height:45px; border-top:1px solid #64a4d4; }
.foot_d h1{ font-weight:normal; font-size:14px; color:#fff; float:left; line-height:45px;}
.foot_d h2{ font-weight:normal; font-size:14px; color:#fff; float:right; line-height:45px;}
.foot_d a{color:#fff;}







#all_right{width:147px;height:331px; position:fixed;right:0;top:85px; z-index:999; padding:65px 3px 3px 3px; background:url(../all_right_1.png) no-repeat center 12px #256fa9;}

#all_right #all_right_in{background:url(../hhd_03.png) no-repeat center 13px #FFF; padding-top:56px;height:275px;}

#all_right #all_right_in img{ display:block;width:100px;height:100px; margin:9px auto;}

#all_right #all_right_in #hq_qq{height:135px;width:131px; border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5; margin:0 auto; padding-top:14px;}

#all_right #all_right_in #hq_qq a{ display:block;width:131px;height:33px; background:url(../qq_on.png) no-repeat; margin-bottom:12px; line-height:33px; text-indent:45px; font-size:16px; color:#FFF;}

#all_right #all_right_in #hq_qq a:hover{background:url(../qq_in.png) no-repeat;}




#all_left{width:124px;height:316px; border:1px solid #bababa;position:fixed;right:47%; margin-right:550px;top:250px; z-index:999; background:url(../4.jpg) center 234px no-repeat #FFF;}

#all_left li{width:124px;height:32px; border-bottom:1px solid #bababa; line-height:32px; text-align:center; font-size:14px;}

#all_left li a{ display:block; color:#646464;}

#all_left li:hover{ background-color:#e71f19;}

#all_left li:hover a{ color:#FFF;} 







.powered_by_metinfo{height:35px;color:#fff;
text-align:center;font-size:12px;line-height:35px;}
.powered_by_metinfo a{color:#fff;}












::after,::before{	
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s;
	-ms-transition: all .5s; 
	transition: all .5s; 
}




.q_header{  height:210px;}
.q_header .logo{ float:left; width:116px; margin-top:52px}
.q_header .info{ float:right; width:700px; margin-top:20px}
.q_header .info .text{ font-size:18px; color:#3c3c3c; line-height:26px; margin-left:16px; margin-top:28px}
.q_header .info .nav{  margin-top:26px;}
.q_header .info .nav ul{ list-style:none;padding: 0px;margin: 0px;}
.q_header .info .nav ul li { float:left;  text-align:center; color:#3c3c3c; font-size:16px; width:115px; position:relative}
/*.sy{width:68px !important;}*/
.q_header .info .nav ul li .en{ font-family:Arial; font-size:12px;}
.q_header .info .nav ul li:hover{ }
.q_header .info .nav_a{line-height:26px; text-align:center; display:block;color:#3c3c3c}
.q_header .info .nav_a:hover{ color:#179840; border-bottom: 2px solid #179840;}

.q_header .info .nav_a .cn{ font-size:20px; }

.q_header .info .nav li dl{display:none; width: 100%;text-align: center;z-index: 99;position: absolute;top:52px; left:50%; margin-left:-57px; background:#179840;}
.q_header .info .nav ul li:hover dl{display: block;}
.q_header .info .nav li dl dd{height:35px;line-height:35px;overflow:hidden }
.q_header .info .nav li dl a{color:#fff;font-size:14px;display: block;}
.q_header .info .nav li dl a:hover{ background:#0b6929;}

.q_index1{ background:#f6f6f6; padding:70px 0}
.q_index1 .t1{ font-size:24px; color:#3c3c3c; border-left: 4px solid #20ab5a; padding-left:20px; line-height:30px;}
.q_index1 .t2{ overflow:hidden; padding:30px 0; position: relative;}
.q_index1 .t2 ul{ display: block; }
.q_index1 .t2::before{ content: ""; display: block; width: 99%; height: 2px; background-color: #3d3d3d; position: absolute; left: 0; top: 70px;}
.q_index1 .t2::after{ content: ""; display: block; position: absolute; right: 0; top: 61px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #3d3d3d;
    border-bottom: 10px solid transparent;
}
.q_index1 .t2 li{ float: left; width: 80px; text-align: center; position: relative; z-index: 99; margin-right: 100px;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s;
	-ms-transition: all .5s; 
	transition: all .5s; 
}
.q_index1 .t2 li .ico{width: 80px; height: 80px; background-color: #3d3d3d; border-radius: 100px; overflow:hidden;}
.q_index1 .t2 li .text{ color: #3d3d3d; font-size: 16px; font-weight: bold; line-height: 26px; margin-top: 16px;}

.q_index1 .t2 li:hover{transform: translateY(-10px)}
.q_index1 .t2 li:hover .ico{ background-color: #20ab5a;}
.q_index1 .t2 li:hover .text{ color: #20ab5a;}

.q_index2{ overflow:hidden; padding-bottom:90px}
.q_index2 .title{ overflow:hidden; text-align:center; line-height:46px; margin-top:100px}
.q_index2 .title .cn{ color:#3c3c3c; font-size:40px;}
.q_index2 .title .en{ font-family:Arial; color:#a9a9a9; font-size:14px;}
.q_index2 .list{ overflow:hidden; margin-top:50px;}
.q_index2 .list li{ float:left; width:300px; border:2px solid #a9a9a9; margin-right:28px; margin-bottom:30px; }
.q_index2 .list li:nth-child(4n){ margin-right:0}
.q_index2 .list li .img{ width:100%; padding:10px 0; overflow:hidden; text-align:center}
.q_index2 .list li .img img{width:80%;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s;
	-ms-transition: all .5s; 
	transition: all .5s; 
}
.q_index2 .list li:hover{ border:2px solid #20ab5a; }
.q_index2 .list li:hover .img img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); 
}

.q_index2 .list li:nth-child(1) .img{background:#fd776e;}
.q_index2 .list li:nth-child(2) .img{background:#f7af43;}
.q_index2 .list li:nth-child(3) .img{background:#a6d261;}
.q_index2 .list li:nth-child(4) .img{background:#66bced;}
.q_index2 .list li .img img{ width:100%}
.q_index2 .list li .tit{ font-size:28px; color:#010101; position:relative; text-align:center; line-height:80px;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s;
	-ms-transition: all .5s; 
	transition: all .5s; 
}
.q_index2 .list li:hover .tit{color: #20ab5a}
.q_index2 .list li .tit:before{ display:block; content:""; width:30px; height:2px;  position:absolute; left:50%; margin-left:-15px; bottom:0}
.q_index2 .list li:nth-child(1) .tit:before{background:#ffc7c4;}
.q_index2 .list li:nth-child(2) .tit:before{background:#f6af43;}
.q_index2 .list li:nth-child(3) .tit:before{background:#a6d261;}
.q_index2 .list li:nth-child(4) .tit:before{background:#65bcec;}
.q_index2 .list li .desc{ font-size:14px; color:#3c3c3c; line-height:26px; height:78px; overflow:hidden; margin:18px 0; padding:0 20px;  text-align:center}



.q_index3{ height:793px; overflow:hidden; background:url(../q_index3.jpg) no-repeat center}
.q_index3 .title{ overflow:hidden;color:#ffffff; text-align:center; line-height:46px; margin-top:76px;}
.q_index3 .title .t1{ font-size:40px;}
.q_index3 .title .t2{ font-size:20px;}
.q_index3 .main{width:100%; height:395px; margin:90px auto 0 auto; background:#009f42; position:relative}
.q_index3 .main .text{ float:left; width:540px; margin-left:50px; margin-top:60px;}
.q_index3 .main .text .t1{ font-size:30px; color:#fff; margin-bottom:15px;}
.q_index3 .main .text .t2{ font-size:18px; color:#fff; line-height:32px;}
.q_index3 .main .text .t3{ float:left; background:#fdf96d; font-size:26px; font-weight:bold; color:#040002; border-radius:50px; margin-top:28px; padding:0 20px 0 52px; position:relative;letter-spacing: 2px}
.q_index3 .main .text .t3:before{ display:block; content:""; width:27px; height:27px; background:url(../ico_phon.jpg) no-repeat center; position:absolute; left:16px; top:4px}

.q_index3 .main .video{ position:absolute; width:610px; height:435px; top:-20px; right:-40px; z-index:999; background:#000}


.q_index4{ overflow:hidden; margin-top:100px;}
.q_index4 .title{ overflow:hidden;color:#3c3c3c; text-align:center; line-height:46px; margin-top:30px;}
.q_index4 .title .t1{ font-size:40px;}
.q_index4 .title .t2{ font-size:20px;}

.q_index4 .main{ overflow:hidden; margin-top:60px;}
.q_index4 .tant{ float:left; overflow:hidden; width:400px; margin-right:40px; margin-bottom:20px; border:1px solid #dedede}
.q_index4 .tant:nth-child(3n){ margin-right:0}
.q_index4 .tant .tit{ width:100%; height:135px; text-align:center; overflow:hidden; font-size:32px; color:#ffffff; line-height:135px;}
.q_index4 .tant .list{ overflow:hidden; padding:20px;}
.q_index4 .tant .list li{ overflow:hidden; font-size:14px; line-height:28px; margin:10px 0}
.q_index4 .tant .list li .t1{ float:left; width:64px; height:28px; background:#f6f6f6; color:#aa9997; text-align:center}
.q_index4 .tant .list li .t2{ float:right; width:280px; height:28px; overflow:hidden}



.q_link{ border-bottom:2px solid #fff; background: #009f42; text-align:center; overflow:hidden; font-size:18px; line-height:30px; color:#3c3c3c; padding:16px 0; margin-top:100px}
.q_link a{ color:#3c3c3c}
.q_link a:hover{ color:#fff}

.q_foot{background: #009f42; overflow:hidden; padding:30px 0; color:#fff}
.q_foot .tant1{ float:left; width:410px; margin-right:50px;}
.q_foot .tant1 .t1{ font-size:30px; margin-bottom:20px;}
.q_foot .tant1 .t2{ font-size:20px; line-height:36px;}
.q_foot .tant2{ float:left; margin-top:90px}
.q_foot .tant3{ float:left; width:150px; margin-left:100px;}
.q_foot .tant3 .t1{ font-size:30px; margin-bottom:20px;}
.q_foot .tant3 .t2{ font-size:16px; line-height:30px;}
.q_foot .tant3 .t2 a{ color:#fff}
.q_foot .tant4{ float:right;}
.q_foot .tant4 p{ float:left; text-align:center; line-height:30px; font-size:16px; color:#fff; margin-left:14px;}
.q_foot .tant4 p img{ display:block}
.q_foot .cop{ text-align:center; color:#fff; margin-top:30px; font-size:16px;}
.q_foot .cop a{ color:#fff}




#q_ny_ld{
    width: 260px;
    float: left;
    background: #fff;
    padding-bottom: 10px;
	position: relative;
}


#q_ny_ld h2{ background:#00b6ff; color:#fff; font-size:16px; text-indent:2em; line-height:50px}

#q_ny_ld ul li span{color: #bfbfbf;border: 1px solid #bfbfbf;width: 12px;height: 12px; font-size:14px;line-height: 12px;display: inline-block;text-align: center;
    vertical-align: middle;margin-right:15px;
    cursor: default;background: #fff;}


#q_ny_ld  li a{ font-size:14px; color:#1f65ff; line-height:40px}
#q_ny_ld  li a:hover,#q_ny_ld  li a.acitve{ color:#179840}

#q_ny_ld .l_tree {
	width: calc(100% - 44px);
	height: 100%;
	padding-left: 22px;
}
#q_ny_ld .l_tree_branch {
	width: 100%;
	height: 100%;
	display: block;
    position: relative;
}

#q_ny_ld ul.l_tree:before {
	content: '';
    border-left: 1px dotted #999a9c;
    height: calc(100%);
    position: absolute;
    left: 29px;
    top: 20px;
}
#q_ny_ld .l_tree,
#q_ny_ld .l_tree_branch,
#q_ny_ld .l_tree_branch2 {
	position: relative;
}

#q_ny_ld .l_tree2 {
	width: calc(100% - 44px);
	height: 100%;
	padding-left: 22px;
}

#q_ny_ld .l_tree_branch2 {
	width: 100%;
	height: 100%;
	display: block;
    position: relative;
    padding:0px 10px;
}


#q_ny_ld .l_tree_branch2::after {
	content: '';
	width: 15px;
	height: 0;
	border-bottom: 1px dotted #999a9c;
	position: absolute;
	left: -13px;
	top: 18px;
}

















