﻿@charset "utf-8";
/* CSS Document */ 

@font-face{font-family:'iconfont';src:url('//at.alicdn.com/t/font_1432720974_1547027.eot');src:url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
body{font-family:"微软雅黑"}
.glyphicon{top:0 !important}
.no-padding{padding:0 !important}
.no-margin{margin:0 !important}
.no-background{background:none !important}
.no-border{border:none !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w100{width:100% !important}
.h100{height:100% !important}
a{text-decoration:none !important;cursor:pointer !important}
.container-fluid{max-width:1230px !important}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s}
.tr2{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}

.main-pad-1{ padding:40px 0;}
.main-pad-2{ padding:20px 0;}
.main-Background-1{ background: #199CEA; }
.main-Background-2{background: #f0efee; }

header{ position: relative; z-index: 99999999;}
header .box .logo{ font-size: 0; line-height: 98px; }
header .box .fenxiang{ margin:35px 0 0; }
header .box .fenxiang a{ display: block; margin-left: 10px; width: 25px; height:25px; font-size: 15px; color:#fff; line-height: 25px; background: #199CEA; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%; }
header .box .tel{ margin:32px 0 0; padding: 0 0 0 25px; min-height:30px; font-size: 16px; color: #199CEA; line-height: 30px; background: url(../images/icon/tel_icon.png) no-repeat left 12px;}
header .box .tel span{ font-family: Impact; font-size: 25px;color: #d99348; }
header .menu{ background: #199CEA; }
header .menu ul li{ position: relative; width: 12.5%; }
header .menu ul li:after{ margin:-9px 0 0; content: ""; position: absolute; left:-1px; top: 50%; z-index: 1; width: 2px; height:18px; background: #5b453f; border-right: solid 1px #1a0e0a; }
header .menu ul li:last-child:before{ margin:-9px 0 0; content: ""; position: absolute; right:-1px; top: 50%; z-index: 1; width: 2px; height: 18px; background: #5b453f; border-right: solid 1px #1a0e0a; }
header .menu ul li > a{ position: relative; z-index: 2; display: block; font-size:16px; color: #fff; line-height:52px; }
header .menu ul li .ul{ display: none; position: absolute; left: 0; top: 100%; z-index: 1; padding: 3px 0 0; width: 100%;}
header .menu ul li .ul .li{background:#199CEA;}
header .menu ul li .ul .li a{ display: block; color: #fff; line-height:35px; }

.banner{ position:relative; overflow:hidden;}
.banner img{ display: block; margin:0 auto; }
.banner .glyphicon{ top:50% !important;}
/* .banner .carousel-control.left,.banner .carousel-control.right{ top: 50%; margin:-27px 0 0; width:54px; height: 54px;}
.banner .carousel-control.left{ left:0;background:url(../images/icon/b_jt_l.png) no-repeat;}
.banner .carousel-control.right{ right:0;background:url(../images/icon/b_jt_r.png) no-repeat;} */
.banner .carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.banner .carousel-fade .carousel-inner .active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.banner .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner #myCarousel{position:relative}
.banner #myCarousel .carousel-indicators{ margin-bottom:0;bottom:10px;z-index:4}
.banner #myCarousel .carousel-indicators li{margin:0 5px;width:12px;height:12px; background: #fff; border:none;}
.banner #myCarousel .carousel-indicators li:hover{background:#0A7ABC}
.banner #myCarousel .carousel-indicators li.active{background:#0A7ABC}

.title-1{ margin:0 0 15px; border-bottom: solid 1px #dcdcdc;}
.title-1 .left{ padding: 0 0 20px; }
.title-1 .left h5{ position: relative; margin:0 15px 0 0; font-size: 24px;color: #333; line-height: 28px; }
.title-1 .left h5:after{ content: ""; position: absolute; left: 0; bottom: -21px; z-index: 1; width: 100%; height: 1px; background: #199CEA; }
.title-1 .left h5:before{ content: ""; position: absolute; left: 0; bottom: -24px; z-index: 2; width: 7px; height: 7px; background: #199CEA; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
.title-1 .left span{ font-size: 18px;color: #199CEA; line-height: 28px; }
.title-1 .right{ padding:9px 0 0; }
.title-1 .right a{ display: block; width: 78px; font-size: 12px;color: #199CEA; line-height: 24px; border:solid 1px #cccccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; }
.title-1 .right2 p{ color: #199CEA; line-height: 28px; }
.title-1 .right2 p a{ color: #199CEA; }
.title-2{ margin:0 0 20px; padding: 0 10px; background: #d4d5d9}
.title-2 ul li{ position: relative; padding: 0 10px; }
.title-2 ul li:after{ content: ""; position: absolute; left: 0; top: 50%; z-index: 1; margin-top:-8px; width: 2px; height: 16px; background: #ededed; border-right: solid 1px #b0b0b0; }
.title-2 ul li a{ display: block; padding: 0 15px; color: #199CEA; line-height:36px; }
.title-2 ul li.active a{ color: #fff; background: #199CEA; }
.title-2 .ul .li{ margin-top: 1px; }
.title-2 .ul .li a{ display: block; padding: 0 15px; font-size: 12px; color: #333; line-height: 30px; background:#ededed; }
.title-2 .ul .li.active a{ background: #b0b0b0; }
.title-3{ padding:25px 0;}
.title-3 .left h5{ margin:0; font-size: 24px;color: #fff; line-height: 26px; }
.title-3 .left span{ display: block; font-size: 18px;color: #bfb7b4; line-height:40px; border-bottom: solid 1px #b1abab; }
.title-3 .right a{ position: relative; display: block; width: 68px; height: 68px; font-size: 20px;color: #9c7f77; line-height: 64px; border:solid 2px #9c7f77; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; }
.title-3 .right a:after{ content: "+"; position: absolute; right: -9px; top: 50%; z-index: 1; margin:-13px 0 0; width: 18px; height:26px; font-family: arial; font-size:36px;color: #9c7f77; font-weight: bold; line-height: 18px; border-top: solid 4px #199CEA;border-bottom: solid 4px #199CEA;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s }
.title-4{ margin:0 0 15px; font-size: 16px; color: #333; line-height: 24px;}
.title-5{ margin:0 0 20px; }
.title-5 ul li a{ display: block; padding: 0 15px; color: #199CEA; line-height: 24px; }
.title-6{ margin:0 auto 20px; padding: 0 0 10px; max-width: 770px; border-bottom: solid 1px #f2f2f2; }
.title-6 h5{ margin:0; font-size: 16px;color: #333; line-height: 24px; }
.title-6 p{ margin:0; font-size: 12px;color: #999; line-height: 24px; }
.title-6.active h5{ font-size: 20px; }

.text-1 a{ display: block; }
.text-1 a .jiangexian{ margin:0 0 10px;  width: 75px; height: 1px; background: #afa19c; }
.text-1 a .time span{ display: block; padding: 0 0 10px; color:#199CEA; line-height: 24px;}
.text-1 a .biaoti{ font-size: 17px; color: #333; line-height: 24px; }
.text-1 a p{ margin:0 0 20px; height: 60px; font-size: 13px;color: #777; line-height: 30px; overflow: hidden; }
.text-2 p{ margin:0 0 5px; height: 360px; color: #333; line-height:24px; overflow: hidden; }
.text-2 a{ display: block;margin:0 auto; width: 110px; font-size: 14px;color: #333; line-height: 25px; border:solid 1px #b4a8a4; border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -o-border-radius: 13px; }
.text-3{ padding:11px 0 0; overflow: hidden; }
.text-3 ul{ padding: 0 0 0 13px; margin:0; }
.text-3 ul li{ width: 10%; font-size: 0; text-align: center; }
.text-3 ul li .box{ display: inline-block; vertical-align: top; padding: 0 26px 0 0; background: url(../images/icon/text3_jt.png) no-repeat right; }
.text-3 ul li:last-child .box{background: none; }
.text-3 ul li a{ display: block; width: 85px; height: 85px; font-size: 16px; color: #199CEA; line-height: 81px; border:solid 2px #199CEA; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.text-4 form input{ padding: 0 10px; margin:0 0 5px; width: 100%; height: 35px;color: #000; border:solid 1px #c9c9c9; }
.text-4 form textarea{ padding: 0 10px; margin:0 0 5px; width: 100%;max-width: 100%;min-width: 100%;height: 115px; line-height: 35px;color: #000; border:solid 1px #c9c9c9; }
.text-4 form button{ width: 100%; height: 35px; color: #fff; line-height: 33px; background: #199CEA; border:none; }
.text-5{ margin:0 0 10px; color: #333; line-height: 24px; }
/*.text-5 span{ display: inline-block; vertical-align: top; line-height:30px; border-bottom:solid 2px #d9d8d8;}*/
.text-6{ position: relative; padding: 0 170px 0 0;}
.text-6 p{ margin:0; color: #333; line-height: 28px; }
.text-6 .ewm{ position: absolute; right: 0; top: 0; z-index: 1; padding: 30px 0 0; }
.text-6 .ewm .imgbox{padding: 29px 0 0 29px; width: 163px; height: 141px; background: url(../images/icon/ewm_bg.png) no-repeat; }
.text-6 .ewm h5{ margin:0; font-size: 14px;color: #333; line-height: 24px; }
.text-7-box{ text-align: center; }
.text-7{ display: inline-block; vertical-align: top; margin:0 0 20px; }
.text-7 .ewm{ margin:30px 35px 0 0;padding: 29px 0 0 29px;width: 163px; height: 141px; text-align: left;background: url(../images/icon/ewm_bg.png) no-repeat; }
.text-7 .textbox{ padding: 10px 0 0; font-size: 0; color: #333; line-height: 26px; text-align: left; }
.text-7 .textbox p{ font-size: 14px; }

.pictrue-1{ position: relative; margin:0 -1px; }
.pictrue-1 .item{ padding: 0 1px; }
.pictrue-1-list{ margin:0 0 2px; }
.pictrue-1-list a{display: block;}
.pictrue-1-list a .imgbox{ position: relative; overflow: hidden; }
.pictrue-1-list a .imgbox span{ display: block; }
.pictrue-1-list a .imgbox span img{ max-width: 100%; }
.pictrue-1-list a .imgbox .textbox{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; font-size: 18px;color: #fff; line-height: 55px;
background:-moz-linear-gradient(top,rgba(10,122,188,0.6) 0%,rgba(10,122,188,0.6) 100%);background:-webkit-linear-gradient(top,rgba(10,122,188,0.6) 0%,rgba(10,122,188,0.6) 100%);background:linear-gradient(to bottom,rgba(10,122,188,0.6) 0%,rgba(10,122,188,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc199CEA',endColorstr='#cc199CEA',GradientType=0 ); }
.pictrue-1.no-margin{ padding: 0 13px; }
.pictrue-1.no-margin .pictrue-1-list{ padding: 0 1px; }
.pictrue-2{ overflow: hidden; }
.pictrue-2 a{ display: block; height: 300px; }
.pictrue-2 a img{ max-width: 100%; }
.pictrue-3{ position: relative; margin:0 -8px; }
.pictrue-3 .item{ padding: 0 8px; }
.pictrue-3-list a{ display: block; }
.pictrue-3-list a .imgbox{ position: relative; overflow: hidden; }
.pictrue-3-list a .imgbox span{ display: block; }
.pictrue-3-list a .imgbox span img{ max-width: 100%; }
.pictrue-3-list a .textbox{ position: absolute; left: 0 ;bottom: 0; z-index: 1; padding: 0 15px; width: 100%; font-size: 16px;color: #fff; line-height: 35px;
background:-moz-linear-gradient(top,rgba(57,32,25,0.6) 0%,rgba(57,32,25,0.6) 100%);background:-webkit-linear-gradient(top,rgba(57,32,25,0.6) 0%,rgba(57,32,25,0.6) 100%);background:linear-gradient(to bottom,rgba(57,32,25,0.6) 0%,rgba(57,32,25,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#99392019',endColorstr='#99392019',GradientType=0 ); }
.pictrue-3{ overflow: hidden; }
.pictrue-3 ul{ margin:0 -8px; }
.pictrue-3 ul li{ padding: 0 8px; margin:0 0 30px; width: 20%; }
.pictrue-4{ overflow: hidden; }
.pictrue-4 a{ display: block; height: 392px; }
.pictrue-4 a img{ max-width: 100%; }
.pictrue-5{  position:relative; }
.pictrue-5 img{ max-width: 100%; }
.pictrue-5 .imgbox{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.pictrue-6{ overflow: hidden; }
.pictrue-6 ul{ margin:0 -13px; }
.pictrue-6 ul li{ padding: 0 13px; margin:0 0 30px; width: 20%; }
.pictrue-6 ul li a{ position:relative; display: block; border:solid 1px #dfdfdf; overflow: hidden; }
.pictrue-6 ul li a img{ max-width: 100%; }
.pictrue-6 ul li a .imgbox{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.pictrue-6 ul li a .imgbox span{ display: block; font-size: 0; overflow: hidden; }
.pictrue-6 ul li a .imgbox span img{ max-height: 100%; }
.pictrue-7-list{ margin:0 0 20px; border-bottom: solid 1px #dfdfdf; }
.pictrue-7-list:last-child{ margin:0; border-bottom: none; }
.pictrue-7-list .box{ padding: 0 0 20px; }
.pictrue-7-list:last-child .box{ padding: 0; }
.pictrue-7-list .box a{ display: block; position: relative; padding: 0 0 0 200px; min-height: 150px; }
.pictrue-7-list .box a .imgbox{ position: absolute; left: 0; top: 0; z-index: 1; padding: 1px; width: 200px; border:solid 1px #e1e1e1; }
.pictrue-7-list .box a .imgbox .p7imgs{ overflow: hidden; }
.pictrue-7-list .box a .imgbox .p7imgs span{ display: block; height: 146px; }
.pictrue-7-list .box a .textbox{ padding:15px 20px 0 20px; height: 150px; background: #eeeeee; }
.pictrue-7-list .box a .textbox h5{ margin:0; font-size: 16px;color:#333; font-weight:bold; line-height: 24px; }
.pictrue-7-list .box a .textbox p{ margin:0 0 10px; height: 56px;color: #333; line-height: 28px; overflow: hidden; }
.pictrue-7-list .box a .textbox .more span{ display: block; width: 106px; line-height: 30px; color: #fff; background: #199CEA; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; }

footer{ padding: 15px 0; background: #199CEA; }
footer .menu ul { font-size: 0; }
footer .menu ul li{ display: inline-block; vertical-align: top; margin:0 0 10px; }
footer .menu ul li a{ display: block; padding: 0 10px; height: 14px; font-size: 14px;color: #fff; line-height: 14px; border-right: solid 1px #fff; }
footer .menu ul li:last-child a{ border-right: none; }
footer p{ color: #fff; line-height: 24px; }
footer p a{ color: #fff !important;  }

body.hover header .box .fenxiang a:hover{ background: #bf8f5e; }
body.hover header .menu ul li:hover > a{ color: #FFF; background: #0A7ABC; }
body.hover header .menu ul li.active > a{ color: #FFF; background: #0A7ABC; }
body.hover header .menu ul li .ul .li:hover a{ background: #0A7ABC; }
body.hover .title-1 a:hover h5{ color: #f00; }
body.hover .title-1 a:hover .jiangexian:after{ left: 50%; }
body.hover .title-1 a:hover .jiangexian:before{ left: 0; }
body.hover .title-1 a:hover span{ color: #ffa800; }
body.hover .title-1 .right a:hover{ color: #fff; background: #9c7f77; border:solid 1px #9c7f77; }
body.hover .title-1 .right2 p a:hover{ text-decoration: underline !important; }
body.hover .title-2 ul li:hover a{ color: #fff; background: #199CEA; }
body.hover .title-3 .right a:hover{ color: #f00; border:solid 2px #f00; }
body.hover .title-3 .right a:hover:after{ color: #f00; }
body.hover .title-5 ul li:hover a{ color: #0A7ABC; text-decoration: underline !important;  }
body.hover .text-1 a:hover .jiangexian{ width: 100%; }
body.hover .text-1 a:hover .biaoti{ color: #0A7ABC }
body.hover .text-2 a:hover{ color: #fff; background: #9c7f77; border:solid 1px #9c7f77; }
body.hover .text-3 ul li:hover a{ color: #fff; background: #199CEA; }
body.hover .text-4 form input:hover{color: #199CEA; border:solid 1px #199CEA; }
body.hover .text-4 form textarea:hover{color: #199CEA; border:solid 1px #199CEA; }
body.hover .text-4 form button:hover{ background: #199CEA }
body.hover .pictrue-1-list a:hover .imgbox  span{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); }
body.hover .pictrue-2:hover a{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); }
body.hover .pictrue-3-list a:hover .imgbox span{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); }
body.hover .pictrue-4 a:hover{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); }
body.hover .pictrue-6 ul li:hover a{ box-shadow: 0 0 10px rgba(0,0,0,0.2); }
body.hover .pictrue-6 ul li:hover a .imgbox{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); }
body.hover .pictrue-7-list .box a:hover .imgbox .p7imgs span{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); }
body.hover .pictrue-7-list .box a:hover .textbox h5{ color: #0A7ABC; }
body.hover .pictrue-7-list .box a:hover .textbox .more span{ background: #0A7ABC; }
body.hover footer .menu ul li a:hover{ text-decoration: underline !important;}
body.hover footer p a:hover{ text-decoration: underline !important;}

body.hover .title-1{ animation-name: flash; -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; }
body.hover .title-2{ animation-name: fadeInUp;  -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp;}
body.hover .text-2-box{animation-name: fadeInRight; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; }
body.hover .text-3{animation-name: flash; -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash;}
body.hover .text-4-box{animation-name: fadeInRight; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; }
body.hover .text-5-box{animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; }
body.hover .pictrue-1-list{ animation-name: flipInX; -webkit-animation-name: flipInX; -moz-animation-name: flipInX; -o-animation-name: flipInX; }
body.hover .pictrue-3-list{ animation-name: flipInY; -webkit-animation-name: flipInY; -moz-animation-name: flipInY; -o-animation-name: flipInY; }
body.hover .pictrue-4-box{animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; }
body.hover .main-Background-1{ animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; }
body.hover .main-Background-1 .title-3 .left{animation-name: fadeIn; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; }
body.hover .main-Background-1 .title-3 .right{animation-name: fadeIn; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; }
body.hover .main-Background-2{ animation-name: fadeInRight; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; }
body.hover .main-Background-2 .text-1-box{animation-name: fadeInRight; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight;animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; }
body.hover .main-Background-2 .pictrue-2-box{animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft;animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; }



.text-5 .jia1{width: calc(100% - 230px);float: left;}
.text-5 .bdsharebuttonbox{width: 230px;float: left;}








@media (max-width:1199px){
	.text-3 ul{ padding: 0; }
	.text-3 ul li{ margin:10px 0; width: 20%; }
	.pictrue-3 ul li{ width: 25%; }
	.pictrue-6 ul li{ width: 25%; }
}

@media (max-width:991px){
	.main-pad-1{ padding: 30px 0; }
	header{ border-bottom: none; }
	header .box .logo{ line-height: 80px; }
	header .box .logo img{ width:250px; }
	header .menu{ position: absolute; right: 0; top: 100%; z-index: 555; width: 120px;
background:-moz-linear-gradient(top,rgba(57,32,25,0.8) 0%,rgba(57,32,25,0.8) 100%);background:-webkit-linear-gradient(top,rgba(57,32,25,0.8) 0%,rgba(57,32,25,0.8) 100%);background:linear-gradient(to bottom,rgba(57,32,25,0.8) 0%,rgba(57,32,25,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc392019',endColorstr='#cc392019',GradientType=0 );}
	header .menu .container-fluid{ padding: 0; }
	header .menu .container-fluid .row{ margin: 0; }
	header .menu .container-fluid .row .col-xs-12{ padding: 0; }
	header .menu ul li{ padding: 0; width: 100%; line-height: 40px; }
	header .menu ul li:after,header .menu ul li:before{ display: none; }
	header .menu ul li > a{ display: block; font-size: 14px; color: #fff; line-height:40px; font-weight: normal; text-align: center; }
	header .menu ul li.active > a{ color: #fff; background: #199CEA; }
	header .menu ul li .ul{ display: none !important; }
	header .ydd_btn{ margin:20px 0 0 0; padding:10px 9px; width:39px; height:39px; cursor:pointer; border:solid 2px #199CEA;border-radius: 50%;-webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
	header .ydd_btn span{ display:block; width:100%; height:2px; background:#199CEA;}
	header .ydd_btn span.span02{margin:4px 0;}
	header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:6px;margin-top:0px;	} 
	header .ydd_btn.click span.span02{margin:4px 0;	}
	header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-6px;margin-top:0px;}
	header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
	.banner #myCarousel .carousel-indicators{ bottom:5px;}
	.banner #myCarousel .carousel-indicators li{margin:0 3px;width:10px;height:10px;}
	.title-1{ margin:0 0 20px; }
	.subnav{ margin:0 0 20px; }
	.subnav .title-1{ margin:0; border-bottom: none; }
	.subnav .title-1 .left{ position: relative; padding: 0 15px; width: 100%; background:#199CEA;cursor: pointer; }
	.subnav .title-1 .left:after{ content: ""; position: absolute; right: 15px; top: 50%; z-index: 1; margin:-10px 0 0; width: 20px; height: 20px; background: url(../images/icon/subnav_jt.png) no-repeat;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; }
	.subnav .title-1.active .left:after{ transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); }
	.subnav .title-1 .left h5{ margin:0; width: 100%; font-size: 18px; color: #fff; line-height: 50px; }
	.subnav .title-1 .left h5:after,.subnav .title-1 .left h5:before{ display: none; }
	.subnav .title-1 .left span{ display: none; }
	.subnav .title-1 .right2{ display: none; }
	.title-2{ margin:0 0 20px; }
	.subnav .title-2{ margin:0; padding: 0; }
	.subnav .title-2 ul li{ padding: 0; float: inherit !important; width:inherit; border-top: solid 4px #fff; }
	.subnav .title-2 ul li:after{ display: none; }
	.subnav .title-2 ul li a{ font-size: 14px; text-align: center; line-height:34px; }
	.text-2 p{ margin:20px 0; height: inherit; font-size: 12px; }
	.text-3{ padding: 0; }
	.text-3 ul li a{ width: 65px; height: 65px; line-height: 61px; font-size: 12px; }
	.pictrue-2 a{ height: inherit; }
	.pictrue-3 ul li{ width: 50%; }
	.pictrue-4 a{ height: inherit; }
	.pictrue-6 ul li{ margin:0 0 20px; width: 50%; }
}

@media (max-width:767px){
	.main-pad-1{ padding: 20px 0; }
	body{ padding-bottom:50px;}	
	header .box .logo{ line-height: 60px; }
	header .box .logo img{ width:220px; }
	header .ydd_btn{ margin:10px 0 0; padding:10px;}	
	.hot{height:50px; background:#0e0e0e; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
	.hot span{ color:#fff; font-size:16px; line-height:20px;}
	.hot h6{ font-size:12px; line-height:20px;}
	.hot .row div a{ display:block; color:#fff; padding:7px 0;}
	.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
	.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
	.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
	.dbbox .dbs.ewm-box{ text-align:center; }
	.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
	.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
	.dbbox .dbs.ewm-box img{ max-width: 140px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
	.title-1 .left{ padding: 0 0 10px; }
	.title-1 .left h5{ margin:0 10px 0 0; font-size: 16px; line-height: 20px; }
	.title-1 .left h5:after{ bottom: -11px; }
	.title-1 .left h5:before{ bottom: -14px;}
	.title-1 .left span{ font-size: 12px; line-height: 20px; }
	.title-1 .right{ padding: 0; }
	.title-1 .right a{ line-height: 20px; }
	.title-1 .right p{ display: none; }
	.title-2 ul li{ padding: 0 5px; }
	.title-2 ul li a{ padding: 0 10px; font-size: 12px; line-height:30px; }
	.title-3{ padding:20px 0; }
	.title-3 .left h5{ font-size: 20px; line-height: 24px; }
	.title-3 .left span{ font-size: 14px; }
	.title-4{ font-size: 14px; }
	.title-6.active{ padding: 0; }
	.title-6.active h5{ font-size: 16px; }
	.text-1 a .biaoti{ font-size: 14px; }
	.text-1 a p{ height: 48px; font-size:12px; line-height: 24px; }
	.text-2{ font-size: 12px; }
	.text-3 ul li{ width: 33.333%; }
	.text-3 ul li .box{ padding: 0 20px 0 0; }
	.text-5{ font-size: 12px; }
	.text-6{ margin:0 0 20px; padding: 0; }
	.text-6 p{ font-size: 12px; line-height: 24px; }
	.text-6 .ewm{ position: inherit; top: inherit; right: inherit; padding: 20px 0 0; }
	.text-6 .ewm .imgbox{ margin:0 auto; }
	.text-7 .ewm{ float: inherit !important; margin:0 auto; padding: 29px 0 0 27px; width:154px; height: 141px; background-size: 100% 100%; }
	.text-7 .ewm img{ width: 98px; height: 99px; }
	.text-7 .textbox{ float: inherit !important; width: 100%; text-align: center; }
	.text-7 .textbox p{ font-size: 12px; }
	.pictrue-1-list a .imgbox .textbox{ font-size: 12px; line-height: 40px; }
	.pictrue-3-list a .textbox{ font-size: 12px; line-height: 40px; }
	.pictrue-7-list .box a{ padding: 0 0 0 120px; min-height: 100px; }
	.pictrue-7-list .box a .imgbox{ width: 120px; }
	.pictrue-7-list .box a .imgbox .p7imgs span{ height: 96px; }
	.pictrue-7-list .box a .textbox{ padding: 0 10px; height: 100px; }
	.pictrue-7-list .box a .textbox h5{ font-size: 14px; }
	.pictrue-7-list .box a .textbox p{ margin:0 0 5px; height: 40px; font-size: 12px; line-height: 20px; }
	.pictrue-7-list .box a .textbox .more span{ width:80px; font-size: 12px; line-height: 24px; }
	footer .menu ul li a{ height: 12px; font-size: 12px; line-height: 12px; }
	footer p{ font-size: 12px; }


.text-5 .jia1{width: 100%;float: none;}
.text-5 .bdsharebuttonbox{width: 100%;float: none;}









}

