/**
 * @author:王欢
 * @email:13341343186@163.com
 * @time:2017-9
 */
@font-face {
    font-family: 'iconfont';
    src: url('../font/font_1432720974_1547027.eot'); /* IE9*/
    src: url('../font/font_1432720974_1547027.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/font_1432720974_1547027.woff') format('woff'), /* chrome銆乫irefox */
    url('../font/font_1432720974_1547027.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
    url('../font/font_1432720974_1547027.svg') format('svg'); /* iOS 4.1- */
}
@font-face {
    font-family: 'Glyphicons Halflings';
    src:url('../font/glyphicons-halflings-regular.eot');
    src: url('../font/glyphicons-halflings-regular.eot') format('embedded-opentype'), url('../font/glyphicons-halflings-regular.woff') format('woff'), url('../font/glyphicons-halflings-regular.ttf') format('truetype'), url('../font/glyphicons-halflings-regular.svg') format('svg');
}
a,a:link,a:visited,a:hover,a:active{text-decoration:none;}
ol,ul,h1,h2,h3,h4,h5,h6,p,dd,dt,dl{ margin: 0; padding: 0;}
*{
    font-family: "微软雅黑";
    margin: 0;
    padding: 0;
    list-style: none;
}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.no-padding{padding-left: 0; padding-right: 0;}
.container{max-width:1200px !important; padding-left: 0; padding-right: 0;}
@media (max-width:991px){
    .container{padding-left: 15px; padding-right: 15px;}
}
.container-fluid{max-width: 1000px!important;}
.xiao{padding-left: 5px; padding-right: 5px;}
.no-div{display: none;}
.no_left{padding-left: 0!important;}
.no_right{padding-right: 0;!important;}
.middle{vertical-align: middle;display: table-cell;}
.tr{transition: all 0.4s;-moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;}

header .head_main{width: 100%; position: relative;}
header .head_top{width: 100%; background-color: #f2f2f2; padding: 2px 0;}
header .head_top .top_txt{font-size: 12px; color: #000; height: 30px; line-height: 30px; float: left;}
header .head_top .top_call{float: right; height: 30px; line-height: 30px; font-size: 0;}
header .head_top .top_call a{font-size: 12px; color: #000; position: relative;padding: 0 5px;}
header .head_top .top_call a:before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 12px; background-color: #616161;}
header .head_top .top_call a:hover{color: #029604;}
/**/
header .head_box{width: 100%; height: 130px; background: #fff;}
header .head_box .logo{height: 130px; display: table; float: left;}
header .head_box .logo a{display: table-cell; vertical-align: middle;}
header .head_box .logo a img{width: 634px; height: auto;}
/**/
header .head_call{float: right; display: table; height: 130px;}
header .head_call .call_box{background: url("../image/head_call.png") no-repeat left; padding: 5px 0 5px 65px;}
header .head_call .call_box h5{font-size: 14px; color: #000000; height: 20px; line-height: 20px;}
header .head_call .call_box h4{font-size: 30px; color: #029604; height: 30px; line-height: 30px; font-family: "Arial"; font-weight: bold;}
/**/
header .head_nav{width: 100%; position: relative; background: #029604; background-size: cover;}
header .head_nav nav{max-width: 1200px; height: auto; margin: 0 auto;}
header .head_nav ul{width: 100%; float: left;}
header .head_nav .top_li{width: 14.22222%; float: left; height: 50px; display: table; position: relative; text-align: center; }
header .head_nav .top_li>a{color: #FFFFFF; font-size: 14px; line-height: 50px; display: block;}
header .head_nav .top_li:after{content: ""; display: block; width: 1px; height: 20px; background: #81cb82; position: absolute; top: 0; bottom: 0; right: 0; margin: auto 0;}
header .head_nav .top_li:hover>a{background: #fff; color: #029604;}
header .head_nav .top_li .er{display: none; position:absolute; top:50px; width: 100%; left: 0; z-index:99999; border: 2px solid #029604;}
header .head_nav .top_li .er li{padding:0;height: 40px; background: rgba(0,0,0,0.7); transition:all 0.3s;}
header .head_nav .top_li .er li a{line-height:40px;  color:#fff; transition:all 0.3s; border-bottom: none; display: block; background: none; padding: 0 12px;}
header .head_nav .top_li .er li:hover{background: #029604;}
header .head_nav .top_li .er li:hover a{color: #FFFFFF;}
header .lunbos{padding-top: 33%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
/**/
.content{margin: 20px 0;}
.con_layout{margin-top: 20px;}
/*产品*/
.product_main .prct_left{width: 24%; float: left; margin-right: 1%;}
.product_main .prct_right{width: 74%; float: left; margin-left: 1%;}
.product_main .sideBar_m{}
.product_main .sideBar_m .p_tit{background: #029604;  position: relative; text-align: center;}
.product_main .sideBar_m .p_tit .p_tits{background: url("../image/prct_tit.png") no-repeat left; display: inline-block; padding: 20px 0 20px 85px; text-align: left;}
.product_main .sideBar_m .p_tit h4{font-size: 30px; color: #FFFFFF; font-weight: bold;}
.product_main .sideBar_m .p_tit h5{font-size: 14px; color: #fff; font-family: "Arial"; margin-top: 5px;}
.product_main .sideBar_m .p_tit span{position: absolute; right: 15px; top: 9px; font-size: 22px; color: #FFFFFF;}
.product_main .sideBar_m ul{display: none;}
.product_main .sideBar_m .p_ul{background-color: #096400; overflow: hidden; padding: 15px 10px;}
.product_main .sideBar_m .p_li{width: 100%; position: relative; margin-bottom: 15px;}
.product_main .sideBar_m .p_li>a{display: block; height: 45px; line-height: 45px; position: relative; padding: 0 30px 0 50px; font-size: 14px; color: #313131;background: url("../image/p_left.png") no-repeat 10px #fff;}
.product_main .sideBar_m .p_li>a:after{content: ""; position: absolute; width: 9px; height: 10px; top: 0; bottom: 0; right: 15px; margin: auto; background: url("../image/jiantou.png") no-repeat; background-size: 100% 100%;}
.product_main .sideBar_m .p_li:hover>a{background-color: #da251c; color: #ffffff;}
/**/
.product_main .p_title{background: url("../image/cp_right_tit.jpg") no-repeat left; padding: 5px 0 5px 138px;}
.product_main .p_title .txt_title{border-bottom: 3px solid #dc1917; padding-bottom: 10px;}
.product_main .p_title img{width: 279px; height: auto;}
.product_main .txt_title a{float: right; margin-top: 25px; font-size: 13px; color: #333333;}
.product_main .prct_item{width: 100%;}
.product_main .prct_item .imgbox{position: relative; display: block; overflow: hidden; border: 4px solid #ffffff; box-shadow: 0 0 6px 2px #aaa;}
.product_main .prct_item .imgbox:before{content: ""; display: block; padding-top: 75%;}
.product_main .prct_item .imgbox .prct_img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%;}
.product_main .prct_item .prct_txt{height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #333333;}
.product_main .prct_item:hover .imgbox .prct_img{transform:scale(1.1);}
.product_main .prct_item:hover .prct_txt{color: #029604;}
/*公司简介*/
.about_main{width: 100%; background-color: #f7f7f7;}
.about_main .a_tit1{border-left: 3px solid #3cae4f;  font-weight: bold; padding-left: 10px; }
.about_main .a_tit1 h4{font-size: 20px;font-weight: bold; color: #666666;}
.about_main .a_tit1 span{font-size: 14px; color: #838282; font-weight: normal;}
.about_main .about_box{background-color: #ececec; position: relative; width: 90%; margin-left: 10%; padding: 20px 0 20px 95px;}
.about_main .about_box .a_tit2{position: absolute; background-color: #3cae4f; padding: 30px 15px; left: -90px; width: 130px;}
.about_main .about_box .a_tit2:before{content: ""; position: absolute; left: 0; bottom: -3px; width: 100%; height: 1px; background-color: #3cae4f;}
.about_main .about_box .a_tit2 h4{font-size: 18px; color: #ffffff; font-weight: bold; position: relative; padding-top: 10px;}
.about_main .about_box .a_tit2 h4:before{content: ""; position: absolute; top: 0; left: 0; width: 35px; height: 2px; background-color: #ffffff;}
.about_main .about_box .a_tit2 h5{font-size: 12px; color: #ffffff; margin-top: 5px;}
.about_main .about_box .txtbox p{font-size: 14px; color: #666666; line-height: 25px;}
.about_main .about_list{width:100%; overflow:hidden; position:relative; margin-top: 15px;}
.about_main .about_list .bd ul{ overflow:hidden; zoom:1;}
.about_main .about_list .bd ul li{margin:0 10px; float:left; _display:inline; overflow:hidden; width: 135px; }
.about_main .about_list .imgbox{text-align: center; overflow: hidden; position: relative;}
.about_main .about_list .imgbox:before{content: ""; display: block; padding-top: 100%;}
.about_main .about_list .imgbox img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;}
/*横幅*/
.hf_main{width: 100%;}
.hf_main .imgbox{text-align: center; overflow: hidden;}
.hf_main .imgbox img{max-width: 100%; height: auto;}
/*新闻*/
.news_main{width: 100%; background-color: #f7f7f7;}
.news_main .news_left{width: 49%; float: left; margin-right: 1%; background-color: #ffffff;}
.news_main .news_right{width: 49%; float: left; margin-left: 1%; background-color: #ffffff;}
.news_main .news_tit1{width: 100%; height: 150px;}
.news_main .news_tit1 .tit1_left{width: 180px; height: 100%; float: left; background-color: #009819; padding: 30px 20px; position: relative;}
.news_main .news_tit1 .tit1_left:before{content: ""; position: absolute; bottom: -9px; left: 0; right: 0; margin: auto; width: 31px; height: 9px; background: url("../image/sanjiao.png") no-repeat; background-size: 100% 100%;}
.news_main .news_tit1 .tit1_left h4{font-size: 24px; color: #ffffff; position: relative; padding-top: 15px;}
.news_main .news_tit1 .tit1_left h4:before{content: ""; position: absolute; left: 0; top: 0; width: 25px; height: 2px; background-color: #ffffff;}
.news_main .news_tit1 .tit1_left h5{font-size: 12px; color: #ffffff; margin-top: 5px;}
.news_main .news_tit1 .tit1_right{width: calc(100% - 180px); height: 100%; float: left;}
.news_main .news_tit1 .tit1_right img{max-width: 100%; max-height: 100%;}
/**/
.news_main .news_list{width: 100%; overflow: hidden; margin-top: 15px;}
.news_main .xw_li{border-bottom: 1px solid #f7f7f7; padding: 10px 0; }
.news_main .xw_li .xw_box1 .date, .xw_box2 .date{width: 160px; float: left; text-align: center;  overflow: hidden;}
.news_main .xw_li .xw_box1 .txt, .xw_box2 .txt{width: calc(100% - 160px); float: left;overflow: hidden;}
.news_main .xw_li .xw_box1 .date{font-size: 16px; color: #a2a2a2; height: 20px; line-height: 20px;}
.news_main .xw_li .xw_box1 .txt{ font-size: 14px; color: #767676; height: 20px; line-height: 20px;}
.news_main .xw_li .xw_box2 .date{font-size: 51px; color: #009819; position: relative;}
.news_main .xw_li .xw_box2 .date:before{content: ""; position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 25px; height: 1px; background-color: #d7d7d9;}
.news_main .xw_li .xw_box2 .txt{font-size: 14px; color: #666666; height: 40px; line-height: 20px; margin-top: 15px; overflow: hidden;}
.news_main .xw_li .xw_box2{display: none; margin-top: 10px;}
/*.news_main .act{height: 133px;}*/
.news_main .act .xw_box1{height: 30px; line-height: 30px;}
.news_main .act .xw_box2{display: block;}
/**/
.news_main .news_tit2{width: 100%; height: 150px; display: table; background-color: #ececec; padding: 0 30px;}
.news_main .news_tit2 h4{font-size: 24px; color: #404040; position: relative; padding-top: 20px;}
.news_main .news_tit2 h4:before{content: ""; position: absolute; top: 0; left: 0; width: 25px; height: 3px; background-color: #797979;}
.news_main .news_tit2 h5{font-size: 12px; color: #919191; font-family: "Arial"; margin-top: 5px;}
.news_main .news_tit2 a{font-size: 12px; color: #009819; font-family: "Arial"; margin-top: 15px; display: inline-block;}
.news_main .news_right .imgbox{text-align: center; overflow: hidden;}
.news_main .news_right .imgbox img{max-width: 100%; height: auto;}
.news_main .news_right .txtbox{background-color: #ffffff;padding: 20px;}
.news_main .news_right .txtbox h4{font-size: 16px; color: #009819;}
.news_main .news_right .txtbox p{font-size: 14px; color: #666666; line-height: 20px; height: 40px; overflow: hidden; margin-top: 10px;}
/*联系我们*/
.tact_title{width: 100%; overflow: hidden; text-align: center;position: relative;}
.tact_title .title{display: inline-block; padding: 0 15px;}
.tact_title .EN{font-size: 26px; color: #666; font-family: "Arial";}
.tact_title .CN{width: 160px; font-size: 22px; color: #009819; font-weight: bold; display: inline-block;}
.tact_title .CN:before,.tact_title .CN:after{content: ""; position: absolute; width: calc(50% - 80px); background-color: #f0f0f0; height: 2px; bottom: 12px;}
.tact_title .CN:before{left: 0;}
.tact_title .CN:after{right: 0;}
.contact_main{width: 100%; background: #f0f0f0; overflow: hidden;}
.contact_main .ContactUs-text h1{font-size:16px; color:#555555; line-height:40px;}
.contact_main .ContactUs-text .h5{ height:125px; overflow:hidden;}
.contact_main .ContactUs-text .h5 p{color:#505050; line-height:25px; text-indent:2em; font-size: 13px;}
.contact_main .ContactUs-text .detailed{overflow:hidden;}
.contact_main .ContactUs-text .detailed nav{width: 100%; float: left;}
.contact_main .ContactUs-text .detailed li{height:25px; line-height:30px; color:#505050; font-size: 14px; text-overflow:ellipsis;}
.contact_main .ContactUs-text .detailed li b{display: inline-block; height: 25px; width: 20px; margin:0 4px 0 0;color:#505050;  line-height:25px;}
.contact_main .ContactUs-text  label{ padding-top:0 !important; text-align:left !important; color:#505050; height:34px; line-height:34px; font-weight:normal;}
.contact_main .ContactUs-text input{ background:#f7f7f7; border:dashed 1px #aaa;}
.contact_main .form-horizontal .form-group{margin-left: 0; margin-right: 0;}
.contact_main .ContactUs-text textarea{ max-width:100%; background:#f7f7f7; border:dashed 1px #aaa;}
.contact_main .ContactUs-text button{ width:100%; height:30px; color:#fff; background:#009819; border:none; transition:all 0.3s;}
.contact_main .ContactUs-text button:hover{ background:#009819;}
/*底部*/
.foot_main{width: 100%; background-color: #009819;}
.foot_main .foot_con{margin: 10px 0;}
.foot_main .foot_nav{text-align: center;}
.foot_main .foot_nav ul{display: inline-block; width: 100%; background-color: #ffffff; font-size: 0; padding: 8px 0; box-shadow: 0 10px 20px 3px #00500d;}
.foot_main .foot_nav li{position: relative; float: left; width: 14.2222%; text-align: center;}
.foot_main .foot_nav li:before{content: ""; display: block; width: 1px; height: 15px; background: #010101; position: absolute; top: 0; bottom: 0; right: 0; margin: auto 0;}
.foot_main .foot_nav li a{font-size: 14px; color: #010101;}
.foot_main .foot_nav li a:hover{color: #009819}
.foot_main .foot_box{width: 100%; margin-top: 20px;}
.foot_main .foot_box .erweima{width: 130px; float: left;}
.foot_main .foot_box .erweima .ma{width: 100%; text-align: left;}
.foot_main .foot_box .erweima .ma img{max-width: 100%; height: auto;}
.foot_main .foot_box .foot_txt{width: calc(100% - 130px); float: left; padding: 5px 0 0 20px;}
.foot_main .foot_box .foot_txt p{font-size: 14px; color: #ffffff; line-height: 25px;}
.foot_main .foot_box .foot_txt p a{font-size: 14px; color: #ffffff;}
/*内页*/
.inner_page .page_left{width: 24%; float: left; margin-right: 1%;}
.inner_page .page_right{width: 74%; float: left; margin-left: 1%;}
.page_tit{border-bottom: 1px solid #202020; padding: 7px 0;}
.page_tit h4{float: left; font-size: 18px; color: #000; font-weight: bold; background: url("../image/n_tit.jpg") no-repeat left; padding-left: 10px;}
.page_tit h5{float: right; font-size: 14px; color: #000; margin-top: 3px;}
.page_tit h5 a{font-size: 14px; color: #000;}
/**/
.sideBar_page .side_top{margin-bottom: 15px;}
.sideBar_page .n_tit{background: #029604;  position: relative; text-align: center;}
.sideBar_page .n_tit .n_tits{background: url("../image/prct_tit.png") no-repeat left; display: inline-block; padding: 20px 0 20px 85px; text-align: left;}
.sideBar_page .n_tit h4{font-size: 30px; color: #FFFFFF; font-weight: bold;}
.sideBar_page .n_tit h5{font-size: 14px; color: #fff; font-family: "Arial"; margin-top: 5px;}
.sideBar_page .n_tit span{position: absolute; right: 15px; top: 9px; font-size: 22px; color: #FFFFFF;}
.sideBar_page ul{display: none;}
.sideBar_page .n_ul{background-color: #096400; overflow: hidden; padding: 15px 10px;}
.sideBar_page .n_li{width: 100%; position: relative; margin-bottom: 15px;}
.sideBar_page .n_li>a{display: block; height: 45px; line-height: 45px; position: relative; padding: 0 30px 0 50px; font-size: 14px; color: #313131;background: url("../image/p_left.png") no-repeat 10px #fff;}
.sideBar_page .n_li>a:after{content: ""; position: absolute; width: 9px; height: 10px; top: 0; bottom: 0; right: 15px; margin: auto; background: url("../image/jiantou.png") no-repeat; background-size: 100% 100%;}
.sideBar_page .n_li:hover>a{background-color: #da251c; color: #ffffff;}
/*下*/
.sideBar_page .side_bot .zuo_tit{padding: 10px; background-color: #ff1900; font-size: 22px; color: #fff700; font-weight: bold;}
.sideBar_page .side_bot .txtbox{padding: 15px 10px; color: #ffffff; font-size: 14px; line-height: 25px; background-color: #009819;}

/*产品页面*/
.product_page .prct_item{width: 100%;}
.product_page .prct_item .imgbox{position: relative; display: block; overflow: hidden; border: 4px solid #ffffff; box-shadow: 0 0 6px 2px #aaa;}
.product_page .prct_item .imgbox:before{content: ""; display: block; padding-top: 75%;}
.product_page .prct_item .imgbox .prct_img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%;}
.product_page .prct_item .prct_txt{height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #333333;}
.product_page .prct_item:hover .imgbox .prct_img{transform:scale(1.1);}
.product_page .prct_item:hover .prct_txt{color: #029604;}
/*内页*/
.product_show{width: 100%;}
.product_show .prct_tit{text-align: center; font-size: 18px; color: #000;}
.product_show .imgbox{text-align: center; overflow: hidden; margin-top: 15px;}
.product_show .imgbox img{text-align: center; max-width: 100%; height: auto;}
.product_show .txtbox{overflow: hidden; margin-top: 15px;}
.product_show .txtbox p{font-size: 14px; color: #333333; line-height: 25px;}

/*关于我们页面*/
.about_page{width: 100%;}
.about_page .txtbox{overflow: hidden;}
.about_page .txtbox p{font-size: 14px; color: #000000; line-height: 25px;}

/*新闻页面*/
.news_page{width: 100%;}
.news_page .news_item{width: 100%; height: 40px; border-bottom: 1px dashed #7f7f7f; overflow: hidden;}
.news_page .news_item a{font-size: 14px; color: #000000; line-height: 40px; position: relative; padding-left: 15px; overflow: hidden;}
.news_page .news_item a:before{content: ""; position: absolute; left: 0; bottom: 0; top: 0; margin: auto;  background: url("../image/xw_jiantou.png") no-repeat left; background-size: 100% 100%; width: 8px; height: 8px;}
.news_page .news_item a span{float: right; font-size: 14px; color: #000000;}
.news_page .news_item a:hover{color: #029604;}
/*内页*/
.news_show{width: 100%;}
.news_show .prct_tit{text-align: center; font-size: 18px; color: #000;}
.news_show .imgbox{text-align: center; overflow: hidden; margin-top: 15px;}
.news_show .imgbox img{text-align: center; max-width: 100%; height: auto;}
.news_show .txtbox{overflow: hidden; margin-top: 15px;}
.news_show .txtbox p{font-size: 14px; color: #333333; line-height: 25px;}

/*技术页面*/
.js_page{width: 100%;}
.js_page .js_item{width: 100%; height: 130px; margin-bottom: 15px; overflow: hidden;}
.js_page .js_item .imgbox{width: 180px; height: 100%; float: left;}
.js_page .js_item .imgbox .js_img{width: 100%; height: 100%;}
.js_page .js_item .txtbox{width: calc(100% - 180px); height: 100%; float: left; padding: 5px 15px; overflow: hidden; background-color: #ffffff;}
.js_page .js_item .txtbox h4{font-size: 14px; color: #000000}
.js_page .js_item .txtbox p{font-size: 14px; color: #000000; margin-top: 10px; height: 40px; line-height: 20px; overflow: hidden;}
.js_page .js_item .txtbox .js_date{margin-top: 15px; font-size: 14px; color: #9b9b9b;}
.js_page .js_item:hover .txtbox{background-color: #029604;}
.js_page .js_item:hover .txtbox h4{color: #ffffff;}
.js_page .js_item:hover .txtbox p{color: #ffffff;}
.js_page .js_item:hover .txtbox .js_date{color: #ffffff;}
/*内页*/
.js_show{width: 100%;}
.js_show .js_tit{text-align: center; font-size: 18px; color: #000;}
.js_show .imgbox{text-align: center; overflow: hidden; margin-top: 15px;}
.js_show .imgbox img{text-align: center; max-width: 100%; height: auto;}
.js_show .txtbox{overflow: hidden; margin-top: 15px;}
.js_show .txtbox p{font-size: 14px; color: #333333; line-height: 25px;}

/*在线留言页面*/
.message_page .tact_tit{font-size: 16px; color: #333333;}
.message_page .form_box{width: 80%; margin: 20px auto 0 auto;}
.message_page .f_item{width: 100%;height: 32px; margin-bottom: 10px;}
.message_page .f_items{width: 100%; margin-bottom: 10px;}
.message_page .f_name{width: 80px; float: left; height: 100%; text-align: right; line-height: 32px; font-size: 13px; color: #333333;}
.message_page .f_txt{width: calc(100% - 80px); float: left; height: 100%; border: 1px solid #ccc; border-radius: 5px; padding: 0 5px; font-size: 13px;}
.message_page .f_txts{width: calc(100% - 80px); float: left; border: 1px solid #ccc; border-radius: 5px; padding: 0 5px; font-size: 13px;}
.message_page .f_item .f_btn{padding: 3px 25px; background-color: #029604; color: #ffffff; border: 1px solid #029604;}

/*联系我们页面*/
.contact_page{width: 100%;}
.contact_page .txtbox{font-size: 14px; color: #000000; line-height: 25px;}
.contact_page .ditu{margin-top: 15px; text-align: center; overflow: hidden}
.contact_page .ditu img{max-width: 100%; height: auto;}


@media (max-width:1199px){
    header .head_box .logo a img{width: 520px;}
    .product_main .sideBar_m .p_tit h4{font-size: 28px;}
    .product_main .sideBar_m .p_tit h5{font-size: 12px;}
    .product_main .sideBar_m .p_li{margin-bottom: 10px;}
    .product_main .sideBar_m .p_ul{padding: 10px;}
    .about_main .about_box{padding: 20px 0 20px 75px}
    .news_main .news_tit1{height: 113px;}
    .news_main .news_tit1 .tit1_left{padding: 20px;}
    .news_main .act .xw_box2{margin-top: 5px;}
    .news_main .act .xw_box1{height: 25px; line-height: 25px;}
    .news_main .xw_li .xw_box1 .date, .xw_box2 .date{width: 120px;}
    .news_main .xw_li .xw_box1 .txt, .xw_box2 .txt{width: calc(100% - 120px);}
    /*.news_main .act{height: 123px;}*/
    .news_main .news_tit2{height: 113px;}
    .news_main .news_tit2 h4{padding-top: 15px;}
    .news_main .news_tit2 a{margin-top: 10px;}
    /*内页*/
    .sideBar_page .n_tit h4{font-size: 28px;}
    .sideBar_page .n_tit h5{font-size: 12px;}
    .sideBar_page .n_li{margin-bottom: 10px;}
    .sideBar_page .n_ul{padding: 10px;}
    .sideBar_page .side_bot .zuo_tit{font-size: 20px;}
    .sideBar_page .side_bot .txtbox{font-size: 12px;}
    .js_page .js_item{height: 120px;}
    .js_page .js_item .imgbox{width: 160px;}
    .js_page .js_item .txtbox{width: calc(100% - 160px);}


}

@media (min-width:991px){
    header .head_nav{display: block!important;}
}

@media (max-width:991px){
    header .head_box{height: 100px;}
    header .head_box .logo{height: 100px;}
    header .head_txt{height: 100px;}
    header .head_call{height: 100px; display: none;}
    header .top_btn{font-size: 32px; color: #029604; position: absolute; top: 65px; right: 18px;}
    header .head_nav{position: absolute; top: 125px;; right: 0; display: none; width: 130px; z-index: 99999; height: auto;}
    header .head_nav .top_li{width: 100%; height: 40px; background: none;}
    header .head_nav .top_li>a{line-height: 40px;}
    header .head_nav .top_li:after{display: none;}
    header .head_nav .top_li .er{display: none!important;}
    .product_main .sideBar_m .p_tit .p_tits{background: none; padding: 15px 0; text-align: center;}
    .product_main .sideBar_m .p_tit h4{font-size: 22px;}
    .product_main .sideBar_m .p_li>a{padding: 0 20px 0 35px; background: url("../image/p_left.png") no-repeat 5px #fff; height: 35px; line-height: 35px;}
    .product_main .sideBar_m .p_li>a:after{right: 8px;}
    .product_main .p_title img{width: 210px;}
    .product_main .p_title{background: none; padding: 0;}
    .about_main .about_list .bd ul li{width: 110px;}
    .about_main .about_box .a_tit2{left: -70px;}
    .news_main .news_tit1{height: 80px;}
    .news_main .news_tit1 .tit1_right{display: none;}
    .news_main .news_tit1 .tit1_left{width: 100%; padding: 10px 20px;}
    .news_main .news_tit1 .tit1_left h4{font-size: 20px; padding-top: 10px;}
    .news_main .xw_li{padding: 8px;}
    .news_main .xw_li .xw_box2 .date{font-size: 42px;}
    .news_main .xw_li .xw_box2 .txt{margin-top: 8px;}
    /*.news_main .act{height: 111px;}*/
    .news_main .news_tit2{height: 80px;}
    .news_main .news_tit2 h4{padding-top: 10px; font-size: 18px;}
    .news_main .news_tit2 a{display: none;}
    /**/
    .sideBar_page .n_tit .n_tits{background: none; padding: 15px 0; text-align: center;}
    .sideBar_page .n_tit h4{font-size: 22px;}
    .sideBar_page .n_li>a{padding: 0 20px 0 35px; background: url("../image/p_left.png") no-repeat 5px #fff; height: 35px; line-height: 35px;}
    .sideBar_page .n_li>a:after{right: 8px;}
    .js_page .js_item{height: 100px;}
    .js_page .js_item .imgbox{width: 140px;}
    .js_page .js_item .txtbox{width: calc(100% - 140px);}
    .js_page .js_item .txtbox p{margin-top: 8px;}
    .js_page .js_item .txtbox .js_date{margin-top: 8px;}
    .message_page .form_box{width: 100%;}

}

@media (min-width: 768px){
    .product_main .sideBar_m .p_ul{display: block!important;}
    .sideBar_page .n_ul{display: block!important;}
}

@media (max-width: 767px){
    header .head_box{height: 70px;}
    header .head_box .logo{height: 70px;}
    header .head_box .logo a img{width: 245px;}
    header .top_btn{top: 22px; font-size: 28px;}
    header .head_nav{top: 60px;}
    header .lunbos{padding-top: 40%;}
    header .head_sear .sear_box{height: 40px;}
    header .head_sear .top_form{width: 200px;}
    .product_main .prct_left{width: 100%; margin-right: 0;}
    .product_main .prct_right{width: 100%; margin-left: 0;}
    .product_main .sideBar_m .p_tit h5{display: none;}
    .product_main .sideBar_m .p_tit .p_tits{padding: 10px 0;}
    .about_main .about_box .a_tit2{left: -50px; padding: 20px 10px; width: 100px;}
    .about_main .about_box .a_tit2 h4{font-size: 16px;}
    .about_main .about_list{display: none;}
    .about_main .about_list .bd ul li{width: 90px; margin: 0 5px;}
    .news_main .news_left{width: 100%;}
    .news_main .news_right{width: 100%;}
    .news_main .news_tit1 .tit1_left h5{display: none;}
    .news_main .news_tit1{height: 50px;}
    .news_main .news_tit1 .tit1_left h4{padding-top: 8px;}
    .news_main .news_tit2{height: 50px;}
    .news_main .news_tit2 h5{display: none;}
    .news_main .xw_li .xw_box1 .date, .xw_box2 .date{width: 80px;}
    .news_main .xw_li .xw_box1 .txt, .xw_box2 .txt{width: calc(100% - 80px)}
    .news_main .xw_li .xw_box1 .date{font-size: 14px;}
    .news_main .xw_li .xw_box2 .date{font-size: 34px;}
    .tact_title .CN{font-size: 18px;width: 120px;}
    .tact_title .EN{font-size: 22px;}
    .tact_title .CN:before, .tact_title .CN:after{width: calc(50% - 60px);}
    .foot_main .foot_box .erweima{display: none;}
    .foot_main .foot_box .foot_txt{width: 100%; padding: 0; text-align: center;}
    /*内页*/
    .inner_page .page_left{width: 100%; margin-right: 0;}
    .inner_page .page_right{width: 100%; margin-left: 0;}
    .sideBar_page .n_tit h5{display: none;}
    .sideBar_page .n_tit .n_tits{padding: 10px 0;}
    .page_tit h4{font-size: 16px;}
    .page_tit h5{font-size: 12px;}
    .page_tit h5 a{font-size: 12px;}
    .js_page .js_item{height: 90px;}
    .js_page .js_item .imgbox{width: 110px;}
    .js_page .js_item .txtbox{width: calc(100% - 110px); padding: 3px 10px;}
    .js_page .js_item .txtbox .js_date{display: none;}
    .js_page .js_item .txtbox p{font-size: 12px;}
    .message_page .f_name{width: 100%; text-align: left;}
    .message_page .f_txt{width: 100%;}
    .message_page .f_txts{width: 100%;}
}

@media (max-width:450px){
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
    }
    .about_main .about_box .a_tit2{left: -40px;}
    .product_main .txt_title a{display: none;}
}

@media (max-width:376px){

}

@media (max-width:340px){

}


.dock {
        position: fixed;
        right: 0px;
        width: 50px;
        -moz-opacity: 0.7;
        opacity: 0.7;
        z-index: 200;
    }

    .dock.close {
        z-index: 50;
    }

    .dock ul.icons {
        position: absolute;
        list-style: none;
        right: 0px;
        padding: 0px;
        width: 50px;
        border: 1px solid #333;
        border-right: none;
        background: #111;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
    }

    .dock.close ul.icons {
        right: -70px;
    }

    .dock ul.icons li i {
        display: block;
        position: relative;
        width: 50px;
        height: 50px;
        background: url(static/picture/icons.png) no-repeat;
        cursor: pointer;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
        z-index: 210;
    }

    .dock ul.icons li.active i {
        -moz-opacity: 0.4;
        opacity: 0.4;
    }

    .dock ul.icons li.up i {
        background-position: -63px -150px;
    }

    .dock ul.icons li.tel i {
        background-position: -62px -108px;
    }

    .dock ul.icons li.im i {
        background-position: -63px -20px;
    }

    .dock ul.icons li.wechat i {
        background-position: -59px -69px;
    }
    .dock ul.icons li.qq i {
        background-position: -55px -28px;
    }
    .dock ul.icons li.down i {
        background-position: -63px -190px;
    }

    .dock ul.icons li p {
        display: block;
        position: absolute;
        top: 50px;
        right: -260px;
        padding: 15px 20px;
        height: 120px;
        color: White;
        line-height: 30px;
        border: 1px solid #333;
        border-right: none;
        background: #111;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
        -moz-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .4s ease-in-out .1s;
        -moz-transition: all .4s ease-in-out .1s;
        -ms-transition: all .4s ease-in-out .1s;
        -o-transition: all .4s ease-in-out .1s;
        transition: all .4s ease-in-out .1s;
        overflow: hidden;
        z-index: 201;
    }

    .dock ul.icons li.active p {
        right: 50px;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dock ul.icons li.tel p {
        width: 140px;
        height:130px;
        line-height:30px
    }

    .dock ul.icons li.im p {
        width: 140px;
        height:130px;
        line-height:30px
    }

    .dock ul.icons li.im p a {
        display: block;
        margin-top: 12px;
        width: 100px;
        height: 35px;
        line-height: 32px;
        color: #00dfb9;
        font-size: 16px;
        text-align: center;
        text-decoration: none;
        border: 1px solid #00dfb9;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
    }

    .dock ul.icons li.im p a:hover {
        color: White;
        background: #0f8773;
        border: 1px solid #0f8773;
    }

    .dock ul.icons li.wechat p {
        width: 170px;
        height:160px;
        line-height:30px
    }

    .dock ul.icons li.wechat p img {

        border: 2px solid #000;
    }

    .dock a.switch {
        position: absolute;
        display: block;
        top: 270px;
        right: 11px;
        width: 26px;
        height: 26px;
        background: url(static/picture/icons.png) no-repeat 0px -640px;
        cursor: pointer;
        -webkit-transition-delay: .15s;
        -moz-transition-delay: .15s;
        -ms-transition-delay: .15s;
        -o-transition-delay: .15s;
        transition-delay: .15s;
    }

    .dock a.switch.off {
        background-position: -32px -640px;
    }


.pglist {
    padding: 30px 0 15px;
    width: 100%;
    text-align: center;
    clear: both;
}.pglist * {
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    padding-bottom: 1px;
}.pglist a {
    color: #333;
    padding: 0 15px;
    margin: 0 4px;
    background: #fff;
    border: 1px solid #edebeb;
}.pglist .active a{
    display: inline-block;
    color: #fff;
    background: #029604;
    border-color: #029604;
}.pglist span{
    color: #333;
    padding: 0 15px;
    margin: 0 4px;
    background: #fff;
    border: 1px solid #edebeb;
}