/*css初始化*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td ,img{ margin:0; padding:0; } 
h1, h2, h3, h4, h5, h6{ font-size:100%; } 
ul, ol { list-style:none; } 
a { text-decoration:none; color: #333; } 
img { border:0; } 
button, input, select, textarea { font-size:100%; } 
table { border-collapse:collapse; border-spacing:0; }
.fl{float: left;}
.fr{float: right;}
hr{border: none;}
* {box-sizing: border-box;font-family: Microsoft YaHei; }
.clear{clear: both;}
.cen{width: 1200px;margin: 0 auto;}




.top1{width: 100%;height: 34px;background-color: #3c3c3c;}
.top1 .cen{font-size: 12px;line-height: 34px;color: #bababa;}
.nav1{height: 138px;}
.nav1 .logo{width: 285px;}
.nav1 .logo img{margin-top: 14px;margin-right: 13px;}
.nav1 .logo h1{font-size: 30px;line-height: 30px;margin-top: 44px;}
.nav1 .logo h4{font-size: 12px;line-height: 40px;}
.nav1 .navlist li{float: left;font-size: 14px;color: #333;width: 111px;line-height: 135px;text-align: center; border-left: solid 1px #e6e6e6;}
.nav1 .navlist .last{border-right:  solid 1px #e6e6e6;}
.nav1 .navlist li:hover{border-top: solid 3px #fbab18;color: #fbab18;}

.index{padding: 38px 0 44px;}
.index .boxs{width: 25%;height: 440px;position: relative;background-color: #f6f6f6;}
.index .boxs .pic{width: 100%;height: 220px;}
.index .boxs .text{width: 100%;height: 220px;}
.index .boxs .up{position: absolute;top: 207px;left: 136.5px;}
.index .boxs .down{position: absolute;top: 220px;left: 136.5px;}
.index .boxs h3{font-size: 18px;line-height: 18px;padding: 40px 21px 0;font-weight: 300;}
.index .boxs p{font-size: 14px;line-height: 27px;color: #666;padding: 22.5px 21px;}
.index .boxs h3:hover{color: #fbab18;}

.banner img{width: 100%;}
.mmm{width: 100%; background-color:#f5f5f5; padding-bottom: 30px;}
.mmm .sub_nav{height: 50px;background: #fff;box-shadow: 2px 2px 10px #888;padding-left: 18px;}
.mmm .sub_nav ul li{height: 20px;float: left;margin: 15px 0;padding: 0 10px;font: 12px/20px 微软雅黑;color: #333;text-align: center;border-radius: 10px;}
.mmm .sub_nav ul li:hover{background: #fbab18;color: #fff;}
.mmm .sub_nav .list2{float: right;margin-right: 15px;}
.mmm .sub_nav .list2 img{vertical-align: middle;}
.mmm .sub_nav .list2 span{font: 12px/50px 微软雅黑;color: #555;}
.mmm .con{margin-top: 30px;padding: 30px;background-color: #fff;}
.mmm .con h3{font-size: 24px;text-align: center;}
.mmm .con p{text-align: left;}
.mmm .con .time{font-size: 12px;color: #888;text-align: center;float: left;width: 100%;margin-top: 10px;}
.mmm .con img{display:block;margin: 0 auto;max-width: 100%;}
.mmm .con1{padding: 30px 18px;}


.mmm .con .prolist li{width: 265px;height: 199px;margin: 0 13px 25px;float: left;border: solid 1px #cccccc;}
.mmm .con .prolist li .pic{width: 100%;height: 158px;}
.mmm .con .prolist li .pic img{width: 100%;height: 100%;}
.mmm .con .prolist li .title{width: 263px;height: 39px;border-top: solid 1px #ccc;text-align: center;font: 14px/39px 微软雅黑;color: #333;}
.mmm .con .prolist li:hover .title{background: #fbab18;color: #fefefe;}
.mmm .con .page{text-align: center;}


.mmm .con .newlist{margin: 0 20px;}
.mmm .con .newlist li{width: 100%;height: 216px;padding: 28px 0;border-bottom: solid 1px #e6e6e6;}
.mmm .con .newlist li .box1{width: 240px;height: 160px;border: solid 1px #ccc;float: left;}
.mmm .con .newlist li .box1 img{width: 100%;height: 100%;}
.mmm .con .newlist li .box2{width: 850px;height: 160px;float: left;margin-left: 30px;position: relative;}
.mmm .con .newlist li .box2 .s1{color: rgb(51, 51, 51);font: 700 16px/50px 微软雅黑;}
.mmm .con .newlist li .box2 .s2{color: rgb(102, 102, 102);float: right;font: 12px 微软雅黑;}
.mmm .con .newlist li .box2 .p1{font: 14px/24px 微软雅黑;color: #666;}
.mmm .con .newlist li .box2 .btn{width: 100px;height: 25px;border: solid 1px #ccc;text-align: center;font: 14px/23px 微软雅黑;color: #666;float: right;position: absolute;right: 0;bottom: 0;}
.mmm .con .newlist li .box2:hover .s1{color: #fbab18;}
.mmm .con .newlist li .box2 .btn:hover{background: #fbab18;color: #fff;}

.mmm .biaodan{text-align: center;}
.mmm .biaodan h2{font: 24px 微软雅黑;color: #333;}
.mmm .biaodan h3{font: 14px 微软雅黑;color: #888;}
.mmm .biaodan .box1{width: 100%;border-top: solid 1px #eee;margin-top: 13px;}
.mmm .biaodan .box2{width: 80px;height: 3px;background: #2388d9;margin: 0 auto;}
.mmm .biaodan form{font: 16px/40px 微软雅黑;color: #444;text-align: left;padding: 111px 137px;}
.mmm .biaodan form input{width: 100%;height: 60px;border: dashed 1px #dcdcdc;background: #fafafa;}
.mmm .biaodan form textarea{resize: none;width: 100%;height: 180px;border: dashed 1px #dcdcdc;background: #fafafa;}
.mmm .biaodan form .btn{width: 160px;height: 50px;font: 24px 微软雅黑;color: #fff;background: #2388d9;margin-top: 43px;border: none;}

.mmm .lx .boxs{width: 100%;margin-bottom: 20px;}
.mmm .lx .boxs .box1{width: 50%;}
.mmm .lx .boxs .box1 img{max-width: width: 100%;}
.mmm .lx .boxs .box2{width: 50%;padding-left: 55px;}
.mmm .lx .boxs .box2 h2{font: 700 18px/48px 微软雅黑;color: #000;}
.mmm .lx .boxs .box2 ul li{height: 30px;}
.mmm .lx .boxs .box2 ul li .pic{width: 30px;height: 30px;float: left;text-align: center;padding-top: 8px;}
.mmm .lx .boxs .box2 ul li p{font: 14px/30px 微软雅黑;color: #000;}






.foot{width: 100%;height: 100px;background-color: #3c3c3c;}
.foot .cen .f1 ul{margin-top: 30px;}
.foot .cen .f1 ul li{float: left;font-size: 12px;line-height: 12px; color: #ccc;width: 81px;text-align: center;border-right: solid 1px #ccc;}
.foot .cen .f1 ul li:hover{color:#fbab18; }
.foot .cen .f1 ul .first{width: 42px;text-align: left;}
.foot .cen .f1 ul .last{border-right: none;}
.foot .cen .f1 p{font-size: 12px;line-height: 44px;color: #ccc;}
.foot .cen .f2{text-align: right;padding-top: 27px;}
.foot .cen .f2 p{font-size: 12px;color: #ccc;line-height: 24px;}