@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
ul li{ list-style:none}
img{ border:0; max-width:100%}
a{ text-decoration:none; color:#444}
.clear{ clear:both}
body{ font-family:"Helvetica","微软雅黑"; width:100%; min-width:1250px;font-size: 13px;line-height: 28px;color: #444;}
.ccsl{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
p{text-align:justify}

.main{ width:1250px; margin:0 auto;}

.top{height: 30px;background: #f7f8fa;width:100%; min-width:1250px;font-size: 12px;border-bottom: 1px solid #e7e8ed;}
.top p{color: #999;}

.view-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.flex-5 {
  flex: 5;
}

.flex-6 {
  flex: 6;
}

.flex-7 {
  flex: 7;
}

.flex-8 {
  flex: 8;
}

.flex-9 {
  flex: 9;
}

.flex-10 {
  flex: 10;
}

.flex-11 {
  flex: 11;
}

.flex-12 {
  flex: 12;
}

.text-c {
  text-align: center;
}

.text-r {
  text-align: right;
}

.font-12 {
    font-size: 12px;
}

.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.header{width: 1250px;height: 100px;margin: 0px auto;}
.header .logo{ width:378px; height:100px; float:left}
.header .nav{ height:35px; margin-top:32px; float:right; max-width:780px; overflow:hidden}
.header .nav ul{ overflow:hidden}
.header .nav ul li{ float:left}
.header .nav ul li a{color: #333; display:block;font-size: 14px;line-height: 35px;height: 35px;text-align: center;padding: 0px 22px;border-radius: 3px;}
.header .nav ul li a:hover{font-size: 14px;height: 35px;line-height: 35px;background: #0285db;text-align: center; color:#fff}


.banner{ width:100%; min-width:1250px; /*height:400px;*/ overflow:hidden; position:relative;font-size:0; margin:0 auto;}
.b-img{ /*height:400px;*/  position:absolute; left:0; top:0;}
.b-img img{ display:block; /*height:400px;*/ float:left;}
.b-list{ height:20px; /*padding-top:380px;*/ margin:0 auto;position:relative;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; background:#fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{ background:#d8241d}


.contitbox{width: 1250px;margin: 0px auto; height:24px;overflow: hidden; background:url(../images/tit.png)no-repeat bottom center;margin-top: 65px; padding-bottom: 20px;}
.contitbox p{font-size: 23px;font-weight: bold;color: #000;text-align: center; max-width:350px; margin:0 auto}

.part1{width: 1200px;height: 290px;margin: 0px auto;overflow: hidden;margin-top: 50px;padding: 0px 25px;}
.part1L{float: left;width: 700px;height: 290px;overflow: hidden;}
.part1L h3{font-size: 18px;font-weight: bold;color: #0285db;height: 30px;line-height: 20px;}
.part1L .sub{width: 700px;height: 210px;overflow: hidden;line-height: 30px;font-size: 14px;}
.part1L a{width: 120px;background: #ddd;height: 35px;line-height: 35px;text-align: center;margin-top: 5px; display:block}
.part1L a:hover{color: #0285db;}
.part1R{float: right;width: 465px;height: 290px; overflow:hidden}


.part2{background: #f7f8fa;width:100%; min-width:1250px; font-size: 12px;border: solid #e7e8ed;border-width: 1px 0px; padding-bottom: 65px; margin-top: 65px;overflow: hidden;}
.part2 ul{ overflow:hidden; width:1250px; margin:0 auto}
.part2 ul li{ float:left;margin: 50px 25px 0px 25px;width: 200px;}
.part2 ul li img{width: 200px; overflow:hidden; display:block;height: 150px;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.part2 ul li:hover img{opacity: .5;}
.part2 ul li p{padding: 5px 10px;background: #8c989f;color: #FFF;text-align: left;font-weight: normal;font-size: 14px;}


.conmorebox{clear: both;margin: 0 auto;padding-top: 45px;width: 200px;text-align: center;}
.conmorebox a{display: block;background: #0285db;color: #FFF;font-weight: normal;font-size: 14px;line-height: 40px;}
.conmorebox a:hover{background: #f00;color: #FFF;}


.part3{width: 1250px; overflow:hidden;margin: 0px auto;padding-top: 50px;}
.part3 ul{ overflow:hidden}
.part3 ul li{ float:left; width:605px;overflow:hidden;margin: 0px 10px;padding-top: 21px;height: 115px;border-bottom: 1px solid #e7e8ed;}
.part3 ul li .p3L{width: 100px;height: 115px; float:left; overflow:hidden}
.part3 ul li .p3L img{ display:block;margin-left: 10px;width: 90px;height: 90px;border-radius: 100%;}
.part3 ul li .p3R{ width:485px; height:116px; overflow:hidden; float:right;padding: 0 10px;}
.part3 ul li .p3R h3{overflow: hidden;margin-bottom:3px;height: 23px;color: #000;font-weight: normal;line-height: 23px;}
.part3 ul li .p3R .sub{overflow: hidden;height: 42px;color: #818181;line-height: 22px;}
.part3 ul li .p3R .time{display: block;height: 25px;color: #818181;line-height: 25px;}
.part3 ul li:hover{background: #f7f8fa;}


.part4{background: #f7f8fa;width:100%; min-width:1250px; font-size: 12px;border: solid #e7e8ed;border-width: 1px 0px; padding-bottom: 65px; margin-top: 65px;overflow: hidden;}
.part4 ul{ overflow:hidden;width:1250px; margin:0 auto}
.part4 ul li{float: left;margin: 50px 25px 0px 25px;width: 262px}
.part4 ul li a.pro{ display:block;width: 262px;height: 197px; overflow:hidden}
.part4 ul li img{width: 262px;height: 197px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease}
.part4 ul li .pro:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);-ms-transform: scale(1.2);}
.part4 ul li p{height: 40px;background: #8c989f;text-align: center;line-height: 40px; color:#fff; padding:0 10px}

.part5{background:#2a2828;width: 100%;min-width:1250px;overflow: hidden;padding: 40px 0px}
.part5_1{margin-right: 30px;width: 430px;float: left; height:180px; overflow:hidden}
.part5 .titbox{ width:100%; height:30px; overflow:hidden;}
.part5 .titbox p{font-size: 17px;color: #FFF;}
.part5 ul{width: 100%;margin-top: 10px;line-height: 22px;color: #999;}
.part5 ul li{width:46%;float: left;height: 33px;line-height: 33px;margin-right: 4%;border-bottom: 1px dashed #666;background: url(../images/icon.png) no-repeat left 14px;text-indent: 13px;}
.part5 ul li a{ color:#999}
.part5 ul li a:hover{ color:#fff}

.part5_2{margin-right: 30px;width: 460px; padding-right:10px;overflow:hidden; float:left; height:180px;}
.part5_2 .conbox{ width:100%; height:148px; overflow:hidden}
.part5_2 .con{width: 280px;margin-top: 15px;line-height: 26px;color: #999;float: left;}
.part5_2 img{ float:right;width: 125px; display:block;height: 125px;margin-top: 20px;margin-right: 10px;}

.part5_3{width: 290px;float: left;height:180px; overflow:hidden}

.footer{background: #222;width: 100%;min-width:1250px;overflow: hidden;padding-bottom: 15px;text-align: center;color: #FFF;line-height: 22px; padding-top:15px}


.mainWarp{width:1250px;margin: 35px auto 50px; overflow:hidden}
.mainLeft{ float:left; width:250px; overflow:hidden}
.mainLeft .divbox{width: 248px;border: 1px solid #ddd;margin-bottom: 20px;}
.mainLeft .divbox .titbox{width: 248px;border-bottom: 1px solid #ddd;height: 60px;line-height: 60px;}
.mainLeft .divbox .titbox p{text-indent: 20px;font-size: 19px;font-weight: bold; color:#444}
.mainLeft .divbox ul{width: 248px; overflow:hidden}
.mainLeft .divbox ul li{border-bottom: 1px solid #EEE; height:40px; line-height:40px;}
.mainLeft .divbox ul li a{font-size: 13px;padding-left: 20px;}
.mainLeft .divbox ul li a:hover{background: #0285db; color:#fff;font-size: 13px;}
.mainLeft .divbox .lxwmbox{padding: 10px 20px;}

.mainRight{ float:right; width:960px; overflow:hidden}

.brandnav{width: 960px;border-bottom: 1px solid #ddd;height: 60px;line-height: 50px;font-size: 19px; overflow:hidden}
.brandnav p.ccsl{ float:left; max-width:400px;}
.brandnav .con{float: right;font-size: 14px;max-width:400px;}


ul.piclistul{width: 960px; margin: 0px auto; overflow:hidden}
ul.piclistul li{float: left;margin: 35px 19px 0px 19px;width: 200px;border: 1px solid #8c989f;}
ul.piclistul li a{display: block;background: #FFF;}
ul.piclistul li img{width: 200px;height: 150px;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
ul.piclistul li a:hover img{opacity: .5;filter: alpha(opacity=50);-moz-opacity: .5;-khtml-opacity: .5;}
ul.piclistul li p{padding: 5px 10px;background: #8c989f;color: #FFF;font-size: 14px;}


ul.listul{ overflow:hidden}
ul.listul li{height: 50px;line-height: 50px;border-bottom: 1px solid #EEE;background: url(../images/icon2.png) no-repeat 5px 22px;padding-left: 18px;font-size: 14px;}
ul.listul li a{ float:left; max-width:800px}
ul.listul li span{ float:right;font-size: 14px;padding-right: 5px;}
ul.listul li a:hover{color: #0285db;}


.detailbox{margin-top: 20px; padding-bottom:40px}
.detailbox .xq{}
.detailbox .xq .tit{clear: both;font-size: 20px;font-weight: bold;color: #0285db;line-height: 22px;padding: 0px 0px 15px 0px;text-align: center;}
.detailbox .xq .date{line-height: 15px;margin-bottom:15px;color: #999;font-size: 12px;text-align: center;}
.detailbox .xq .prroimg{ display:block; margin:0 auto; max-width:700px; margin-bottom:10px}
.detailbox .xq .con{font-size: 14px;color: #333;line-height: 28px;}



.pagebox{ text-align:center; padding-top:30px; padding-bottom:50px}
.pagebox a{ border:1px solid #ccc; padding:5px 10px; display:inline-block; color:#333; margin:3px}
.pagebox a:hover{ border:1px solid #2B2B2B; color:#2B2B2B}

.formBox{ width:390px; margin:0 auto; overflow:hidden; padding-top:20px}
.formBox .inputbox{ height:36px; line-height:36px; margin-top:36px;}
.formBox .inputbox label{ width:80px; float:left; font-size:14px; color:#000;height:36px; line-height:36px;}
.formBox .inputbox label span{ color:#cc0000; padding-right:8px}
.formBox .inputbox input{ width:305px; float:right; height:36px; line-height:36px; border:1px solid #e0e0e0; box-sizing: border-box;font-size:14px; color:#999; padding-left:10px}
.formBox .inputbox input.yzm{ float:right; width:172px}
.formBox .inputbox .yzmimg{ float:right; width:123px; height:36px; margin-left:10px}
.formBox .inputbox .btn1{ width:100px; height:36px; line-height:36px; border:1px solid #e0e0e0; box-sizing: border-box;font-size:14px; color:#fff; text-align:center; background:#02A5EC; float:left;border-radius:4px; cursor:pointer; outline:none; letter-spacing:1px; padding:0}
.formBox .inputbox2{ min-height:36px; line-height:36px; margin-top:36px; overflow:hidden}
.formBox .inputbox2 label{ width:80px; float:left; font-size:14px; color:#000;height:36px; line-height:36px;}
.formBox .inputbox2 label span{ color:#cc0000; padding-right:8px}
.formBox .inputbox2 textarea{ width:305px; float:right; height:80px;line-height:36px; border:1px solid #e0e0e0; box-sizing: border-box;font-size:14px; color:#999; padding-left:10px}

.beian {
color: #FFFFFF;
}