@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
/*table{border-collapse:collapse;border-spacing:0;padding:0;}
caption,th{text-align:left;font-weight:normal;}*/
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
select{outline: none;-moz-appearance: none;-webkit-appearance: none;appearance: none;}
input,textarea{overflow:auto;resize:none;font-family:"Microsoft YaHei",Arial;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
html,body{font-size:12px;}
body{padding:0; font-family:"Microsoft YaHei",Arial; background: url(../images/t_bg.gif) repeat-x scroll center top;}
.margin{margin:0px auto;}
.hidden{overflow:hidden;}
.width990{ width:990px;}
img{max-width:100%; max-height:100%;vertical-align: middle;}
section.i_md{ width: 100%; overflow: hidden; position: relative;}
i.md{ position: absolute; margin-top: -6rem; }
/* top_bg */
.top_bg,.top_bg .logo,.top_bg .nav{ height: 90px; overflow: hidden; }
.top_bg .logo{ float: left; display:flex; align-items:center;}
.top_bg .nav{ float: right; margin-top: 5px;}
.top_bg .nav div{ width: 100%; text-align:right; }
.top_bg .nav div dl{ margin-top: 10px; }
.top_bg .nav div dl i{ margin: 0px 5px; }
.top_bg .nav div dl.t{ color: #555555;}
.top_bg .nav div dl.t a{ color: #555555; }
.top_bg .nav div dl.f{ color: #a83e07; }
.top_bg .nav div dl.f a{ color: #a83e07; }
.top_bg .nav div dl a:hover{ text-decoration:underline; }

/* banner */
.banner{ position:relative; overflow:hidden;  height: 230px;}
.banner ul.slides{ overflow:hidden;}
.banner ul.slides li{overflow:hidden;}

.banner .flex-control-nav{ position:absolute; bottom:5px; width:100%; text-align:center;}
.banner .flex-control-nav li{ margin:0px 3px; display:inline-block; width:8px;height:8px; cursor: pointer; position: relative; overflow: hidden;}
.banner .flex-control-nav li a{text-indent: -99em; position:absolute; left:0px; right:0px; bottom:0px; border-radius:16px; top:0px; background-color:#555555;}
.banner .flex-control-nav li a:hover,.banner .flex-control-nav li a.flex-active{ background-color:#a83e07;}

.banner .flex-direction-nav{ display: none; }

/*dh_bg*/
.dh_bg{ height: 50px; background: url(../images/dh_bg.jpg) repeat-x scroll center; }
.dh_bg div.lm{ float: left; overflow: hidden; }
.dh_bg div.lm a{ display: block; float: left; height: 50px; line-height: 50px; font-weight:bold; background: url(../images/lm_l.jpg) no-repeat scroll left center; color:#111111; padding: 0px 10px;}
.dh_bg div.lm a:hover{color:#ff0000; }
.dh_bg div.so{ float: right; margin-right: 12px; height: 50px;display:flex; align-items:center; }
.dh_bg div.so div{ width: 100%; overflow: hidden;}
.dh_bg div.so div input,.dh_bg div.so div button{ outline:none; border:0px; font-size: 12px;}
.dh_bg div.so div input{ width: 140px; color: #999999; padding: 0px 5px; height: 22px; line-height: 22px; float: left; }
.dh_bg div.so div button{ width: 40px; height: 22px; background: url(../images/so.gif) no-repeat; float: right; margin-left: 5px;}

/*i_con*/
.i_con{ padding: 20px 0px; }

/*i_l*/
.i_l{ float: left; overflow: hidden; width: 210px; }
.i_l div.bg{ border:1px solid #e0e0e0; border-radius: 8px; margin-bottom: 10px; height: 342px; }
.i_l div.bg div.tit{ height: 43px; background: url(../images/ny_l.jpg) no-repeat; line-height: 58px; font-size: 14px; font-weight:bold; padding-left: 30px;}
.i_l div.bg ul,.i_l div.bg ul li{ overflow: hidden; }
.i_l div.bg ul{ margin: 20px 10px; }
.i_l div.bg ul li{ padding: 8px 0px; line-height: 1.5; border-bottom: 1px dashed #c5c5c5; }
.i_l div.bg ul li a{ display: block; background: url(../images/jt.png) no-repeat scroll 2px center; padding-left: 12px; color: #636363; }
.i_l div.bg ul li a:hover{ color: #ff0000; }
.i_l div.cpdg a{ display: block; }

/*i_r*/
.i_r{ float: right; width: 770px; overflow: hidden; }
.i_r .i_r_t{ margin-bottom: 15px; overflow: hidden; }
.i_r .i_r_t div.about{ overflow: hidden; height: 260px; float: left; border:1px solid #e0e0e0; border-radius: 8px; width:500px;}
.i_r .i_r_t div.about dd{background: url(../images/i_about.jpg) no-repeat scroll left top; height: 50px;}
.i_r .i_r_t div.about dl{margin: 15px; overflow: hidden; line-height: 1.75;}

.i_r .i_r_t div.xptj{ overflow: hidden; float: right; border:1px solid #e0e0e0; border-radius: 8px; width: 260px; }
.i_r .i_r_t div.xptj dd{background: url(../images/i_cptj.jpg) no-repeat scroll left top; height: 50px;}
.i_r .i_r_t div.xptj .i_tj{ position:relative; overflow:hidden; width: 230px; margin: 15px;}
.i_r .i_r_t div.xptj .i_tj ul.slides{ overflow:hidden;}
.i_r .i_r_t div.xptj .i_tj ul.slides li{ height: 180px; }
.i_r .i_r_t div.xptj .i_tj ul.slides li img{ width: 100%; height: 100%; }

.i_r .i_r_t div.xptj .i_tj .flex-control-nav{ position:absolute; bottom:5px; width:96%; left: 2%; text-align:right;}
.i_r .i_r_t div.xptj .i_tj .flex-control-nav li{display:inline-block; width:20px;height:20px; line-height: 20px; border:1px solid #e4e4e5; cursor: pointer;position: relative;overflow: hidden; text-align: center;}
.i_r .i_r_t div.xptj .i_tj .flex-control-nav li a{position:absolute; color: #ffffff; left:0px; right:0px; bottom:0px; top:0px; background-color:#4c4c4c;}
.i_r .i_r_t div.xptj .i_tj .flex-control-nav li a:hover,.i_r .i_r_t div.xptj .i_tj .flex-control-nav li a.flex-active{ background-color:#e34a4c;}

.i_r .i_r_t div.xptj .i_tj .flex-direction-nav{ display: none; }


.i_r #wrapper{ position: relative; overflow: hidden; border:1px solid #e0e0e0; border-radius: 8px; }
.i_r #wrapper div{ overflow: hidden; }
.i_r #wrapper #carousel{position:relative;}
.i_r #wrapper #carousel .caroufredsel_wrapper{ margin: 0px auto !important; }
.i_r #wrapper #carousel ul{display: block;}
.i_r #wrapper #carousel ul li{ border:1px solid #dce0e3; width: 125px; height: 125px; margin:10px 5px;float: left;position: relative;}
.i_r #wrapper #carousel ul li img{ width: 100%; height: 100%; }
.i_r #wrapper #carousel a.qh{ position: absolute; display: block !important; background-repeat: no-repeat; background-position: center; width: 20px; height: 64px; z-index: 9; top: 50%; margin-top:-32px; }
.i_r #wrapper #carousel a.qh.prev{ left: 5px; background-image: url(../images/picSlideLeft.gif); }
.i_r #wrapper #carousel a.qh.next{ right: 5px; background-image: url(../images/picSlideRight.gif); }
.i_r #wrapper #carousel #pager{ display: none !important; }

/*foot_bg*/
.foot_bg{ background: url(../images/foot_bg.jpg) no-repeat scroll center top #ffffff; padding: 25px 0px; }
.foot_bg div{ overflow: hidden; text-align: center; color: #5c5c5c; line-height:25px; }
.foot_bg div a{color: #5c5c5c; margin:0px 5px;}
.foot_bg div a:hover{ color: #ff0000; text-decoration:underline; }

/*ny_bg*/
.ny_bg{ padding: 20px 0px; min-height: 60vh; }
.ny_bg div{ overflow: hidden; }
.ny_bg div.ny_l{ float: left; width: 210px; }
.ny_bg div.ny_l div.bg{ border:1px solid #e0e0e0; border-radius: 8px; margin-bottom: 10px; }
.ny_bg div.ny_l div.bg div.tit{ height:43px;background:url(../images/ny_l.jpg) no-repeat;line-height:58px;font-size:14px;font-weight:bold;padding-left:30px;}
.ny_bg div.ny_l div.bg ul,.ny_bg div.ny_l div.bg ul li{ overflow: hidden; }
.ny_bg div.ny_l div.bg ul{ margin: 20px 10px; }
.ny_bg div.ny_l div.bg ul li{ padding: 8px 0px; line-height: 1.5;  border-bottom: 1px dashed #c5c5c5; }
.ny_bg div.ny_l div.bg ul li a{ display: block; background: url(../images/jt.png) no-repeat scroll 2px center; padding-left: 12px; color: #636363; }
.ny_bg div.ny_l div.bg ul li a:hover{ color: #ff0000; }

.ny_bg div.ny_l div.bg.lx div.con{ margin: 20px 10px; line-height: 1.5; }
.ny_bg div.ny_l div.bg.lx div.con a{ color: #505050; }
.ny_bg div.ny_l div.bg.lx div.con a:hover{ color: #ff0000; }

.ny_bg div.ny_r{ float: right; width: 760px; }
.ny_bg div.ny_r .tit{ height: 48px; line-height: 54px; padding-left: 40px; background: url(../images/ny_r.jpg) no-repeat scroll left center; border:1px solid #dadada; border-top-right-radius:8px; border-top-left-radius:8px; color: #464646; }
.ny_bg div.ny_r .tit a{color: #464646}
.ny_bg div.ny_r .tit a:hover{ text-decoration:underline; color: #ff0000; }

/*产品展示*/
.ny_bg div.ny_l div.cpdg a{ display: block; }
ul.cp_lb,ul.cp_lb li{ overflow: hidden; }
ul.cp_lb{ margin: 20px 0px; }
ul.cp_lb li{ float: left; width: 25%; margin-bottom: 20px; }
ul.cp_lb li a{ display: block; width: 92%; border:1px solid #e6e6e6; padding: 2px; margin: 0px auto; }
ul.cp_lb li a ol{ position: relative; }
ul.cp_lb li a ol img{ width: 100%; height: 196px; }
ul.cp_lb li a dd{ overflow: hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; color: #505050; text-align: center; line-height: 25px; height: 25px;}
ul.cp_lb li a:hover dd{ text-decoration:underline; color: #ff0000; }

.cp_show{ padding: 20px 0px; overflow: hidden; }
.cp_show div{ overflow: hidden; }
.cp_show div.cp_s_t{ margin-bottom: 20px; }
.cp_show div.cp_s_t #wrapper{ float: left; width: 44%; }
.cp_show div.cp_s_t #wrapper #picSlideWrap{}
.cp_show div.cp_s_t #wrapper .imgnav{ position:relative;}
.cp_show div.cp_s_t #wrapper .imgnav #img{ z-index:10; position:relative; text-align:center; border:1px solid #dddddd; height: 240px;}
.cp_show div.cp_s_t #wrapper .imgnav #img img{ display:none; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; max-height: 96%; max-width: 96%;}

.cp_show div.cp_s_t #wrapper .imgnav #cbtn{ position:relative; height:90px; padding: 0px 25px; margin-top:12px; }
.cp_show div.cp_s_t #wrapper .imgnav #cbtn ul{position:relative; width:10000%; height:64px; padding:13px 0px;}
.cp_show div.cp_s_t #wrapper .imgnav #cbtn ul li{ float:left; border:1px solid #dddddd; width:82px; height:64px; cursor:pointer; margin-right:16px; position:relative;}
.cp_show div.cp_s_t #wrapper .imgnav #cbtn li.hov{ border:1px solid #ff0000;}
.cp_show div.cp_s_t #wrapper .imgnav #cbtn ul li img{ position: absolute; width: 100%; height: 100%; }
.cp_show div.cp_s_t #wrapper .imgnav #cbtn i.qh{ position: absolute; width: 20px; height: 63px; top: 50%; margin-top:-31.5px; background-position: center; background-repeat: no-repeat; background-color: #ffffff; cursor: pointer; }
.cp_show div.cp_s_t #wrapper .imgnav #cbtn i.qh.picSildeLeft{ background-image: url(../images/picSlideLeft.gif); left: 0px; }
.cp_show div.cp_s_t #wrapper .imgnav #cbtn i.qh.picSildeRight{ background-image: url(../images/picSlideRight.gif); right: 0px;}

.cp_show div.cp_s_t div.r{ float: right; width: 56%; }
.cp_show div.cp_s_t div.r dd,.cp_show div.cp_s_t div.r dl{ padding: 0px 10px; }
.cp_show div.cp_s_t div.r dd{ background-color: #f5f5f5; font-weight: bold; font-size: 14px; line-height:2; }
.cp_show div.cp_s_t div.r dl{ margin-top: 10px; line-height: 2; min-height:200px; }

.cp_show div.cp_s_f{padding-top: 20px; border-top: 3px solid #eeeeee; font-size:14px; line-height: 1.75rem; min-height: 50vh; }

/*新闻介绍*/
ul.news_lb,ul.news_lb li{ overflow: hidden; }
ul.news_lb{ margin: 20px 0px; min-height: 50vh; }
ul.news_lb li{ height:32px; line-height: 32px; border-bottom: 1px dashed #c5c5c5; }
ul.news_lb li a{ overflow: hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; display: block; background: url(../images/jt.png) no-repeat scroll 2px center; padding-left: 12px; color: #636363; }
ul.news_lb li a:hover{ color: #ff0000; }

ul.news_show,ul.news_show li{ overflow: hidden; }
ul.news_show{ margin: 20px 0px; min-height: 50vh; }
ul.news_show li.n{ font-size: 20px; font-weight: bold; color: #505050; text-align: center; margin-bottom: 20px; }
ul.news_show li.s{ margin-bottom: 20px; background-color: #f7f7f7; border:1px solid #dddddd; text-align: center; height: 32px; line-height: 32px; }
ul.news_show li.c{  margin-bottom: 20px; border:1px dashed #dddddd; padding: 15px; line-height: 1.75; }
ul.news_show li.c i{ color: #ff6600; }
ul.news_show li.x{ font-size: 14px; line-height: 2; min-height: 480px; }

/*图片展示*/
ul.tp_lb,ul.tp_lb li{ overflow: hidden; }
ul.tp_lb{ margin-top:20px; min-height: 60vh; }
ul.tp_lb li{ float: left; width: 25%; margin-bottom: 20px; }
ul.tp_lb li a{ display: block; width: 90%; margin:0px auto; text-align: center; }
ul.tp_lb li a ol{ border:1px solid #cbcbcb; background-color: #f7f7f7; margin-bottom: 10px; position: relative;}
ul.sbjs li a ol{ height: 110px; }
ul.zzzs li a ol{ height: 220px; }
ul.tp_lb li a ol img{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 98%; max-height: 92%; }
ul.tp_lb li a dd{ overflow: hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; color:#505050; }
ul.tp_lb li a:hover dd{color:#ff6600;}

.tp_show{ margin: 20px 0px; border:1px solid #dddddd; background-color: #f0f0f0; padding: 10px; }
.tp_show div{ overflow: hidden; border:1px solid #dddddd; padding: 15px; }
.tp_show div.t{ background-color: #ffffff; text-align: center; }
.tp_show div.f{ background-color: #f9f9f9; margin-top:10px; clear: #505050; }
.tp_show div.f dd{ font-size: 16px; font-weight:bold; }
.tp_show div.f dl{ margin-top: 5px; line-height: 2; min-height: 40px; }

/*单页*/
.dy_xx{ padding: 20px 0px; line-height: 2; font-size: 16px; }

/*表单*/
.ny_bg div.ny_r form{ width: 520px; margin: 50px auto; display: block; }
.ny_bg div.ny_r form div{ overflow: hidden; }
.ny_bg div.ny_r form div.form-group{ margin-bottom: 10px; }
.ny_bg div.ny_r form div.form-group label{ display: block; float: left; width:70px; color: #505050; text-align: right; line-height: 22px; height: 22px; }
.ny_bg div.ny_r form div.form-group label span{ color: #ff0000; }
.ny_bg div.ny_r form div.form-group div.col-md-10{ float: right; width: 430px; border: 1px solid #dddddd; }
.ny_bg div.ny_r form div.form-group div.col-md-10 input,.ny_bg div.ny_r form div.form-group div.col-md-10 textarea{ background-color: #fbfbfb; border:0px;outline:none;line-height:20px;}
.ny_bg div.ny_r form div.form-group div.col-md-10 input{ height: 20px; }
.ny_bg div.ny_r form div.button{ float: right; width: 430px; }
.ny_bg div.ny_r form div.button button{border: 1px solid #dddddd; padding:2px 10px;}
.ny_bg div.ny_r form div.button button:hover{ background-color: #a83e07; color: #ffffff; }

/*link*/
ul.link,ul.link li{ overflow: hidden; }
ul.link{ margin:20px 0px; }
ul.link li{ float: left; width: 20%; margin-bottom: 10px; }
ul.link li a{ display: block; height: 48px; position: relative; }
ul.link li a img{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; }

/*fenye*/
.fenye{ text-align:center; line-height:20px;}
.fenye i{ display:none;}
.fenye a{ color:#333333;}
.fenye a,.fenye span{background-color:#eeeeee; display:inline-block; padding: 0px 5px; margin:0px 2px;}
.fenye a:hover,.fenye span{ background-color:#dcd9d4;}

/*no*/
.no{ background-color: #ffffff; text-align: center; width: 100% !important; margin-right:0px !important;padding: 2rem 0px; font-size: 2rem; }
.no strong{ color:#ff0000;}

/*w404*/
.w404{ min-height: 100vh;  display:flex;align-items:center;}
.w404 .c{ width: 100%; text-align: center; padding:10vh 0px; }
.w404 .c ol{ margin-bottom: 2rem; }
.w404 .c ol img{ max-width: 35%; }
.w404 .c dd{ font-size: 1.5rem; color: #333333; }
.w404 .c a,.w404 .c a:hover{transition: all .5s ease; display: block;}
.w404 .c a{ width: 80%; max-width: 180px; margin:2rem auto 0px; height: 3rem; line-height: 3rem; font-size: 1rem; color: #ffffff; background-color: #d66f09;}
.w404 .c a:hover{ background-color: #ee7c30;}

/*msg*/
.msg{ padding: 6rem 0px; }
.msg div.c{ text-align: center; padding: 10vh 0px; }
.msg div.c dd{ text-align: center; font-size: 1.5rem; font-weight:bold; }
.msg div.c dl{ margin-top: 2rem; font-size: 1rem;}
.msg div.c dl a,.msg div.c dl a:hover{transition:all .5s ease;}
.msg div.c dl a{display:inline-block; border:1px solid #f4313f; width:10rem; margin:0px 1rem; height:3rem; line-height:3rem; color:#f4313f;}
.msg div.c dl a:hover{ background-color: #f4313f; color: #ffffff;}