﻿/* Hides from IE-mac \*/

html{color:#333;background:#fff;overflow:auto;overflow-y:scroll;height:100%; font-size:14px; font-family:microsoft yahei;}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

body{background: #fff;min-width: 1200px;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

li{list-style:none;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

abbr,acronym{border:0;font-variant:normal;}

br{letter-spacing:0px;}

a{text-decoration:none;}

input{outline: none;}

a img { border: none; }

.clear{ clear:both;}

.wrap{width:1200px;margin:0 auto;overflow: hidden;}

.wrapp{width:1200px;margin:0 auto;}



/*header*/

.header{width:100%;float: left;}

.h-top{width:100%;float: left;height:35px;background: #f4f4f4; line-height: 35px;}

.h-top h1{width:260px;float: left;color: #989898;}

.h-top h2{width:350px;float: left;color: #989898;line-height: 50px;}

.h-top p{float: right;color: #989898;}

.h-top p a{color: #989898;}

.h-top p a:hover{color: #0079d6;}

.h-mid{width:100%;height: 360px;background: url(../image/banner.jpg) center no-repeat;float: left;}

.h-mid1{width:100%;height: 360px;background: url(../image/banner.jpg) center no-repeat;float: left;}

.h-nav{width:100%;height: 62px;float: left;background: #0079d6;}

.h-nav li{width:16.666%;float: left;line-height: 62px;height: 62px;text-align: center;font-size: 16px;color: #ffffff;}

.h-nav li:hover{background: #0065d6;}



/*m-toutiao*/

.m-toutiao{width:100%;float: left;overflow: hidden;margin:20px 0;}

.m-toutiao-left{width:80px;float: left;overflow: hidden;height: 80px;background: url(../image/m-toutiao-left.jpg) center no-repeat;}

.m-toutiao-right{width:1100px;float: right;overflow: hidden;height: 80px;}

.m-toutiao-right li{width:100%;float: left;height: 80px;}

.m-toutiao-right h1{width:100%;float: left;overflow: hidden;font-size: 24px;color: #dc071b;font-weight: bold;text-align: center;line-height: 50px;}

.m-toutiao-right p{width:100%;float: left;overflow: hidden;font-size: 14px;color: #555555;}



/*outbox*/

.outbox{ width:100%;text-align:left;  }

.outbox .hd{ height:39px; line-height:39px; float: left; width:100%;  }

.outbox .hd ul{ float:left; height:39px; width:370px; border-bottom:2px solid #dedede; }

.outbox .hd ul li{ float:left; width:112px;height: 47px; cursor:pointer; text-align: center;line-height: 40px;color: #555555; font-size: 18px;}

.outbox .hd ul li.on{ background: url(../image/outbox-hover.jpg) center no-repeat;color: #ffffff;}

.outbox .tempWrap{overflow: visible!important;}

.outbox .bd{float: left;overflow: visible!important;width:100%;}

.inbox{width:100%;float: left;}

.inbox .more{color: #b0b0b0;left:400px;position: relative;top:-22px;}

.inbox .more:hover{color: #0079d6;}

.inbox-hd{width:100%;float: left;overflow: hidden;}
.inbox-hd h1{width:100%;float: left;font-size: 18px;font-weight: bold;color: #555555;text-align: center;line-height: 40px;}
.inbox-hd p{width:100%;float: left;line-height: 30px;color: #555555}
.inbox-hd h1:hover{color: #0079d6;}
.inbox-bd{width:100%;float: left;overflow: hidden;margin-top: 10px;} 
.inbox-bd li{width:100%;float: left;overflow: hidden;background: url(../image/jiao.jpg) left center no-repeat;height: 37px;border-bottom:solid 1px #f5f5f5;line-height: 37px;color: #555555; _display: inline;} 
.inbox-bd li h1{width:80%;float: left;overflow: hidden;text-indent: 20px;color: #555555;}
.inbox-bd li:hover{background: url(../image/jiao-hover.jpg) left center no-repeat}
.inbox-bd li:hover h1{color: #0079d6;}
.inbox-bd li p{float: right;}
.inbox-bd li:hover p{color: #0079d6;}

.inbox-hd .bd{ padding:10px;   }
.inbox-hd .bd ul{ overflow:hidden; zoom:1; }




/*search*/

#serch{ width: 240px; float: right; margin-top: 2px; overflow: hidden;height: 40px;}

#serch1{ width: 240px; float: right; margin-top: 300px; overflow: hidden;height: 40px;}

#input_search{ width:198px; border:none; float: left; height:38px;text-indent:15px; color: #adb2b2; border:solid 1px #dedede;}

#btn_search{ width:40px; height:40px; float: right; border:none; background:url(../image/search_btn.jpg) center no-repeat #0079d6; text-indent:-9999px; }





/*part1*/

.part1{width:100%;float: left;overflow: hidden;}

.part1-left{width:560px;height: 363px;float: left;overflow: hidden;}

.part1-left .hiSlider{overflow: hidden;height:363px; width: 560px;}

.part1-left .hiSlider li{width:100%;float: left;}

.part1-left .hiSlider li img{width:560px;height: 363px;object-fit:contain;}

.part1-right{width:622px;float: right;overflow: hidden;}



/*m-ad*/

.m-ad{width:100%;height: 105px;background: url(../image/ad-bg.jpg) center no-repeat;margin:22px 0;float: left;}

.m-ad ul{width:810px;float: left;height: 81px;margin:12px;}

.m-ad ul li{width:24.5%;float: left;overflow: hidden;background: #ffffff;height: 81px;border:solid 1px #eeeeee;transition:all .5s;}

.m-ad ul li .left{width:65px;height: 65px;border-radius: 100px;float: left;margin:9px 0 0 10px;}

.m-ad ul li .right{width:100px;float: left;margin-left: 10px;}

.m-ad ul li .right h1{width:100%;float: left;font-size:18px;font-weight: bold;line-height: 60px;margin-top: 10px;}

.m-ad ul li .right h2{width:100%;float: left;font-size: 12px;color: #c2c2c2;text-transform:uppercase}

.m-ad ul li:hover .right h1{color: #ffffff;}

.m-ad ul li:hover .right h2{color: #ffffff;}

.m-ad ul .item1 .left{background: url(../image/ad-icon-write.png) center no-repeat #0079d6;}

.m-ad ul .item1:hover{background: #0079d6;}

.m-ad ul .item1:hover .left{background: url(../image/ad-icon-blue.png) center no-repeat #ffffff;}

.m-ad ul .item1 .right h1{color: #0079d6;}

.m-ad ul .item1 .right h2{color: #c2c2c2;}



.m-ad ul .item2 .left{background: url(../image/ad-icon-write.png) center no-repeat #ffae00;}

.m-ad ul .item2:hover{background: #ffae00;}

.m-ad ul .item2:hover .left{background: url(../image/ad-icon-yellow.png) center no-repeat #ffffff;}

.m-ad ul .item2 .right h1{color: #ffae00;}

.m-ad ul .item2 .right h2{color: #c2c2c2;}



.m-ad ul .item3 .left{background: url(../image/ad-icon-write.png) center no-repeat #8fc31f;}

.m-ad ul .item3:hover{background: #8fc31f;}

.m-ad ul .item3:hover .left{background: url(../image/ad-icon-green.png) center no-repeat #ffffff;}

.m-ad ul .item3 .right h1{color: #8fc31f;}

.m-ad ul .item3 .right h2{color: #c2c2c2;}



/*part2*/

.part2{width:100%;float: left;overflow: hidden;}

.part2-left{width:465px;float: left;overflow: hidden;border:solid 1px #f1f1f1;}

.part2-left .outbox .hd ul{height: 38px;border-bottom:solid 1px #f1f1f1;width:100%;}

.part2-left .outbox .hd ul li{width:173px;height: 45px;background: url(../image/part2-icon1.jpg) center no-repeat;text-indent: 50px;color: #ffffff;text-align: left;line-height: 40px;}

.part2-left .inbox{padding:0 15px 10px;box-sizing: border-box;}

.part2-left .inbox .more{left:390px;}

.part2-left .inbox .inbox-bd{margin-top: -5px;}

.part2-left .outbox .bd h1{width:75%;}

.part2-mid{margin-left: 21px;}

.part2-mid .outbox .hd ul li{background: url(../image/part2-icon2.jpg) center;}

.part2-right{width:222px;float: right;}

.part2-right .outbox .hd ul li{width:100%;height: 38px;background: url(../image/part2-icon3.jpg) center no-repeat #0079d6;line-height: 38px;text-indent: 55px;}

.part2-right .outbox .bd h1{width:100%;}

.part2-right .inbox-bd li{background: url(../image/xing.jpg) left center no-repeat;} 

.part2-right .inbox-bd li:hover{background: url(../image/xing-hover.jpg) left center no-repeat}



/*m-ad2*/

.m-ad2{width:100%;float: left;height: 105px;background: url(../image/20ad.jpg) center;margin:20px 0;}



/*part3*/

.part3{width:100%;float: left;overflow: hidden;}

.part3-left{width:978px;float: left;overflow: hidden;}

.part3-left .item1,.part3-left .item2,.part3-left .item3,.part3-left .item4,.part3-left .item5,.part3-left .item6{width:472px;float: left;overflow: hidden;margin:0 17px 10px 0;}

.part3-left-hd{width:100%;float: left;overflow: hidden;line-height: 50px;}

.part3-left-hd h1{width:200px;float: left;overflow: hidden;font-size: 18px;color: #0079d6;text-indent: 50px;}

.part3-left-hd a{color: #b0b0b0;font-size: 14px;float: right;margin-right: 10px;}

.part3-left-hd a:hover{color: #0079d6;}

.part3-left-bd{width:470px;float: left;overflow: hidden;border:solid 1px #dedede;height: 331px;}

.part3-left-bd .outbox .hd ul{width:100%;border-bottom:solid 1px #dedede;height: 38px;}

.part3-left-bd .outbox .hd ul li{width:25%;float: left;height: 45px;background-size: 100% 100%;}

.part3-left-bd .outbox .hd ul li span{border-right:solid 1px #dedede;height: 38px;width:100%;display: block;}

.part3-left-bd .outbox .bd{padding:12px;box-sizing: border-box;}

.part3-left-bd .outbox .inbox-bd{margin-top: 0px;}



.part3-left .item1 .part3-left-hd h1{background: url(../image/part3-icon1.jpg) 10px center no-repeat;}

.part3-left .item2 .part3-left-hd h1{background: url(../image/part3-icon2.jpg) 10px center no-repeat;}

.part3-left .item3 .part3-left-hd h1{background: url(../image/part3-icon3.jpg) 10px center no-repeat;}

.part3-left .item4 .part3-left-hd h1{background: url(../image/part3-icon4.jpg) 10px center no-repeat;}

.part3-left .item5 .part3-left-hd h1{background: url(../image/part3-icon5.jpg) 10px center no-repeat;}

.part3-left .item6 .part3-left-hd h1{background: url(../image/part3-icon6.jpg) 10px center no-repeat;}



.part3-right{width:222px;float: right;overflow: hidden;}

.part3-right-hd{float: left;}

.part3-right-md{float: left;width:100%;margin-top: 15px;}

.part3-right-md .hd{width:100%;height: 68px;background: url(../image/part3-right-md.jpg) center no-repeat;float: left;}

.part3-right-md .bd{padding:10px 10px 0;border:solid 1px #f1f1f1;box-sizing: border-box;float: left;}

.part3-right-md .bd li{border:solid 1px #f1f1f1;width:100%;float: left;width:100%;height: 45px;line-height: 45px;margin-bottom: 12px;}

.part3-right-md .bd li img{float: left;margin:4px 12px;}

.part3-right-md .bd li h1{float: left;width:140px;color: #555555;font-size: 16px;}

.part3-right-md .bd li:hover h1{color: #0079d6;}



.part3-right-md .hd1{background: url(../image/part3-right-bd.jpg) center no-repeat;}

.part3-right-map{width:100%;float: left;margin-top: 15px;}

.part3-right-map .hd{width:100%;height: 38px;background: url(../image/part3-right-map-hd.jpg) center no-repeat;}

.part3-right-map .bd{width:100%;float: left;height: 220px;overflow: hidden;}



/*m-fengcai*/

.m-fengcai{width:100%;float: left;overflow: hidden;}

.m-fengcai .outbox .hd ul{width:100%;float: left;border:solid 1px #dedede;box-sizing: border-box;}

.m-fengcai .more{left:1120px;}

.m-fengcai .outbox .hd ul li{width:140px;background: url(../image/m-fengcai-icon1.jpg) center no-repeat;color: #ffffff;height: 45px;    text-indent: 30px;line-height: 38px;}

.m-fengcai .inbox-bd{margin-top:0;}

.m-fengcai .inbox-bd .bd{padding:10px 0 15px;width:100%;height: 240px;box-sizing: border-box;overflow: hidden;}

.m-fengcai .inbox-bd .bd li{width:286px;height: 214px;float: left;margin-right:21px;}

.m-fengcai .inbox-bd .bd li img{width:286px;height: 214px;float: left;object-fit: cover;}

.m-fengcai .inbox-bd .bd li .zhezhao{width:286px;height: 214px;float: left;background: #000;transition:all .5s;opacity: .5;}

.m-fengcai .inbox-bd .bd li h1{width:100%;text-align: center;color: #fff;font-size: 16px;float: left;position: relative;z-index: 1;}

.m-fengcai .inbox-bd .bd li:hover .zhezhao{margin-top: -214px;}

.m-fengcai .inbox-bd .bd li:hover h1{margin-top: -120px;}



/*footer*/

.footer{ width: 100%; height:290px; background: #0079d6; overflow: hidden;}

.f-link{  height: 24px; padding: 25px; overflow: hidden;display: flex;justify-content: center;}

.f-link ul{ width: 174px; height: 24px; float: left; margin: 0 8px;}

.link{ width: 172px; height: 22px; border: 1px solid #cdcdcd; text-align: center;}

.f-bd{width:100%;float: left;text-align: center;color: #ffffff;line-height: 26px;}

.f-bd a{color: #ffffff;}

.f-bd a:hover{font-weight: bold;}



/*list*/

.list{width:100%;float: left;margin:20px 0 }

.l-left{width:222px;float: left;}

.l-right{width:956px;float: right;border:solid 1px #f1f1f1;min-height: 900px;}

.l-right-hd{width:100%;float: left;height: 39px;border-bottom:solid 1px #f1f1f1;}

.l-right-hd span{float: left;height: 45px;background: url(../image/outbox-hover.jpg);padding:0 26px;line-height: 40px;background-size: 100% 100%;color: #ffffff;font-size: 18px;}

.l-right-hd p{float: right;margin-right: 22px;line-height: 40px;color: #b0b0b0;}

.l-right-hd p a{color: #b0b0b0;}

.l-right-hd p a:hover{color: #0079d6;}

.l-right-bd{line-height: 260%;width:100%;float: left;padding:20px;box-sizing: border-box;}



/*sidebar*/

.sidebar{width:222px;float: right;overflow: hidden;}

.s-hd{float: left;width:100%;height: 68px;background: #0079d6;line-height: 68px;text-align: center;font-size: 22px;font-weight: bold;color: #ffffff;}

.s-bd{width:100%;float: left;border:solid 1px #f1f1f1;padding:10px 10px 0;box-sizing: border-box;margin-bottom: 15px;}

.s-bd a{border:solid 1px #f1f1f1;width:100%;float: left;height: 45px;line-height: 45px;margin-bottom: 12px;display: block;color: #333333;font-size: 16px;text-indent: 50px;}

.s-bd a:hover{background: #0079d6;color: #ffffff;}





/*产品列表页样式*/

.pro{width: 100%;}

.pro li{float:left;overflow:hidden;width:283px;text-align:center;white-space:nowrap;margin:0 10px 20px;}

.pro li .img{width: 275px;height:205px;border:1px solid #dcdcdc;padding:3px;text-align: center;line-height: 205px;}

.pro li img{max-width:275px;max-height: 205px;vertical-align: middle;margin-top: -3px;}

.pro li a{color:#444;}

.pro li a:hover{color:#da020d;}

.pro li .img:hover{border:1px solid #da020d;}





/*分页效果*/

div.digg{padding:5px;margin:10px;text-align:center; float:right; display: inline;}

div.digg a{border:#aaaadd 1px solid;padding:3px 5px;margin:3px;color:#585858;text-decoration:none}

div.digg a:hover{border:#585858 1px solid;color:#000;}

div.digg a:active{border:#585858 1px solid;color:#000;}

div.digg span.current{border:solid 1px #0079d6;padding:3px 8px;font-weight:bold;margin:3px;color:#fff;background-color:#0079d6;}

div.digg span.disabled{border:#eee 1px solid;padding:3px 5px;margin:3px;color:#ddd;}

div.digg select{ border:#aaaadd 1px solid; padding:3px 0px;}



/*新闻列表*/

/*n-news*/

#n-news{ width: 100%; height: 100px; border-bottom: 1px dashed #000; margin-top: 17px; overflow: hidden;}

#n-news .title{ width: 100%; height: 30px; overflow: hidden;}

#n-news .title a{ color: #2f69ea; font-weight: 700; font-size: 16px;}

#n-news .title a:hover{ color: #f00;}

#n-news .title span{ margin-left: 20px; font-size: 14px; color:#cdcdcd;}

#n-news .content{ width: 100%; height: 55px; padding-top: 5px; font-size: 14px; color: #999; line-height: 26px;}

#n-news .content a{ color: #f00;}



/*新闻内容页*/

.news_detail {

    height: auto !important;

    min-height: 330px;

    height: 330px;

    padding: 10px 0;

}

.news_detail .xiazai{width:100px;height: 100px;display: block;background: url(../image/download.gif);}

#news_t {

    color: #000;

    font-weight: bold;

    text-align: center;

    font-size: 20px;

}

#news_d {

    color: #000;

    font-size: 12px;

    text-align: left;

    background: #efefef;

    margin: 10px 0;

    padding: 5px 10px;

    font-size: 12px;

    -moz-border-radius: 5px;

    /* Gecko browsers */

    -webkit-border-radius: 5px;

    /* Webkit browsers */

    border-radius: 5px;

    /* W3C syntax */

}

#news_d .left{float: left;width:100%;text-align: center;}

.bdsharebuttonbox{margin-top: 5px;}

#news_img {

    text-align: center;

    position: relative;padding-bottom: 20px;border-bottom:dotted 1px #cecece;

max-width: 840px;

}

#newsContent {

    margin-bottom: 16px;

    text-align: left;

}

#newsInfo {

    margin: 0px;

    font-weight: normal;

    text-align: left;

    padding: 10px;

}

#newsInfo img {

    max-width: 840px;

}

.page {

    margin: 20px;

    text-align: right;

    border-top: #CCC 1px dotted;

}



.prev_next li {

    margin: 10px auto;

    background: #eee;

    padding: 5px;

    font-size: 14px;

    font-family: Arial, Helvetica, sans-serif;

    line-height: 24px;

    height: 24px;

}



.prev_next li {

    background: #dfdfdf;

    display: block;

    border-radius: 3px;transition:all .5s;

}

.prev_next li a{color: #333333;transition:all .5s;}

.prev_next li:hover {

    background: #d8d8d8;

    display: block;

    color: #2fa0ec;

    transition:all .5s;

}

.prev_next li:hover a{color: #2fa0ec;transition:all .5s;}

.back_list{text-align: right; font-size: 14px; width: 100%;

}



/* message styles */

.message{margin-left: 20px;}

.message ul{

    overflow: hidden;

}

.message li{

    float: left;

    margin:10px;

}

.message input {

    position: relative;

    display: block;

    float: right;

    padding:1.2em 0.8em;

    width: 400px;

    border: solid 1px #cccccc;

    border-radius: 0;

    background: #fff;

    color: #0075c5;

    font-weight: bold;

}

.message textarea {

    position: relative;

    display: block;

    float: right;

    padding:1.2em 0.8em;

    width: 842px;

    border: solid 1px #cccccc;

    border-radius: 0;

    background: #fff;

    color: #0075c5;

    font-weight: bold;

    resize:none;

}

.message textarea:focus {

    outline: none;

}

.message input:focus {

    outline: none;

}

.message #submit{

    width: 120px;

    height: 51px;

    color: #fff;

    background: #ccc;

    -webkit-transition: background 0.3s;

    transition: background 0.3s;

}

.message #submit:hover{

    background: #0075c5;

}

