@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,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;}
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;}
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;}
/* CSS Document */
body{padding:0; font-family:"Microsoft YaHei",Arial;font-size:16px; background: url(../images/bg.jpg);}
.fl{float: left;}
.fr{float: right;}
.margin{margin:0px auto;}
.hidden{overflow:hidden;}
.width1002{width:1002px;}
.width990{width:990px; padding: 0px 6px;}
img{max-width:100%; max-height:100%;}
/* header_bg */
.header_bg{ width: 100%; height: 141px; background: url(../images/top_bg.jpg) repeat-x;}
.header_bg .width1002{height: 141px;}
.header_bg .width1002 div.t{ height: 81px; position: relative;}
.header_bg .width1002 div.t a.logo{ display: block; margin-top:20px; float: left; width: 300px;}

.header_bg .width1002 div.t ul.nav{ float: right; height: 34px; margin-top: 47px;}
.header_bg .width1002 div.t ul.nav li{ float: left; width: 96px; margin-left: 2px; font-size: 14px;}
.header_bg .width1002 div.t ul.nav li dd{ height: 34px; text-align: center; line-height: 34px; padding-bottom: 15px;}
.header_bg .width1002 div.t ul.nav li dd a{ display: block; background:url(../images/menu.png) no-repeat; color:#3d3d3d;}
.header_bg .width1002 div.t ul.nav li dd a:hover{ background:url(../images/menunow.png) no-repeat; color: #ffffff;}
.header_bg .width1002 div.t ul.nav li dl{ position: absolute; height: 24px; background-color: #ffffff; border-radius: 12px; padding: 0px 10px; display: none;}
.header_bg .width1002 div.t ul.nav li:hover dl{ display: block; }
.header_bg .width1002 div.t ul.nav li dl a{ font-size: 12px; color: #5c5c5c; display: block; float: left; padding: 0px 10px; line-height: 24px; height: 24px;}
.header_bg .width1002 div.t ul.nav li dl a:hover{ color: #b30000; }

.header_bg .width1002 .top_search{ height: 60px; display:flex;align-items:center; }

/*search-form*/
.search-form{top: 35px; height: 26px;}
.search-form div{ float: left; height: 26px; margin-right: 10px; }
.search-form div button{ border: 0px; background: none; padding:0px 10px; color: #ffffff;outline:none; height: 26px; }
.search-form div dl{ position: absolute; background-color: #ffffff;padding:10px 0px; z-index: 99; display: none;}
.search-form div:hover dl{ display: block; }
.search-form div dl a{ display: block;color: #555555; text-anchor: content;padding:0px 20px; line-height: 32px;}
.search-form div dl a:hover{ color:#ff0000;}
.search-form .fl{ outline:none; border: 0px; height: 26px; padding: 0px 10px; width: 240px;border-top-left-radius:13px;border-bottom-left-radius:13px;}
.search-form .fr{ width:32px; height: 26px; border: 0px; background:url(../images/so.png) no-repeat scroll 5px center #ffffff; outline:none; border-top-right-radius:13px;border-bottom-right-radius:13px;}

/* banner */
.banner{background:url(../images/banner_bg.jpg) repeat-y;}
.banner .flexslider{ position:relative; overflow:hidden;}
.banner .flexslider .slides{ overflow:hidden;}
.banner .flexslider .slides li{ height:225px; overflow: hidden;}
.banner .flexslider .slides li img{ max-height: 400px; }

.banner .flexslider .flex-control-nav{ position:absolute; bottom:0.75rem; display: none; width:100%; text-align:center;}
.banner .flexslider .flex-control-nav li{ margin:0px 0.5rem; display:inline-block;width:1.25rem;height:1.25rem; cursor: pointer;position: relative;overflow: hidden;}
.banner .flexslider .flex-control-nav li a{text-indent:-99em; position:absolute; left:0px; right:0px; bottom:0px;border-radius:1rem; top:0px; background-color:rgba(255,255,255,.42);}
.banner .flexslider .flex-control-nav li a:hover,.banner .flexslider .flex-control-nav li a.flex-active{background-color:rgba(255,255,255,1);}
.banner .flexslider .flex-direction-nav{ display: none; }

/*con_bg*/
.con_bg{ min-height: 400px; background:url(../images/cbg.jpg) repeat-y;}

/*ny_l*/
.ny_l{ float: left; width: 230px; padding-bottom: 20px;}
.ny_l .tit{ margin-bottom: 16px; }
.ny_l ul.lm,.ny_l ul.lm li{ overflow: hidden;}
.ny_l ul.lm{ width: 200px; margin-left:15px;}
.ny_l ul.lm li{ height: 21px; background: url(../images/dot.png) no-repeat; margin-bottom: 4px; }
.ny_l ul.lm li a{ display: block; font-size: 12px; color: #ffffff; padding-left: 15px; }
.ny_l .lxwm{ overflow: hidden; color: #ffffff; width: 200px; margin-left:15px; font-size: 12px;  margin-top: 20px;}

/*i_right*/
.i_right{ width:720px; float: right; margin-right:20px; margin-top: 10px; min-height: 200px;}
.i_l{ float: left; width: 445px;}
.i_l .i_about{ margin-bottom: 30px; overflow: hidden; }
.i_l .i_about dd{ margin-bottom: 10px; }
.i_l .i_about dl{ color:#505050; font-size: 12px; line-height:20px; }
.i_l .i_product{ overflow: hidden;}
.i_l .i_product .tit{ margin-bottom: 10px;}
.i_l .i_product ul,.i_l .i_product ul li{ overflow: hidden; }
.i_l .i_product ul{ width: 105%; }
.i_l .i_product ul li{ float: left; width: 137px; height: 140px; margin-bottom: 10px; margin-right: 15px; }
.i_l .i_product ul li a{ display: block; }
.i_l .i_product ul li a ol{ height: 98px;  background: url(../images/i_cp.jpg) no-repeat; margin-bottom: 8px; position: relative;}
.i_l .i_product ul li a ol img{ position: absolute; max-height: 96px; max-width:129px; top: 0px; left: 0px; bottom: 0px; right:0px; margin:auto; }
.i_l .i_product ul li a dd{ overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; font-size: 12px; height: 34px; line-height: 34px; color: #5c5c5c;}
.i_l .i_product ul li a:hover dd{ color: #b20000;}

.i_r{ float: right; width: 245px; }
.i_r .tit{ margin-bottom: 10px; }

.ck-slide { position: relative; overflow: hidden; width:223px; height:223px; border:1px solid #d2d7dd; margin-bottom: 20px;}
.ck-slide ul.ck-slide-wrapper,.ck-slide ul.ck-slide-wrapper li{ position: absolute; top:0px; left:0px; right:0px; bottom:0px;}
.ck-slide ul.ck-slide-wrapper li{display:none;}
.ck-slide ul.ck-slide-wrapper li.on{ display:block;}
.ck-slide ul.ck-slide-wrapper li img{ position: absolute; top:0px; left:0px; right:0px; bottom:0px; max-width: 220px; max-height: 200px; margin:auto; }


.ck-slidebox{position:absolute;z-index:30; bottom: 5px; width:90%; margin-left:0px !important; left: 5%; right:5%; height: 20px; text-align: right;}
.ck-slidebox .slideWrap{ width:100%; height:20px;}
.ck-slidebox .slideWrap ul{ height:20px;width:100%; overflow:hidden;text-align:right;}
.ck-slidebox .slideWrap ul li{ font-size:12px; width: 20px; height: 20px; color:#ffffff; font-weight:bold; text-align:center;display:inline-block; display:inline-block; background-color: rgba(0,0,0,0.5); margin-left: 5px;cursor: pointer;}
.ck-slidebox .slideWrap ul li.current{background-color: rgba(175,0,0,0.5);}


.ck-slide .ck-prev,.ck-slide .ck-next{ display: none;}



.i_r .i_news,.i_r .i_news li{ overflow: hidden; }
.i_r .i_news{ min-height: 120px;}
.i_r .i_news li{ height: 24px; line-height: 24px; }
.i_r .i_news li a{ display: block; background: url(../images/i.png) no-repeat scroll left center; padding-left:15px;overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;font-size: 12px; color: #5c5c5c;}
.i_r .i_news li a:hover{ color: #b20000;}

.i_r a.lj{ display: block; margin-top:20px;}


/*foot_bg*/
.foot_bg{ height: 30px; padding-top: 30px; background:url(../images/foot_bg.jpg) no-repeat;}
.foot_bg div{ font-size: 12px; }
.foot_bg div.l{ float: left; margin-left:20px;}
.foot_bg div.l a{ padding: 0px 10px; border-left:1px solid #ffffff; color: #ffffff;}
.foot_bg div.r{ float: right; color: #ffffff; margin-right:20px;}
.foot_bg div.r a{ color: #ffffff;}


/*ny_r*/
.ny_r{ float: right; width: 700px; margin-right:30px; margin-top: 10px; min-height: 200px;}
.ny_r .tit{background: url(../images/title.jpg) no-repeat; height: 40px;}
.ny_r .tit dl{ height: 40px; line-height: 40px; }
.ny_r .tit dl.l{ float: left; padding-left:35px;}
.ny_r .tit dl.r{ float: right;  font-size: 14px; padding-right: 20px;}
.ny_r .tit dl.r a{ color: #464646;}
.ny_r .tit dl.r a:hover{ color: #b20000; }

.ny_r .dy_nr{ overflow: hidden; color: #303030; line-height:30px; margin:20px 0px;}

/*photo*/
.photo{ overflow: hidden; }
.photo ul{ overflow: hidden; margin-top:20px; width: 105%;}
.photo ul li{ float: left; height: 160px; margin-right:20px; width: 160px; margin-bottom:20px;}
.photo ul li.no{ width:95%; line-height: 160px; text-align: center;}
.photo ul li a{ display: block; overflow: hidden;}
.photo ul li a ol{ height: 125px; position: relative; }
.photo ul li a ol img{ position: absolute; top: 0px; left: 0px; bottom: 0px; right:0px; margin:auto; }
.photo ul li a dd{ height: 35px; line-height: 35px; text-align: center; color: #505050; }
.photo ul li a:hover dd{ color: #b20000; }

/*fenye*/
.fenye{ overflow:hidden; text-align:right; height:26px; position: relative; width: 100%;}
.fenye a,.fenye span{padding:2px 8px;font-size:0.75rem;color:#303030;border:1px solid #dcd9d4;margin-left:0.5rem;}
.fenye a{background-color: #dcd9d4;}
.fenye span,.fenye a:hover{background-color:#eeeeee;}
.fenye i{ position: absolute; left: 0px;}

/*photo_show*/
.photo_show{ margin:20px 0px; overflow: hidden; border:1px solid #dddddd; background-color: #f0f0f0; padding: 15px; }
.photo_show div{overflow: hidden; border:1px solid #dddddd;padding: 15px;}
.photo_show div img{ margin-bottom: -4px; }
.photo_show div.t{background-color: #ffffff;}
.photo_show div.f{ margin-top:10px; background-color: #f9f9f9; min-height: 120px;}
.photo_show div.f dd{ color: #505050; font-weight: bolder; }
.photo_show div.f dl{ margin-top: 10px; color: #303030; line-height:30px;}

/*product*/
.product{overflow: hidden;}
.product ul{ overflow: hidden; margin-top:20px; width: 105%;}
.product ul li{ float: left;margin:0px 6px 20px; width: 163px; height: 148px;background: url(../images/cp.jpg) no-repeat;}
.product ul li.no{ width:95%; background: no-repeat; text-align: center; line-height: 148px; }
.product ul li a{ display: block; overflow: hidden; }
.product ul li a ol{ width: 133px; height:100px; position: relative; margin:15px 15px 8px; }
.product ul li a ol img{ position: absolute; top: 0px; left:0px; bottom: 0px; right:0px; margin:auto; }
.product ul li a dd{ height: 18px; line-height: 18px; font-size: 12px; color: #515151; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; padding: 0px 5px;}
.product ul li a:hover dd{ color: #ff0000; }

/*product_show*/
.product_show{ margin:20px 0px; overflow: hidden; }
.product_show .t{ overflow: hidden; border-bottom:3px solid #eeeeee; padding-bottom: 30px;}
.product_show .t div.l{ float: left; width:305px;height:260px;padding: 5px;border: 1px solid #dddddd; position: relative;}
.product_show .t div.l img{ position: absolute; top: 5px; left: 5px; bottom: 5px; right:5px; margin:auto; max-width:305px;max-height:260px;}
.product_show .t div.r{ float: right; width:383px; height: 272px; }
.product_show .t div.r dd{ background-color: #f5f5f5; padding-left:10px; font-size: 14px; height: 28px; line-height: 28px; }
.product_show .t div.r dl{ font-size: 12px; color:#505050; padding: 10px;}
.product_show .f{ margin-top: 30px; color: #303030; line-height:30px;}

/*news*/
.news{overflow: hidden;}
.news ul{ overflow: hidden; margin:20px 0px;}
.news ul li{background: url(../images/news.jpg) no-repeat; overflow: hidden; height: 31px; margin-bottom: 10px;}
.news ul li a{ display: block; padding-left: 20px;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; color: #333333; font-size: 14px; line-height: 25px; }
.news ul li a:hover{ color: #ff0000; }
.news ul li.no{ padding-left: 20px;}

/*news_show*/
.news_show{ overflow: hidden; padding: 20px 0px; }
.news_show dd{overflow: hidden; font-size: 22px; font-weight: bold; color: #505050; text-align: center;}
.news_show ol{overflow: hidden; border:1px dotted #dddddd; padding: 15px; margin:15px 0px; font-size: 12px; color: #505050;}
.news_show ol i{ color: #ff6600; }
.news_show dl{overflow: hidden;color: #303030; line-height:30px;}

/*down*/
.down{overflow: hidden;}
.down ul{ overflow: hidden; margin:20px 0px;}
.down ul li{background: url(../images/news.jpg) no-repeat; overflow: hidden; height: 31px; margin-bottom: 10px;}
.down ul li a{ display: block; padding-left: 20px;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; color: #333333; font-size: 14px; line-height: 25px; }
.down ul li a:hover{ color: #ff0000; }
.down ul li.no{ padding-left: 20px;}

/*down_show*/
.down_show{ overflow: hidden; padding: 20px 0px;}
.down_show div.t{ margin-bottom: 20px; overflow: hidden; position: relative;}
.down_show div.t dl{ line-height: 36px; }
.down_show div.t a{position: absolute; width: 100px; height: 100px;background: url(../images/xz.gif) no-repeat; right:0px; top: 0px;}

.down_show div.f{ overflow: hidden;color: #303030; line-height:30px; border-top: 3px solid #eeeeee; padding-top: 20px; }

/*zxly*/
#zxly{ display: block; width:540px; margin:20px auto; }
#zxly .form-group{ margin-bottom: 20px; overflow: hidden; }
#zxly .form-group label{ display: block; float: left; font-size: 12px; color: #505050; height: 24px; line-height: 24px; text-align: right; width: 90px;}
#zxly .form-group .col-md-10{ float: right; width: 430px;}
#zxly .form-group .col-md-10 input{ height: 22px; padding:0px 10px;outline:none; border:1px solid #dddddd; background-color: #fbfbfb;}
#zxly .form-group .col-md-10 textarea{padding:10px;outline:none; border:1px solid #dddddd; background-color: #fbfbfb;}
#zxly dl{ padding-left: 110px; }
#zxly dl button{ background-color: #f7f7f7; border:1px solid #dddddd; background-color: #fbfbfb; padding: 5px;}

/*link*/
.link{ margin:20px 0px; }
.link a{ display: block; float: left; margin-bottom: 20px; margin-right:30px; height:31px;}
.link a img{ margin-bottom: -5px; }

/*jobs*/
.jobs{ overflow:}
.jobs ul,.jobs ul li{ overflow: hidden; }
.jobs ul{min-height: 50vh; margin:20px 0px; border-bottom: 1px solid #e8e8e8;}
.jobs ul li{ font-size: 12px; }
.jobs ul li dl{ min-height: 20px !important; float: left; margin-top: 0px !important; }
.jobs ul li.t{ background-color: #f5f5f5; border-bottom: 2px solid #e8e8e8; height: 38px; }
.jobs ul li.t dl{line-height: 38px !important; font-weight: bold;}
.jobs ul li.c{}
.jobs ul li.c dl{line-height: 38px !important;}
.jobs ul li dl.d1{ padding:0px 10px; width: 400px; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.jobs ul li dl.d2{ width: 140px }
.jobs ul li dl.d3{ width: 90px }
.jobs ul li dl.d4{ width: 50px; }
.jobs ul li dl a{ color: #505050; }
.jobs ul li dl a:hover{ color: #ff0000; }

/*jobs_show*/
.jobs_show,.jobs_show li{ overflow: hidden; }
.jobs_show{min-height: 50vh; margin-top: 20px; color: #505050;}
.jobs_show li.t{ line-height: 25px; }
.jobs_show li.c{ margin-top: 20px; }
.jobs_show li.c ol.t{ border-bottom: 1px solid #e8e8e8; line-height: 32px;}
.jobs_show li.c ol.f{ line-height: 32px; margin-top:10px; }

.jobs_bd,.jobs_bd li{ overflow: hidden;}
.jobs_bd{ margin: 20px 0px; }
.jobs_bd li.t{ background-color: #f5f5f5; height: 32px; line-height: 32px; padding-left: 10px; }
.jobs_bd li.c{ margin-top: 15px;position:relative;padding-left:90px; padding-right: 20px; width: 60%;}
.jobs_bd li.c span{position:absolute;left:5px;color:#505050;line-height:25px;}
.jobs_bd li.c input{ border: 1px solid #dddddd; height: 23px; line-height: 23px; background-color: #fbfbfb; outline:none; width: 94% !important; padding: 0px 3%; }
.jobs_bd li.c textarea{ border: 1px solid #dddddd; line-height: 23px; background-color: #fbfbfb; outline:none; width: 94% !important; padding: 10px 3%;  font-family:"Microsoft YaHei",Arial;}
.jobs_bd li.c select{ display: block;border: 1px solid #dddddd; height: 25px;line-height: 25px; background-color: #fbfbfb; outline:none; width: 100% !important;  padding:0px 3%;}
.jobs_bd li.c i{ position: absolute; right:0px; color: #ff0000; top: 0px; }
.jobs_bd li.b{ margin-top: 15px; }
.jobs_bd li.b button{ margin-left: 90px;  border: 1px solid #dddddd; height: 23px; line-height: 23px; background-color: #fbfbfb; outline:none; padding: 0px 5px;}

/*xxts*/
.xxts{ text-align: center; padding-top: 40px;}
.xxts dl{ line-height: 48px; font-size:20px;}
.xxts dl a{ color: #505050; }
.xxts dl a:hover{ color: #ff0000; }