@charset "utf-8";
/* CSS Document */

::selection {
    background-color: : #f00;
}

::-moz-selection {
    background-color: : #f00;
}

::-webkit-selection {
    background-color: : #f00;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555
}

* {
    padding: 0;
    margin: 0;
    font-family: "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
}

body {
    font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
    color: #333;
    margin: 0;
    line-height: 1;
	background:url(../images/page_bg.jpg) repeat center;
}

:focus {
    outline: 1;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}


li,
ul {
    list-style-type: none;
}

img {
    border: none;
}

a {
    color: #333;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

a:link,
a:hover,
a:active,
a:visited {
    text-decoration: none;
}

input,
textarea {
    outline: 0;
    border: 0;
}

textarea {
    resize: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
i,
em {
    font-weight: normal;
    font-style: normal;
}
.clear{clear:both;}

.he_title{width:1180px;margin:30px auto 0 auto;}
.he_title h3 a {font-size:24px;color:#68aa00; text-align:center;font-weight:bold; margin:0 auto; display:block; line-height:45px;}
.he_title .more {font-size:14px;color:#333; text-align:center; background:url(../images/hz_t.jpg) no-repeat center; margin:0 auto;display:block; }
.gd_02{ position:relative; height:185px; width:1180px;margin:10px auto 0 auto; overflow:hidden；}
.gd_02 em{position: absolute;top: 70px;}
.gd_02 .t_l{ left:0px;}
.gd_02 .t_r{ right:0px;}
.gd_02 #simgs02{ margin:0px 36px;}
.gd_02 li{ float:left; width:250px; text-align:center;margin:30px 10px 40px 10px}
.gd_02 li.last{ padding-right:0;}
.gd_02 li .img img{ display:block; width:248px; height:114px; border:1px solid #dbdbdb; object-fit: contain;}
.gd_02 li a{ color:#000000;}
.gd_02 .fl { float:left;}
.gd_02 .fr { float:right;}
.gd_02 .pa{ position:absolute;}
.gd_02 .pr{ position:relative}
.gd_02 #simgs02 a{color:#000;font-size:14px; line-height:30px; text-align:center;}

.product_bg{margin:50px auto 0 auto;width:100%; background:url(../images/chanpin_bg.jpg) repeat center; height:850px;}
.product{margin:0 auto;width:1180px;padding-top:50px; overflow:hidden;}
.list{ float:left; width:250px; background:#eee;height:780px;}
.list .list_t{height:125px;text-align:center; background:url(../images/cp_t.png) no-repeat center; display:block;}
.list .list_t h2 a { font-size:24px; color:#fff;display:block; line-height:90px; font-weight:bold;}
.list .list_con{ float:left;}
.list .list_con ul li.first{ background:url(../images/list.jpg) no-repeat center; height:39px; line-height:39px;margin:20px 0px 5px 14px;width:222px; border:none;}
.list .list_con ul li.first a{ font-size:16px; color:#fff;display:block; font-weight:bold;}
.list .list_con ul li{ line-height:40px; float:left; width:222px;background:url(../images/buttom.png) no-repeat 20px center; border-bottom:1px dashed #a1a1a1;margin:0 14px;}
.list .list_con ul li a{ font-size:14px; color:#333;padding-left:35px;}
.list .list_con ul li a:hover{color:#68aa00;}
.list .list_con ul li.first a:hover{color:#fff;}

#tab{width:900px;position:relative;margin:0 auto 0 20px; float:right;}                            
#tab .tab_menu{width:100%;float:left;position:absolute;z-index:1;}
#tab .tab_menu li{float:left;width:143px;height:47px;line-height:47px;cursor:pointer;text-align:center;margin:0px 0px 10px 0; font-size:16px; background:#0077bc; color:#fff;}
#tab .tab_menu li a{font-size:16px;color:#fff;}
#tab .tab_box{width:900px;height:200px;clear:both;top:50px;position:relative; float:right; }
#tab .tab_menu .selected{background:url(../images/fl_hover.png) no-repeat center;cursor:pointer;color:#fff;height:55px;}
#tab .tab_box ul li{width:205px; height:205px; float:left;margin:10px 20px 25px 0; background:#eee;}
#tab .tab_box ul li img{width:195px; height:157px;}
#tab .tab_box ul li a{color:#333; }
#tab .tab_box ul li p a{width:205px; text-align:center; display:block; height:23px; line-height:23px; font-size:14px;}
#tab .tab_box ul li.last{ overflow:none;}
#tab .tab_box ul li img{ padding:5px;}
#tab .hide{display:none;}
#tab .tab_box div{padding:10px 0;} 
#tab .tab_box ul li:hover{ background:#68aa00;}
#tab .tab_box ul li:hover a{color:#fff;}

.tx_bg{width:100%; background:url(../images/chanpin_bg.jpg)repeat center;height:695px;margin: 0 auto; position:relative;}
.tx_bg .te{width:1180px ;height:624px;margin: 0 auto; position:relative; padding-top:50px;}
.tx_bg .tx_title{ width:1180px; margin:0 auto; text-align:center;}
.tx_bg .tx{ width:1180px; height:480px; margin:0 auto; position:relative;}
.tx_bg .tx1{position:absolute; top:100px;width:560px; height:100px;right:130px; }
.tx_bg .tx1 .tx_t{ color:#68aa00; font-size:18px;position:absolute;  left:70px; font-weight:bold; }
.tx_bg .tx1 .tx_nr{ color:#333; font-size:14px;position:absolute;  left:85px;top:30px; }
.tx_bg .tx2{position:absolute; top:180px;width:560px; height:100px;right:90px;}
.tx_bg .tx2 .tx_t{ color:#68aa00; font-size:18px;position:absolute;  left:70px; font-weight:bold; }
.tx_bg .tx2 .tx_nr{ color:#333; font-size:14px;position:absolute;  left:80px;top:30px; }
.tx_bg .tx3{position:absolute; top:265px;width:560px; height:100px;right:80px;}
.tx_bg .tx3 .tx_t{ color:#68aa00; font-size:18px;position:absolute;  left:70px; font-weight:bold; }
.tx_bg .tx3 .tx_nr{ color:#333; font-size:14px;position:absolute;  left:80px; top:30px;}
.tx_bg .tx4{position:absolute; top:345px;width:560px; height:100px;right:100px;}
.tx_bg .tx4 .tx_t{ color:#68aa00; font-size:18px;position:absolute;  left:70px; font-weight:bold; }
.tx_bg .tx4 .tx_nr{ color:#333; font-size:14px;position:absolute;  left:80px;top:30px; }
.tx_bg .tx5{position:absolute; top:420px;width:560px; height:100px;right:145px;}
.tx_bg .tx5 .tx_t{ color:#68aa00; font-size:18px;position:absolute;  left:70px; font-weight:bold; }
.tx_bg .tx5 .tx_nr{ color:#333; font-size:14px;position:absolute;  left:80px;top:30px; }
.tx_bg .tu{position:absolute; top:83px;width:419px; height:371px;left:110px;}
.tx_bg .tu img{width: 469px;
height: 412px;}

.banner1{margin:0px auto 0 auto;width:100%; height:254px; background:url(../images/banner_1.jpg)  no-repeat center;}
.banner1 .zx {width:1180px;margin:0 auto;}
.banner1 .zx .zx1{ width:520px; float:left;margin:130px 0px 0 55px;}
.banner1 .zx .zx1 .rexian{color:#333;font-size:14px;margin: 22px 0 0 20px; float:left; border:1px solid #0077bc; width:310px; height:63px; line-height:63px; text-align:center;}
.banner1 .zx .zx1 .rexian span{color:#68aa00;font-size:24px; line-height:63px; font-weight:bold;}
.banner1 .zx img{margin:22px 0 0px 0px;}

.case{width:1180px; margin:30px auto 0 auto;height:360px;}
.case_title{width:1180px;margin: 0 auto; background:url(../images/case_t.jpg) no-repeat center;}
.case_title h3 a{font-size:30px;color:#68aa00; text-align:center; line-height:39px; font-weight:bold; display:block;}
.case_title h3 a p{font-size:14px;color:#0077bc; text-align:center;font-weight:normal;}
.gd_01{ position:relative; height:270px; width:1180px;margin:20px auto 0 auto; overflow:hidden;}
.gd_01 em{position: absolute;top: 85px;}
.gd_01 .t_l{ left:3px;}
.gd_01 .t_r{ right:3px;}
.gd_01 #simgs{ margin:0px 36px;}
.gd_01 li{ float:left; width:262px; text-align:center;margin:10px 5px 40px 5px; background:url(../images/img_y.jpg) no-repeat bottom center;height: 259px;}
.gd_01 li.last{ padding-right:0;}
.gd_01 li .c_img img{ display:block; width:260px; height:190px; border:1px solid #dcdcdc; }
.gd_01 li a{ color:#333;}
.gd_01 .fl { float:left;}
.gd_01 .fr { float:right;}
.gd_01 .pa{ position:absolute;}
.gd_01 .pr{ position:relative}
.gd_01 #simgs p a{color:#fff;font-size:14px; line-height:42px; text-align:center;background:#68aa00; height:42px; width:262px; display:block; bottom:24px;}

.youshi_box{ background:url(../images/ab_bg.jpg)repeat center;height:1050px; width:100%; margin:30px auto 0 auto;}
.youshi{ width:1180px; margin:0 auto;}
.youshi_title a{ height:70px; margin:0 auto; padding-top:50px; background:url(../images/ys_t.png) no-repeat bottom center; font-size:36px; font-weight:bold; color:#68aa00; text-align:center; display:block;padding-left: 80px;}
.youshi_title p{ margin:0 auto; padding-top:20px; background:url(../images/ys_xt.png) no-repeat bottom center; font-size:18px; font-weight:normal; color:#0077bc; text-align:center;}
.youshi_nr { height: 685px; margin:0 auto;}
.youshi_shuzi{ width:1180px; margin:0 auto;}
.youshi_shuzi ul li{ background:#0077bc; height:87px; width:293px; float:left; margin:0 1px; display:block;}
.youshi_shuzi ul li:hover{ background:#68aa00;}

.youshi_shuzi ul li:hover,.youshi_shuzi ul li.casehover{ background:#68aa00;}


.sz{ color:#FFF; font-size:24px; text-align:center; font-weight:bold; line-height:87px;}

.ys1_bg{ background:url(../images/ys_nr.jpg) no-repeat center; width:1180px; height:263px; margin:0 auto; position:relative;}
.ys1_bg .ys_img{width:1180px; height:408px; margin:0 auto; position:relative;}
.ys1_bg .ys_img img{width:1180px; height:408px;}
.ys_1{ margin-top:70px;}
.ys1_w{ position:absolute; line-height:55px; line-height:30px; font-size:16px; padding-left:295px;}
.ys1_w b{ font-size:24px; display:block; line-height:40px; color:#68aa00;margin: 40px auto;}

.ys1_bg .phone{width:265px; height:263px;position:relative; left:0px; font-size:14px; color:#fff;}
.ys1_bg .phone p{font-size:14px; color:#fff;background:url(../images/phone.png) no-repeat 20px bottom; padding: 160px 0 0 70px;}
.ys1_bg .phone span{ font-size:24px; font-weight:bold; color:#fff;display: block;  }

.review_title{width:1180px;margin:50px auto 0 auto;}
.review_title h3 a {font-size:30px;color:#68aa00; text-align:center; line-height:40px; font-weight:bold; background:url(../images/case_t.jpg) no-repeat bottom center; display:block; margin:0 auto;}
.review_title p {font-size:14px;color:#0077bc; text-align:center; font-weight:normal;margin:0 auto;}
.review{width:1180px; height:410px; margin:50px auto 0 auto;}

.review ul li{width:270px; float:left;height:450px;margin:0 11px; background:#f3f3f3;}
.review ul li .img{width:180px; margin:30px auto 0 auto;}
.review ul li .img img{width:180px;height:180px; border-radius:50%;}
.review ul li .neir{width:280px; height:210px;margin-top:15px;}
.review ul li .neir h5{font-size:14px;color:#333; font-weight:bold;text-align:center; margin:10px 25px; height:30px; }
.review ul li .neir p{font-size:12px;color:#333;line-height:200%; overflow:hidden;margin:0 10px; height:100px; overflow:hidden;}
.review ul li .xq{width:135px;height:34px; background:#0077bc; margin:20px auto;}
.review ul li .xq a{color:#fff; line-height:34px; text-align:center; display:block; font-size:14px;}
.review ul li:hover{background:#68aa00;}

.banner2{margin:30px auto 0 auto;width:100%; height:220px; background:url(../images/banner_2.jpg)  no-repeat center;}
.banner2 .zx {width:1180px;margin:0 auto;}
.banner2 .zx .zx1{ width:480px; float:right;margin:65px 30px 0 0px;}
.banner2 .zx .zx1 .rexian{color:#fff;font-size:14px;margin: 22px 0 0 20px; float:left; border:1px solid #0077bc; width:310px; height:63px; line-height:63px; text-align:center;}
.banner2 .zx .zx1 .rexian span{color:#fff;font-size:24px; line-height:63px; font-weight:bold;}
.banner2 .zx img{margin:22px 0 0px 0px;}

.about_bg{width:100%;margin:0px auto 0 auto; height:730px; background:url(../images/ab_bg.jpg) repeat center; position:relative; }
.about{width:1180px;margin:0px auto 0 auto; height:470px; position:relative;}
.about .ab_t{ width:330px; height:210px; background:url(../images/ab_t.jpg) no-repeat center; position:absolute; top:-10px; left:0px;}
.about .ab_t h3 a{margin:70px auto 0 auto; height:40px;  font-size:24px; color:#fff; font-weight:bold; display:block; text-align:center;}
.about .ab_t p{ font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#fff; margin:0 auto; text-align:center;}
.about .img{ float:right; height:350px; background:url(../images/ab_img.jpg) no-repeat right center; margin:50px 0 0 0px;}
.about .img img{width:630px; height:350px; }
.about  .box{width:470px; height:350px; float:left;margin-top: 50px; background:#fff; padding:0 40px;}
.about  .box h3 a{font-size:18px;color:#333; line-height:50px;font-weight:bold; display:block; margin-top:150px;}
.about  .box p{font-size:14px;color:#545454; line-height:24px; text-indent:2em;}


.rongyu{ width:1180px; height:290px;  margin:0px auto 0 auto;}
.rongyu .ttt{ width:130px; margin:22px auto 0 auto; float:left; height:128px; background:#68aa00;}
.rongyu .ttt ul{height:62px;margin:0 auto; width:126px; padding:2px;}
.rongyu .ttt li{font-family: microsoft yahei;width:126px;  height:62px;  text-align:center; line-height:62px;cursor:pointer; color:#fff;background:#68aa00; }
.rongyu .ttt li a{ color:#fff;font-size:16px; font-weight:bold; }
.rongyu .ttt li.hover{ background:#fff;}
.rongyu .ttt li.hover a{color:#68aa00;}
.rongyu .tabcont{ width:1020px; float:right; height:auto;}
.rongyu .tabcont .tabc{width:1020px; float:left; height:215px; overflow:hidden;}
.rongyu .tabcont .tabc ul li{ width:239px; float:left;margin:0 15px; margin-top:5px;}
.rongyu .tabcont .tabc ul li:hover{}
.rongyu .tabcont .tabc ul li img{ width:235px; height:170px; border:4px solid #e2e2e2;}
.rongyu .tabcont .tabc ul li span{ width:235px; text-align:center; line-height:28px; float:left;font-size:14px; color:#333; }

.trends{margin: 50px auto 0 auto;width:1180px; height:450px; overflow:hidden; }
.trends .xwr{ width:770px; float:left;margin-left:4px;}
.xwr .xwnr_t{  border-bottom:1px solid #a4a4a4;height:45px; line-height:45px;}
.xwr .xwnr_t ul{ float:left; }
.xwr .xwnr_t ul li{ float:left; width:100px; text-align:center;}
.xwr .xwnr_t ul li a{ font-size:16px; color:#333; font-weight:bold;}
.xwr .xwnr_t ul li.casehover a{ color:#009800;}
.xwr .xwnr_t ul li.casehover{ border-bottom:2px solid #009800; color:#009800;}

.xwr .xwnr_con{ float:left;}
.xwnr_con .neirong1{float:left; margin-top:20px;}
.neirong1 .nr_left{ width:770px; height:184px;}
.neirong1 .nr_left img{ width:270px; height:162px;border:1px solid #dbdbdb; float:left;}
.neirong1 .nr_left .l_nr{ float:left;width: 460px;margin-left: 20px;}
.neirong1 .nr_left .l_nr h5{  font-size:14px; font-weight:bold; color:#333; line-height:30px;}
.neirong1 .nr_left .l_nr p{ width:460px; font-size:12px; color:#545454; line-height:24px; height:100px; overflow:hidden;}
.neirong1 .nr_left .l_nr .more{ width:102px; height:30px; font-size:12px; color:#333; line-height:30px; display: block; text-align:center; border:1px solid #68aa00; border-radius:15px; float:right;}
.neirong1 .nr_right{ width:770px; }
.neirong1 .nr_right ul li{ height:54px;width:370px; margin:0 15px 10px 0 ; float:left;}
.nr_right .nrr{ width:368px; height:52px; border:1px solid #cbcbcb;color:#333;}
.nrr .nrr_l{ float:left; width:58px; font-size:12px; text-align:center; background:#cbcbcb; height:42px;padding-top: 10px }
.nrr .nrr_l span{ font-size:14px; font-weight:bold;}
.nrr .nrr_r{ width:270px; float:left; margin-left:10px;}
.nrr_r span{ line-height:25px;}
.nrr_r span a{ font-size:14px; color:#333; font-weight:bold;overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;}
.nrr_r p{ color:#333; width:270px; white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden; }
.nr_right .nrr:hover{ width:370px; height:52px; border:1px solid #68aa00;}
.nrr .nrr_l:hover{background:#68aa00; color:#fff; }
.nrr .nrr_l:hover span{color:#fff; }


.trends .wenti{width:360px;float:right;height:400px; margin-right:4px;}
.trends .wenti .question_title{height:45px;border-bottom:1px solid #a4a4a4;}
.trends .wenti .question_title  h3 a{ float:left;font-size:16px; color:#333; font-weight:bold; display:block; line-height:45px;border-bottom:2px solid #009800; width:100px; text-align:center;}
.trends .wenti .question_title .more{ float:right;font-size:14px; color:#333;line-height:45px;display:block; line-height:45px;}
.trends .wenti ul li{margin:20px auto;border-bottom:1px dashed #e1e1e1;}
.trends .wenti .question{ line-height:200%; height:365px; margin:20px 8px 0 8px; overflow:hidden;}
.trends .wen a{color:#333;font-size:12px; line-height:20px; background:url(../images/Q.jpg) no-repeat left center;padding-left:25px;font-weight:bold;line-height: 22px;
display: block;}
.trends .right .question ul li{border-bottom:1px dotted #a0a0a0;margin:12px auto;}
.trends .da{margin:10px auto;}
.trends .da p{color:#545454;font-size:12px; line-height:24px;background:url(../images/A.jpg) no-repeat left top;padding-left:25px;height: 100px;
overflow: hidden;}

.catenate_bg{width:100%; margin:20px auto 0 auto; height:50px; background:#ececec; padding:20px 0;}
.catenate{width:1180px; height:50px; margin:0 auto; }
.catenate .link span{ float:left; font-size:18px; font-weight:bold; color:#68aa00;margin:0px 50px 0 10px; display:block; line-height:50px; border-right:1px solid #c9c9c9; padding-right:20px;}
.catenate .yq a{ font-size:14px; color:#333; line-height:50px; margin-left:10px;}