@charset "utf-8";


/*全局控制*/
body{margin:0;padding:0;font-size:12px;line-height:22px;font-family:"宋体"; color:#000;background:#fff;}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
img{border:0;}ol, ul {list-style: none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.dis{display:block;}.undis{display:none;}
blockquote, q {quotes: none;}
table, table td {margin:0;padding:0;border-collapse:collapse;}
embed { vertical-align:top;}
a,a:hover{text-decoration:none;}

.clearfix:after{content: "."; display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{zoom: 1;}

.mr{ min-width:1200px;}
.nr{ width:1200px; margin:0 auto;}


/*头部区域*/

.fiex_nav{ position: fixed; width:100%; top:0; overflow:hidden; background:rgba(51,51,51,0.4); padding:3px 0 6px; z-index: 9999; transition:all 0.5s;}
.fiex_nav .box{ max-width:1200px; margin:0 auto;}
.fiex_nav .logo{ float:left; }
.fiex_nav .logo .img{ float:left; line-height: 0; }
.fiex_nav .logo .zi{ margin-left:95px; font-size: 50px; line-height: 78px; font-family: "微软雅黑"; font-weight: bold; color:#fff;}
.fiex_nav .nav{ float:right; padding-top:40px; line-height: 38px; }
.fiex_nav .nav ul li{ float:left; font-family: "微软雅黑"; font-size: 18px; margin-left:30px; }
.fiex_nav .nav ul li a{ color:#fff;}

.fiex_nav.on{background:rgba(255,255,255,1)}
.fiex_nav.on .logo .zi{ color:#1a1a1a;}
.fiex_nav.on .nav ul li a{ color:#1a1a1a;}

.fiex_nav .nav ul li a:hover{ color:#428742;}




.banner_box{ margin-bottom:160px;}
.banner_box .banner{ min-width: 1200px; overflow:hidden; position:relative;}
.banner_box .banner .hd{ position:absolute; bottom:250px; width:100%; height:12px; left: 0; text-align: center;}
.banner_box .banner .hd ul{ display:inline-block; overflow: hidden;}
.banner_box .banner .hd ul li{ float:left; width:12px; height:12px; margin:0 10px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px;
border-radius: 25px; background:#fff; cursor:pointer; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.banner_box .banner .hd ul li.on{ background:#59a659; width: 40px;}
.banner_box .banner .bd ul{ overflow:hidden;}
.banner_box .banner .bd ul li{ float:left; line-height: 0;}

.banner_box .fr_box{ position:absolute; right:0; background:url(../images/icon_tm.png); padding:25px 40px;  z-index: 99; width:500px; box-sizing: border-box; top:250px; }
.banner_box .fr_box p{ text-align:right; font-family: "微软雅黑";}
.banner_box .fr_box p.blue{ text-transform:uppercase; color:#3b85d0; font-size: 20px;}
.banner_box .fr_box p.h3{ color:#1a1a1a; font-size: 18px; font-weight: bold; padding:7px 0;}
.banner_box .fr_box p.h6{ color:#333333; font-size: 16px; padding-bottom:15px;}

.banner_box .bo_box{ width:1140px; padding:20px 30px; position:absolute; background: url(../images/bg_2.jpg) no-repeat; -webkit-background-size: cover; background-size: cover; left:0; z-index: 99; top:750px; }
.banner_box .bo_box p{ color:#fff; font-family: "微软雅黑"; -webkit-text-shadow:  1px 1px 2px #000000;-moz-text-shadow:  1px 1px 2px #000000;-ms-text-shadow: 1px 1px 2px #000000 ;-o-text-shadow:  1px 1px 2px #000000;text-shadow:  1px 1px 2px #000000;}
.banner_box .bo_box p.en{ font-size:36px; position:relative; line-height: 40px; padding-top:15px;}
.banner_box .bo_box p.en:before{ position:absolute; left:3px; top:5px; content:""; width: 60px; height:3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background:#fff; }
.banner_box .bo_box p.h3{ padding:15px 0; font-size: 28px; line-height: 40px;}
.banner_box .bo_box p.h6{ font-size: 18px; line-height: 30px;}
.banner_box .bo_box .more{ width:130px; height:46px; border:2px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-top:20px; }
.banner_box .bo_box .more a{ display:block; text-align: center; line-height: 46px; color:#fff; font-size: 20px; font-family: "微软雅黑";-webkit-text-shadow:  1px 1px 2px #000000;-moz-text-shadow:  1px 1px 2px #000000;-ms-text-shadow: 1px 1px 2px #000000 ;-o-text-shadow:  1px 1px 2px #000000;text-shadow:  1px 1px 2px #000000; position:relative; padding-right:15px;}
.banner_box .bo_box .more a:before{ content:""; border:7px solid transparent; border-top:10px solid #fff; position:absolute; right:10px; top:15px; transform:rotate(-90deg);}


/*中间区域*/

.products{overflow:hidden; padding-bottom:50px;}
.scr_b_s{ -webkit-box-shadow: 0 3px 5px 0px rgba(0,0,0,0.11); box-shadow:0 3px 5px 0px rgba(0,0,0,0.11); }
.products .scroll{ float:left; width:760px;}
.products .scroll .picScroll{   overflow:hidden; position:relative; }
.products .scroll .picScroll .hd{ overflow:hidden;  height:10px; text-align: center; padding:30px 0; }
.products .scroll .picScroll .hd ul{ display: inline-block; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.products .scroll .picScroll .hd ul li{ float:left;  width:8px; height:8px; border:1px solid #dab762; -webkit-border-radius:  50%; -moz-border-radius:  50%; -ms-border-radius: 50% ; -o-border-radius:  50%; border-radius:  50%; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer;}
.products .scroll .picScroll .hd ul li.on{ background:#dab762; }
.products .scroll .picScroll .bd{ padding:10px 20px;   }
.products .scroll .picScroll .bd ul{ zoom:1; }
.products .scroll .picScroll .bd ul li{ margin:0 15px; float:left; _display:inline;  text-align:center;  }
.products .scroll .picScroll .bd ul li .pic{ width:210px; height:210px; line-height: 0; margin-bottom:20px;  overflow:hidden;}
.products .scroll .picScroll .bd ul li .title{ margin:0 auto; width:106px; height:34px; border:2px solid #dab762; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;  }
.products .scroll .picScroll .bd ul li .title a{ display:block; text-align: center; line-height: 34px; color:#dab762; font-size: 16px; font-family: "微软雅黑"; position:relative; padding-right:15px;}
.products .scroll .picScroll .bd ul li .title a:before{ content:""; border:7px solid transparent; border-top:10px solid #dab762; position:absolute; right:5px; top:9px; transform:rotate(-90deg);}

.products .fr_zi{ float:right; width:370px; margin-right:5px; padding:30px; text-align: right;}
.products .fr_zi p{ color:#333333; font-family: "微软雅黑";}
.products .fr_zi p.title_en{ font-size:32px; line-height: 40px;}
.products .fr_zi p.title_ch{ font-size:30px; line-height: 40px; font-weight: bold; padding-bottom:7px;}
.products .fr_zi p.zi{ font-size:16px; font-weight: bold; line-height: 30px; }



.banner_two{ background:url(../images/bg_1.jpg) no-repeat center top; height:300px;font-family: "微软雅黑"; margin-bottom: 70px; }
.banner_two .ch{ padding-top:85px; text-align: center; font-weight: bold; font-size: 28px; color:#1a1a1a; line-height: 40px; }
.banner_two .ch span{ color:#4781bc;}
.banner_two .en{ text-align:center; color:#666666; font-size: 14px; margin-bottom:10px;}
.banner_two .zi{ width:175px; height:37px; position:relative;margin:0 auto; border-radius: 25px; background:#4781bc; color:#fff; text-align: center; line-height: 37px; font-size: 14px; }
.banner_two .zi:before,.banner_two .zi:after{ background:#666666; width:200px; content:""; position:absolute; top:19px; left:130%; height:1px; }
.banner_two .zi:before{ left:auto; right:130%;}



.news{ overflow:hidden; margin-bottom: 50px; }
.news .title_box{ border-bottom: 2px solid #333333; position:relative; width:380px; margin-right:5px; margin-bottom:30px;   float:right; color:#333333; font-family: "微软雅黑"; text-align: right; line-height: 42px; padding-bottom:15px;}
.news .title_box:before{ content:""; position:absolute; border-top:2px solid #666666; width:18px; height:18px; border-left:2px solid #666666; left:8px; bottom:23px; transform:rotate(-45deg);}
.news .title_box .en{ font-size:32px; }
.news .title_box .ch{ font-size:30px; font-weight: bold;}
.news .box ul li{ float:left; width:49%; margin:5px 0 5px 10px;}
.news .box ul li .pic{ float:left; width:206px; height:260px; line-height: 0;}
.news .box ul li .zi{ margin-left:206px; height:210px; padding:25px; background:#59a659; color:#fff; font-family: "微软雅黑"; font-size: 16px;}
.news .box ul li .zi .t{ font-size:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .box ul li .zi .d{ line-height: 40px;}
.news .box ul li .zi .z{ height:110px; overflow: hidden;}
.news .box ul li .zi .x{ float:right; border-top:2px solid #fff; border-right:2px solid #fff; width:18px; height:18px; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); margin-right:20px; margin-top:15px;}
.news .box ul li .zi .x a{ display:block; width:18px; height:18px;}



.case{overflow:hidden; padding-bottom:50px;}
.case .scroll{ float:right; width:760px;}
.case .scroll .picScroll{   overflow:hidden; position:relative; }
.case .scroll .picScroll .hd{ overflow:hidden;  height:10px; text-align: center; padding:30px 0; }
.case .scroll .picScroll .hd ul{ display: inline-block; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.case .scroll .picScroll .hd ul li{ float:left;  width:8px; height:8px; border:1px solid #dab762; -webkit-border-radius:  50%; -moz-border-radius:  50%; -ms-border-radius: 50% ; -o-border-radius:  50%; border-radius:  50%; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer;}
.case .scroll .picScroll .hd ul li.on{ background:#dab762; }
.case .scroll .picScroll .bd{ padding:10px 20px;   }
.case .scroll .picScroll .bd ul{ zoom:1; }
.case .scroll .picScroll .bd ul li{ margin:0 15px; float:left; _display:inline;  text-align:center;  }
.case .scroll .picScroll .bd ul li .pic{ width:210px; height:210px; line-height: 0; margin-bottom:20px; overflow:hidden;}
.case .scroll .picScroll .bd ul li .title{ margin:0 auto; width:106px; height:34px; border:2px solid #dab762; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;  }
.case .scroll .picScroll .bd ul li .title a{ display:block; text-align: center; line-height: 34px; color:#dab762; font-size: 16px; font-family: "微软雅黑"; position:relative; padding-right:15px;}
.case .scroll .picScroll .bd ul li .title a:before{ content:""; border:7px solid transparent; border-top:10px solid #dab762; position:absolute; right:5px; top:9px; transform:rotate(-90deg);}

.case .fr_zi{ float:left; width:370px; margin-right:5px; padding:30px; text-align: left;}
.case .fr_zi p{ color:#333333; font-family: "微软雅黑";}
.case .fr_zi p.title_en{ font-size:32px; line-height: 40px;}
.case .fr_zi p.title_ch{ font-size:30px; line-height: 40px; font-weight: bold; padding-bottom:7px;}
.case .fr_zi p.zi{ font-size:16px; font-weight: bold; line-height: 30px; }



/*底部区域*/


.footer{ background:#428742; padding:30px 0; overflow:hidden; color:#fff; font-family: "微软雅黑"; }

.footer .first_box{ float:left; width:320px;padding-right:60px;}
.footer .xian{ float:left; background:url(../images/icon_tm.png); width:1px; height:100px; margin:0 5px; margin-top:20px;}
.footer .two_box{ float:left; width:320px; padding-left:90px; padding-top:20px;}
.footer .rwm{ float:right; width:130px; height:130px; margin-right:140px; margin-top:12px;}
.footer .f14{ font-size:14px;}
.footer .f20{ font-size:20px; line-height: 32px;}
.footer a{ color:#fff;}



/*二级页*/





.m_title_box{ background:url(../images/bg_title.png) no-repeat center top; height:80px; text-align: center; font-family: "微软雅黑"; color:#666666; margin-bottom:50px;}
.m_title_box .ch{ font-size: 20px; font-weight: bold; line-height: 46px;}
.m_title_box .en{ font-size: 16px; padding-top:7px;}



.m_product ul{ overflow:hidden; margin:0 -10px; }
.m_product ul li{ float:left; width:224px; margin:0 10px 30px;}
.m_product ul li .pic{ width:224px; height:224px; line-height: 0; overflow:hidden;}
.m_product ul li .zi{ color:#333333; font-family: "微软雅黑"; font-size: 18px; line-height: 30px; text-align: center; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.m_product ul li a:hover .zi{ color:#428742;}




.num_box{ border-top:1px solid #d4d4d4; margin-bottom:100px; padding:10px 0;}
.num_box .num{ float:left; color:#333333; font-family: "微软雅黑"; font-size: 18px; padding-left:5px;}
.num_box .pager{ float:right;}
.num_box .pager a{ display:inline-block; color:#666666; font-size: 16px; font-family: "微软雅黑"; border:1px solid #d4d4d4; margin-left:10px; padding:1px 10px;}
.num_box .pager a.cur{ color:#fff; background:#59a659; border-color:#59a659;}
.num_box .pager select{ height:25px; outline: none; margin-left:10px; }

.m_case{ padding-bottom:50px;}
.m_case ul{ overflow:hidden; margin: 0 -10px;}
.m_case ul li{ float:left; width:588px; height:448px; border:1px solid #dddddd; margin:0 10px 20px;}


.m_news_tj{ text-align:center; margin-bottom:60px;}
.m_news_tj ul{ display:inline-block;}
.m_news_tj ul li{ float:left;   text-align: center;  color:#666666; font-size: 18px; font-family: "微软雅黑";}
.m_news_tj ul li a{ width:110px; line-height: 46px;  height:46px; color:inherit; display: block; border:1px solid #b4b4b4; margin:0 10px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
.m_news_tj ul li a.on{ border-color:#59a659; color:#fff; background:#59a659;}

.m_news ul li{ height:170px; margin-bottom:60px; overflow:hidden;}
.m_news ul li .pic{ float:left; width:198px; height:168px; border:1px solid #d4d4d4; line-height:0; overflow:hidden;}
.m_news ul li .zi{ margin-left:230px;}
.m_news ul li .zi .t{ border-bottom:1px solid #bbbbbb; height:55px; line-height: 55px;}
.m_news ul li .zi .t a{ color:#333333; font-family: "微软雅黑"; font-size: 22px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.m_news ul li .zi .t a:hover{ color:#59a659;}
.m_news ul li .zi .z{ color:#333333; font-family: "微软雅黑"; font-size: 18px; line-height: 30px; height:90px; overflow:hidden; margin-top:10px;}



.m_content{ width:970px; padding:0 115px 50px; margin:0 auto;} 
.m_content .m_t{ text-align:center; color:#333333; font-weight: bold; font-size: 26px; font-family: "微软雅黑"; line-height: 36px; }
.m_content .m_pic{ border-bottom:1px solid #bbbbbb; padding:40px 0; text-align: center; overflow:hidden;}
.m_content .content{ padding:20px; overflow:hidden; color:#333333; font-size: 20px; line-height: 30px;}



.lxwm{ font-family:"微软雅黑"; font-size: 18px; line-height: 30px; text-align: center; color:#0590e1; padding-bottom:100px; overflow: hidden;}

.about{ width:760px; margin:0 auto; color:#666666; font-family: "微软雅黑"; font-size: 20px; line-height: 40px; padding-bottom:100px; overflow: hidden;}


.message{ width:600px; margin:0 auto; padding-bottom: 100px; }
.message .inp{ border:1px solid #0590e1; -webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0,0.3); box-shadow: 0 1px 3px 0px rgba(0,0,0,0.3); outline: none; width:100%; padding:10px 15px; margin-bottom: 15px; -webkit-box-sizing:  border-box; -moz-box-sizing:  border-box; box-sizing:  border-box; font-family: "微软雅黑"; font-size: 18px; color:#333333;}

.inp::-webkit-input-placeholder{
	color:#0590e1;
}
.inp::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#0590e1;
}
.inp:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#0590e1;
}
.inp:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color:#0590e1;
}

.message .area{ height:270px; resize:none; line-height: 30px; margin-bottom:10px;}
.message .name{ float:left; width:49%;}
.message .tel{ float:right; width:49%;}
.message .inp_sub{ background:#0590e1; color:#fff; cursor: pointer;}







