@charset "utf-8";
*{ padding:0; margin:0}
body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;font-size: 12px;color:#000;min-width:1200px;font-family:"微软雅黑"}
ul,li {padding:0; margin:0; list-style:none}
.clear{ clear:both}
h1,h2,h3,h4,h5{ margin:0; padding:0; font-weight:normal}
a {color:#000;text-decoration: none;font-size:12px}
a:hover,a:active {text-decoration: none;color:#fc7a1a; }
img {border:none;}
form{ margin:0; padding:0}
.w{
    width: 1200px;
    margin: 0 auto;
}
.text-overflow{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.text-center{
    text-align: center;
}
.clearfix:after{
    content: '';
    display: block;
    clear: both;
}
.i-left{
    float: left;
}
.i-right{
    float: right;
}
.header, .header *, 
.navbar, .navbar *{
    box-sizing: border-box;
}


.expmenu{border: 1px solid #0097e6;border-top: none;padding: 5px 0;}
.mebg{ width:100%;position:absolute; top:180px;height:46px;}
.menu{ width:200px;  height:46px; margin:0 auto}
.menu li{ width:175px; height:46px; line-height:46px;position:relative;float:left; background:url(../image/mebg.gif) no-repeat left;margin-left:10px;z-index: 999;}
.menu li>a{
    text-align:center;
    color:#FFF;
    font-size:14px;
    font-family:"微软雅黑";
    display: block;
}
.menu li>a:hover,.menu li.cur>a{ background:url(../image/mubg.gif) center no-repeat; color:#000;}
.menu li .subnav{
    width:132px;
    position: absolute;
    left: 0;
    top: 46px;
    background:#eb3c00;
    display: none;
}
.menu li .subnav p{
    border-bottom: 1px solid rgba(255,255,255,.07);
    padding: 0 10px;
}
.menu li .subnav p a{
    display: block;
    height:34px;
    line-height: 34px;
    color:#fff;
    text-align: center;
    overflow: hidden;
}
.menu li:hover .subnav{
    display: block;
}
.menu li .subnav p:hover{
    background: rgba(0,0,0,.1);
}

.main{ padding:20px 0}
.left{ width:229px; float:left}
.ltop{ height:62px; text-align:center; font-family:"微软雅黑"; background:url(../image/ltop.gif) no-repeat top; color:#f0f0f0; font-size:12px}
.ltop font{ font-size:18px; padding-top:5px; line-height:30px; display:block}
.left .nav{ border:1px #eb3c00 solid; padding:10px; margin-bottom:20px}
.left .nav a,.header h3{ display:block; height:35px; line-height:35px; border-bottom:1px #CCC dashed; text-indent:12px;margin-left:10px; font-size:16px; color:#000; }
.left .nav a:hover{text-decoration: underline; }


.banner{ overflow:hidden; width:100%; margin:0 auto; min-width:1200px;}
.banner{position:relative;overflow:hidden;background:url(../image/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:50px;height:3px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:50px;height:3px;overflow:hidden;background:#fff;cursor:pointer;}
.flex-control-nav .flex-active{background:#ff8400;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:38px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../image/prev_icon.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../image/next_icon.png) center center no-repeat;}
.flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.cbanner{ width:100%; margin:0 auto; overflow:hidden; min-width:1200px;}

.ldtop{ background:#0097e6; height:36px; line-height:36px; color:#efefef; text-indent:10px; font-size:16px; margin-top:12px}
.leftlx{background:#FFF;border:1px solid #0097e6; border-top:none; }
.leftlx h1{text-align:center;height:30px;line-height:30px;font-size:14px;}
.leftlx .dianh{padding:0 5px 10px 10px;　word-break:break-all; /*支持IE，chrome，FF不支持*/word-wrap:break-word;/*支持IE，chrome，FF*/}
.leftlx p{line-height:24px;}
.leftlx .dianhua {background: url(../image/teln.gif) no-repeat scroll 0 18px transparent;color: #666666;line-height: 20px;padding: 10px 0 10px 55px;}
.leftlx .dianhua span {display: block;font: 18px "Impact";color:#0097e6;}

.right{ width:950px;float:right;border:1px #ccc solid;}
.rtop{ height:35px; line-height:35px; text-indent:15px; border-bottom:1px #CCC solid}
.rtop font{ color:#0097e6; font-size:12px}
.content{ padding:10px 20px; line-height:25px; min-height:450px}

.dmenu{ width:1200px; height:35px; background:#0097e6; text-align:center; line-height:35px; color:#FFF; font-family:"宋体"; margin:0 auto}
.dmenu a{ color:#FFF;padding: 0 10px;}
.fxx{margin:20px auto 0; min-height:133px;  position:relative}
.fxx .con{ display:block;font-size:12px; color:#333; line-height:28px;
    float: left; width:800px;}
.fxx .con a{ color:#000;padding: 0 5px;}
.ewm{line-height:18px;
    float: right;
}
.ewm span{
    display: block;
    text-align: center;
}

.listnews {padding: 0px; font-family:"微软雅黑"}
.listnews li{font-size:12px;color:#828282; background:url(../image/dian.jpg) no-repeat 5px; line-height:35px; border-bottom:1px #999 dashed; height:35px;width:100%; text-indent:20px; overflow:hidden;}
.listnews li font{ float:right; font-size:12px;font-family:"宋体"}
.listnews li a{ font-size:12px; color:#666; font-family:"宋体"}
.listnews li a:hover{ color:#f00}

.plist {overflow: hidden; }
.plist li{float: left;margin:0 10px 30px 0;text-align:center; }
.plist li:nth-child(4n){ margin-right:0}
.plist li a img{height:170px;width:214px; border:3px #cdcfcf solid}
.plist li a{color:#666; font-size:12px;display:block;}
.plist li a:hover img{border:3px #0097e6 solid}
.plist li a .prname{line-height:42px; height:42px; background:url(../image/pbg.jpg) no-repeat top; border-bottom:3px #bdbebe solid; width:204px; overflow:hidden; padding-left:15px;}
.plist li a:hover .prname{border-bottom:3px #0097e6 solid}

.products_detail{ width:100%; display:table; padding-bottom:30px}
.products_detail .h1{ font-size:18px; width:100%; color:#000; font-family:"微软雅黑"; font-weight:bold;  text-align:center;  line-height:40px;}
.products_detail .detail_pic{ border:1px solid #ededed; min-height:200px;}
.products_detail_con {border-top:1px #ccc solid; padding-top:10px}
.products_detail_con .h2{  font-size:14px; color:#fff; line-height:33px; font-family:"微软雅黑"; font-weight:bold; background:#eb3c00; width:95px; height:33px; text-align:center; margin-bottom:10px}
.products_detail .con_box{ line-height:22px; color:#666; color:#333}

.ipro_1{ background:url(../image/prox.jpg) no-repeat center; width:480px; height:100px; margin:0 auto; text-align:center; margin-top:40px; margin-bottom:20px}
.ipro_1 h2{ color:#010101; font-family:"微软雅黑"; font-size:30px; font-weight:bold}
.ipro_1 h2 font{ color:#0097e6}
.ipro_1 h3{ color:#9b9b9b; font-family:Arial, Helvetica, sans-serif; font-size:24px; margin-top:20px}

.iplist {overflow: hidden; }
.iplist li{float: left;margin:0 25px 30px 0;text-align:center; }
.iplist li:nth-child(5n){ margin-right:0}
.iplist li a img{height:170px;width:214px; border:3px #cdcfcf solid}
.iplist li a{color:#666; font-size:12px;display:block;}
.iplist li a:hover img{border:3px #0097e6 solid}
.iplist li a .prname{line-height:42px; height:42px; background:url(../image/pbg.jpg) no-repeat top; border-bottom:3px #bdbebe solid; width:204px; overflow:hidden; padding-left:15px;}
.iplist li a:hover .prname{border-bottom:3px #0097e6 solid}

.ban1{background: url("../image/ban1.jpg") no-repeat center;height:272px;}
.ban1 .con{
    padding-top:40px;
    width:800px;
}
.ban1 .con h4{
    color:#ea3907;
    font-size:36px;
    font-family: 宋体;
    font-weight: bold;
}
.ban1 .con p{
    font-size:30px;
    font-family: Arial;
    margin-top:10px;
    display: inline-block;
    background:rgba(255,255,255,.8);
    color:#ea3907;
    padding: 5px 10px;

}
.ban1 .con p span{
    font-size: 18px;
    vertical-align: middle;
}

.iabout{ height:429px; background:url(../image/abbg.jpg); width:100%}
.iabout_1{ width:503px; height:339px; position:absolute; left:0; top:56px}
.iabout_2{ width:680px; position:absolute; right:0; top:56px; line-height:25px; font-family:"宋体"; height:320px; overflow:hidden;}
.iabout_2 font{ display:block; color:#0097e6; font-size:24px; border-bottom:1px #919191 dashed; padding-bottom:10px; font-weight:bold; margin-bottom:10px; font-family:"微软雅黑"}
.iabout_2 .con{
    height:150px;
    overflow: hidden;
}
.kd{ width:1200px; margin:0 auto; position:relative}
.kj{ border:1px #c9c9c9 solid;margin-top:55px;}
.inews_1{ width:365px; float:left; height:380px; background:url(../image/inbg1.jpg) no-repeat right; padding:10px 15px;}
.inews_2{ width:460px; float:left; height:380px; background:url(../image/inbg1.jpg) no-repeat right;padding:10px 15px;}
.inews_3{ width:280px; float:right; height:380px;padding:10px 15px;}
.bt{ height:40px; line-height:40px; border-bottom:1px #0097e6 solid; font-size:16px; color:#0097e6}
.bt font{ font-size:12px; color:#8e8e8e; margin-left:10px}
.bt a{ color:#8e8e8e; font-size:12px; float:right}
.inews_3 .bt { margin-bottom:10px;}

.nlist {padding: 15px 0 0 ; font-family:"微软雅黑";}
.nlist li{font-size:12px;color:#828282; background:url(../image/idian.jpg) no-repeat left; height:30px; line-height:30px; border-bottom:1px #cbcbcb dashed; text-indent:15px; overflow:hidden;}
.nlist li a{ font-size:12px; color:#666; font-family:"宋体"}
.nlist li a:hover{ color:#F00}
.nlist li a font{ float:right; color:333; font-size:13px; font-family:"宋体"}

.rsnew{float:left; margin-right:12px; text-indent:0; margin-left:5px}
.inew2{ padding-top:10px}
.inew2 a{ line-height:30px; color:#000; background:url(../image/dian.jpg) 5px no-repeat; text-indent:20px; display:block;}
.inew2 a font{ float:right; color:333; font-size:13px; font-family:"宋体"}
.inew2 a:hover{ color:#f00}

.inew2a{text-indent:0; padding:15px 10px}
.inew2a a{ line-height:30px; color:#5f5f5f; background:url(../image/idian.jpg) 5px no-repeat; text-indent:20px; display:block;font-family:"宋体";  height:30px; overflow:hidden;}
.inew2a a font{ float:right; color:#5f5f5f; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.inew2a a:hover{ color:#f00}
.inews_2tj {padding:15px 5px 5px}
.cc a{color:#010101; font-size:12px; font-weight:bold; font-family:"宋体"; text-indent:0;line-height:20px; }
.cc a:hover{ color:#f00}
.ccbox {line-height:20px; color:#434343; font-size:12px; font-family:'宋体'; padding-right:5px; padding-top:5px}
.ccbox a {color:#f77c16; font-size:12px}
.icontact{ font-size:12px; font-family:"宋体"; line-height:25px; color:#3f3f3f}
.icontact font{ color:#0097e6; line-height:50px; display:block; font-family:"微软雅黑"; font-size:16px}

.link{ padding:40px 0;}
.linktop{ background:url(../image/link.gif) no-repeat right; height:80px; font-size:14px; color:#333; width:113px; float:left; text-align:center; padding-right:30px}
.linktop font{ color:#0097e6; font-size:50px; display:block; border-bottom:4px #0097e6 solid; line-height:50px; margin-bottom:10px; padding-bottom:5px}
.linkcon{ width:1030px; float:right}
.linkcon a{ line-height:25px; margin-right:20px}


.wbytable td{ padding:8px;} 
.wbytable .wbytext{ outline:none; padding:5px; height:22px; width:320px; border:1px solid #e3e3e3;}    
.wbytable .wbyarea{ padding:5px; outline:none; width:450px; border:1px solid #e3e3e3; height:125px;}   
.wbytable .msgbut{ width:90px; height:32px; line-height:32px; cursor:pointer; color:#555;}             
.wbytable .wbytextyz{ outline:none; padding:5px; height:22px; width:100px; border:1px solid #e3e3e3;float:left;} 
.wbytable .wyzm{ padding-top:6px; display:block; width:48px; height:22px; float:left; padding-left:8px;} 

.conpic{ overflow:hidden; width:100%; text-align:center; margin:20px 0px;}
.conpic img{ max-width:860px; overflow:hidden;}

.xgnews{ overflow:hidden; width:auto;margin:3px 0;}
.xgtit {background:#eb3c00; font-size:14px; color:#FFF; height:33px; line-height:33px; padding-left:20px; font-weight:600; margin:5px 0;}
.xgnews ul li{line-height:30px;height:30px;  width:420px; float:left; margin:0 10px;overflow:hidden; font-size:12px; border-bottom:#CCC 1px dashed}
.xgnews ul li span{	float:right;}
.xgnews ul li a{ color:#333333;}

.TabTitle2 li.yina_on a{ color:#FFF;}
.TabTitle2{padding-bottom:20px;}
/*一级导航*/
.TabTitle2 ul.expmenu li div.header { width: 212px; display: block;height: 40px;overflow: hidden;line-height: 40px; border-bottom:1px solid #FFF; }
.TabTitle2 ul.expmenu li div.header a {color:#000;padding-left:10px; font-size:14px; text-decoration:none;}
.TabTitle2 ul.expmenu li div.header a:hover { color:#000;}
.TabTitle2 ul.expmenu li div.header .arrow {display: block;width: 28px;height: 30px;background: no-repeat center;float: right;overflow: hidden;cursor: pointer;}
/*三角按钮*/
.TabTitle2 ul.expmenu li div.header em{background:url(../image/jia.png) no-repeat;width: 12px;height: 12px;display: block;float: right; margin-top: 12px;cursor: pointer;}
.TabTitle2 ul.expmenu li div.on em {background:url(../image/jian.png) no-repeat;}
.TabTitle2 ul.expmenu li div.header .arrow.down {background:url(../image/jian.png) no-repeat; margin-top:14px;}
/*二级导航*/
.TabTitle2 ul.expmenu li .menu {display: block;height: auto;overflow: hidden;}
.TabTitle2 ul.expmenu li .menu li {display: block;height: 30px;overflow: hidden;line-height: 30px; color:#f00;width:175px;}
.TabTitle2 ul.expmenu li .menu li a { color:#000; text-decoration:none;font-size: 12px;padding-left:20px;display:block; width:190px; text-align:left; background:none}
.TabTitle2 ul.expmenu li .menu li a:hover { color:#000;}


/*page*/
.Page{width:100%; text-align:center; padding:40px 0px;}
.Page a,.Page span{display:inline-block;background:#fff;font-size:12px; border:1px solid #e5e5e5;text-decoration:none; color:#333;padding:0 6px;}
.Page a:hover,.Page span{ background:#0097e6; color:#FFF;border: 1px solid #0097e6;}

/*********/

img{max-width: 100%;}
.table_form {margin:10px;width:95%;}
.table_form input,.table_form textarea{line-height:28px;
    width: 100%;}
.table_form input,.table_form textarea{background: transparent; border: 1px solid #ddd;}
.table_form td{padding-left:12px}
.table_form th{font-weight:normal; text-align:right;padding-right:10px; color:#fff}
.table_form td label{ vertical-align:middle}
.table_form td,.table_form th{padding:8px 0 5px 8px;line-height:22px;}
.table_form tbody td,.table_form tbody th{border-bottom:1px solid rgba(255,255,255,.1);vertical-align: top;}
.colorpanel tbody td,.colorpanel tbody th{ padding:0;border-bottom: none;}
.table_form .button{width:60px;height:30px;line-height: 30px;text-align: center;margin-right:10px;color:#fff;background: #666;cursor: pointer;border:none;}
.table_form .button1{background: #0097e6;}

.xg-tit{
    font-size: 18px;
    font-weight: normal;
    color: #0097e6;
    margin:20px 0;
    padding: 0 0 0 10px;
    height: 36px;
    line-height: 36px;
    position: relative;
    border-bottom:2px solid #0097e6;
}

.xg-img{
    display: flex;
}
.xg-img li{
    flex: 1;
    margin-right:20px;
}
.xg-img li a{
    color:#666;
}
.xg-img li:last-child{
    margin-right: 0;
}
.xg-news li{
    display: flex;
    height:36px;
    line-height: 36px;
    border-bottom: 1px solid rgba(0,0,0,.07);
}
.xg-news li a{
    flex: 1;
    font-size: 14px;
    color:#666;
}
.xg-keyword a{
    display: inline-block;
    margin:0 20px 10px 0;
    color:#ba760a;
}

.page_detail{
    padding: 20px ;
}
.page_detail h1{
    font-size: 24px;
    color:#333;
    text-align: center;
    line-height: 1.3;
}
.page_detail .title_desc{
    font-size: 14px;
    text-align: center;
    color:#999;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.page_detail .title_desc em{
    padding: 0 0 0 10px;
}
.page_detail .title_desc a{
    display: inline-block;
    padding: 0 3px;
    color:#999;
}
.page__img{
    text-align: center;
    margin:20px 0;
}
.page__content{
    font-size: 14px;
    line-height: 1.8;
    margin-top:10px;
    color:#333;
}
.page__content p{
    margin-bottom: 10px;
}
.page__turn{
    margin-top:10px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 5px 0;
}
.page__turn p {
    line-height: 20px;
    padding: 3px 10px;
    font-size: 14px;
}


/*
    顶部导航
*/
.navbar{
	height: 58px;
	border: 1px solid #bfbfbf;
	border-left: 0;
	border-right: 0;
}
#nav_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.navbar li{
    position: relative;
    flex: 1;
	text-align: center;
	border-right: 1px solid #d0cfcf;
}
.navbar li a{
    font-size: 18px;
    color: #000;
    line-height: 56px;
    display: block;
}
.navbar li:last-of-type{
	border: none;
}
.navbar li.on a,
.navbar li a:hover{
	color: #0097e6;
}
.navbar li{position: relative;}
.nav li ul{position:absolute; left:0; top:45px; width:100%; background: #0097e6; display:none; overflow:hidden;}
.nav li ul li{ width:100%; height:40px;border: none;}
.nav li ul li a{ font-size:13px;color:#fff; line-height:40px; display:block; white-space: nowrap;padding: 0 ;text-align: center;border: none;background: none;}
.nav li ul li a:hover{ color:#fff;line-height: 40px; border: none;background: #ff812a;}
.nav .on ul li a{background: #0097e6;color:#fff;border: none; line-height: 40px;}
.nav .on ul li a:hover{background-color: #ff812a;}