@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}
.container-fluid.con2{max-width:1430px !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}
.weixin{position: absolute;right: 209px;top: 5px;}
.weixin img{width: 110px;}
.main-1{ position: relative; z-index: 2; height: 252px; overflow: hidden; }
.main-1 .bg-left{position: absolute; left:50%; top: 0; z-index: 1; margin-left: -1000px; width: 1000px; height: 216px; }
.main-1 .bg-left span{ display: block; position: relative; height: 100%; background: #2f91d7; transform-origin:50% 0; transform:skew(-25deg);}
.main-1 .bg-right{position: absolute; right:50%; top:43px; z-index: 2; margin-right: -920px; width: 1000px; height: 216px; }
.main-1 .bg-right span{display: block; position: relative; height: 100%;background: #84b3d5; transform-origin:50% 0; transform:skew(-25deg); opacity: 0.35; }
.main-1 .container-fluid{ position: relative; z-index: 3; }
.main-2{ padding: 0 5px; }
.main-2-list{ padding: 0 10px; }
.main-3{ padding: 20px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.main-pad-1{ position: relative; z-index: 2; padding:50px 0;}
.main-pad-2{ padding:30px 0 200px;}
.main-Background-1{ background:url(../images/bg_03.png) repeat;}
.main-Background-2{
background:#e5f1f8;background:-moz-linear-gradient(left,#e5f1f8 0%,#ffffff 50%,#e5f1f8 100%);background:-webkit-linear-gradient(left,#e5f1f8 0%,#ffffff 50%,#e5f1f8 100%);background:linear-gradient(to right,#e5f1f8 0%,#ffffff 50%,#e5f1f8 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f1f8',endColorstr='#e5f1f8',GradientType=1 );}
.main-Background-3{ position: relative; z-index: 2; padding: 88px 0 220px; background: url(../images/bg_02.png) no-repeat top; background-size: 100% auto; }
.bg1{ position: relative; z-index: 1; }
.bg1 .left{ position: absolute; left: 0; top: -94px; z-index:2; width: 10%;}
.bg1 .right{ position: absolute; right:0; top: -180px; z-index:2; width: 15%; text-align: right;}
.bg2{ position: relative; z-index: 1; }
.bg2 .left{position: absolute; left: 0; top: 0; z-index:2; width:30%;}
.bg2 .right{position: absolute; right:0; top: -180px; z-index:2; width:10%; text-align:right;}
.bg1 img,.bg2 img,.bg3 img{ max-width: 100%; }
.bg3{ position: relative; z-index: 1; }
.bg3 .left{position: absolute; left: 0; top:-530px; z-index:2; width:15%;}
.bg3 .right{position: absolute; right: 0; top:-150px; z-index:2; width:30%; text-align: right}

header{ position: relative; z-index:999999999999; background: url(../images/top_bar_02.jpg) 50% 50%; background-size: cover;}
body.hover header.active{ position: fixed; left: 0; top: 0;width: 100%; }
/*header .top_bar{
background:-moz-linear-gradient(top,rgba(9,89,157,0.14) 0%,rgba(9,89,157,0.14) 100%);background:-webkit-linear-gradient(top,rgba(9,89,157,0.14) 0%,rgba(9,89,157,0.14) 100%);background:linear-gradient(to bottom,rgba(9,89,157,0.14) 0%,rgba(9,89,157,0.14) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2409599d',endColorstr='#2409599d',GradientType=0 );}*/
header .top_bar .box{ position: relative; padding: 0 220px 0 280px; min-height: 133px; }
header .top_bar .box .logo{ padding: 30px 0 0; }
header .top_bar .box .logo h5{ margin:5px 0 0; font-size: 20px;color: #373a3e;font-weight: bold; line-height: 28px; }
header .top_bar .box .jieshao{ position: absolute; left: 0; top: 10px; height: 112px; font-size: 16px;color: #373a3e; font-weight: bold; line-height: 28px; overflow: hidden; }
header .top_bar .box .right{ position: absolute; right: 0; top: 0; }
header .top_bar .box .right .yuyan{ margin:0 0 10px; padding: 47px 0 0 ;}
header .top_bar .box .right .yuyan a{ display: block; font-size: 16px;color: #2f2f2f; font-weight: bold; height: 16px; line-height: 16px; }
header .top_bar .box .right .yuyan a:first-child{ padding-left: 20px; margin-left: 20px; border-left: solid 2px #91a5b3; }
header .top_bar .box .right .tel{ font-size: 24px; color: #5f5e70; line-height: 24px; }
header .top_bar .box .right .tel span{ font-family: Impact,arial; color: #0077bb; }
header .menu{ border-bottom:solid 3px #024079; box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); background:#008dcf;}
header .menu ul li{ position: relative; width: 12.5%; }
header .menu ul li:before,header .menu ul li:after{ content: ""; position: absolute; top:0; z-index: 1; width:1px; height:100%; }
header .menu ul li:first-child:before,header .menu ul li:first-child:after{ display: none; }
header .menu ul li:before{ left: 0;
background:-moz-linear-gradient(top,rgba(1,67,122,0) 0%,rgba(1,67,122,0) 12%,rgba(1,67,122,1) 51%,rgba(1,67,122,0) 87%,rgba(1,67,122,0) 100%);background:-webkit-linear-gradient(top,rgba(1,67,122,0) 0%,rgba(1,67,122,0) 12%,rgba(1,67,122,1) 51%,rgba(1,67,122,0) 87%,rgba(1,67,122,0) 100%);background:linear-gradient(to bottom,rgba(1,67,122,0) 0%,rgba(1,67,122,0) 12%,rgba(1,67,122,1) 51%,rgba(1,67,122,0) 87%,rgba(1,67,122,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0001437a',endColorstr='#0001437a',GradientType=0 ); }
header .menu ul li:after{ left: 1px;
background:-moz-linear-gradient(top,rgba(86,157,202,0) 0%,rgba(86,157,202,0) 12%,rgba(86,157,202,1) 51%,rgba(86,157,202,0) 87%,rgba(86,157,202,0) 100%);background:-webkit-linear-gradient(top,rgba(86,157,202,0) 0%,rgba(86,157,202,0) 12%,rgba(86,157,202,1) 51%,rgba(86,157,202,0) 87%,rgba(86,157,202,0) 100%);background:linear-gradient(to bottom,rgba(86,157,202,0) 0%,rgba(86,157,202,0) 12%,rgba(86,157,202,1) 51%,rgba(86,157,202,0) 87%,rgba(86,157,202,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00569dca',endColorstr='#00569dca',GradientType=0 ); }
header .menu ul li > a{ position: relative; display: block; font-size: 16px;color: #fff; line-height: 58px; }
header .menu ul li > a:before{ content: ""; position: absolute; left: 0; bottom: -3px; z-index: 1; width: 100%; height: 3px; background: #00baff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; }
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:-moz-linear-gradient(top,rgba(24,133,211,0.9) 0%,rgba(24,133,211,0.9) 100%);background:-webkit-linear-gradient(top,rgba(24,133,211,0.9) 0%,rgba(24,133,211,0.9) 100%);background:linear-gradient(to bottom,rgba(24,133,211,0.9) 0%,rgba(24,133,211,0.9) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61885d3',endColorstr='#e61885d3',GradientType=0 );}
header .menu ul li .ul .li a{ display: block; padding:8px 15px; font-size: 14px; color: #fff; line-height:20px; }

.content{ position: relative; z-index: 1; }

.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{ width:60px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.banner .carousel-control.left{ left:-60px;background:url(../images/ba/prev_arrow_60.png) no-repeat left;}
.banner:hover .carousel-control.left{ left:0;}
.banner .carousel-control.right{ right:-60px;background:url(../images/ba/next_arrow_60.png) no-repeat right;}
.banner:hover .carousel-control.right{ right:0;} */
.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:50px;z-index:4}
.banner #myCarousel .carousel-indicators li{margin:0 3px;width:50px;height:4px; background: #fff; border:none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;}
.banner #myCarousel .carousel-indicators li:hover{background:#007ec6;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.banner #myCarousel .carousel-indicators li.active{background:#007ec6;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}

.title-1{ margin:0 0 30px; }
.title-1 h4{ margin:0; font-size: 26px;color: #2f91d7; line-height: 30px; font-weight: bold; }
.title-1 h4 span{ margin-left: 10px; font-size: 18px;color: #8f8f8f;font-weight:normal; }
.title-1 .en{ font-size: 72px;color: #90bed9; line-height: 60px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5; }
.title-2 ul li{ margin-right: -32px; margin-bottom: 10px; }
.title-2 ul li a{ display: block; width: 189px; line-height: 41px; font-size: 18px;color: #494949; background: #fff; border:solid 1px #c3c3c3; border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; -o-border-radius: 21px; }
.title-2 ul li.active a{ color: #fff; background: #2f91d7; border:solid 1px #2f91d7; }
.title-3{ margin:0 0 30px; }
.title-3 .left{ margin-right:10px; font-size: 70px; color: #d3e4f0; line-height: 60px; }
.title-3 .right h4{ margin:0; font-size: 26px; color: #0875c3; line-height: 32px; font-weight: bold; }
.title-3 .right span{ display: block; font-size: 24px;color: #a7a7a7; line-height: 30px; }
.title-4{ padding-right: 20px; margin-bottom: 70px; }
.title-4 ul li{ margin-left: 2px; }
.title-4 ul li:first-child{ margin-left: 0; }
.title-4 ul li a{ position: relative; display: block; }
.title-4 ul li a:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: #0077bb;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; transform: skew(-40deg); -webkit-transform: skew(-40deg); -moz-transform: skew(-40deg); -o-transform: skew(-40deg); }
.title-4 ul li a span{ position: relative; z-index: 2; padding: 0 40px; font-size: 18px;color: #fff; line-height: 46px; }
.title-4 ul li.active a:before{ background: #88bde2; }
.title-5{ margin:0 0 35px; }
.title-5 h4{ margin:0 0 3px; font-size: 30px;color: #0077bb; font-weight:bold; }
.title-5 .en{ overflow: hidden; font-size: 0; }
.title-5 .en span{ position: relative; display: inline-block; vertical-align: top; font-size: 14px;color: #0d0d0d;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5; }
.title-5 .en span:before{ content: ""; position: absolute; left: 100%; bottom: 3px; z-index: 1; width: 1000px; height: 1px; background: #ced0d1; }
.title-6{margin:0 auto 40px; padding: 90px 0 0 60px; width: 347px; height: 215px; background: url(../images/icon/title6_bg.png) no-repeat; }
.title-6 h4{ margin:0; font-size: 30px;color: #fff; line-height:32px;} 
.title-6 span{ display: block; font-size: 14px;color: #fff; filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3; opacity: 0.3;}
.title-7{ position:relative; margin:0 0 20px; padding:10px 0 15px 15px; border-bottom: solid 1px #bebebe; }
.title-7:before{ content: ""; position: absolute; left: 0; top:0; z-index: 1; width: 2px; height: 100%; background: #0077bb; }
.title-7:after{ content: ""; position: absolute; left: 0; bottom:-1px; z-index: 1; width:140px; height: 2px; background: #0077bb; }
.title-7 h4{ margin:0 0 10px; font-size: 24px; color: #0077bb; font-weight: bold; line-height: 35px; }
.title-7 p{ margin:0; font-size: 18px; color: #747474; line-height: 24px; }
.title-8{ margin:0 0 30px; }
.title-8 h3{ margin:0; font-size: 24px;color: #333; line-height: 30px; }
.title-8 p{ padding: 10px 0; margin:0; font-size: 12px;color: #999; line-height: 24px; border-bottom:dotted 1px #a7a7a7;  }
.title-9{ margin:0 0 20px; padding: 0 0 20px; border-bottom: solid 1px #b9b9b9; }
.title-9 h2{ margin:0; font-size: 36px;color: #850522; font-weight: bold; line-height: 40px; }

.text-1{ padding:50px 0 0; }
.text-1 .biaoti .left h4{ margin:0; font-size: 26px; color: #fff; font-weight: bold; line-height: 30px; }
.text-1 .biaoti .left span{ font-size: 15px;color: #fff;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5; }
.text-1 .biaoti .right{ font-size: 60px; color: #fff; line-height: 50px; filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3; opacity: 0.3; }
.text-1 h5{ margin:20px 0 0; font-size: 24px;color: #fff; line-height: 28px; font-weight: bold; }
.text-2{ padding-left: 60px; position: relative; }
.text-2-list { font-size: 0; text-align:center; padding:19px 0 0; }
.text-2-list a{ display:inline-block; vertical-align: top; width: 171px; height: 173px; font-size: 18px;color: #115d93; line-height: 173px; background: url(../images/icon/text2_biankuang.png) no-repeat; }
.text-2 .owl-pagination{ margin-top:22px; text-align: center; }
.text-2 .owl-theme .owl-controls .owl-page span{ margin:0 8px; width: 13px; height: 13px; background:none; border:solid 1px #fff; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s}
.text-2 .owl-theme .owl-controls .owl-page span:hover{ background: #fff; }
.text-2 .owl-theme .owl-controls .owl-page.active span{ background: #fff; }
.text-3{ margin:0 0 40px; font-size: 22px;color: #4e535b; font-weight: bold; line-height: 34px; }
.text-4{ position:relative; margin:0 auto; max-width: 593px;}
.text-4 img.bg{ max-width: 100%; }
.text-4 .ulbox{ position: absolute; left: 0; top: 0; z-index: 1; padding:0 5% 7% 0;  width: 100%; height: 100%; }
.text-4 ul{ position:relative; height: 100%;}
.text-4 ul li{ position:absolute; }
.text-4 ul li.li0{ left: 0; top: 0; width: 50%; height:60%;  }
.text-4 ul li.li1{ left: 50%; top: 0;  width: 50%; height:60%;  }
.text-4 ul li.li2{ left: 20%; top: 25%; width:60%; height:74%;  }
.text-4 ul li a{ display: block; position: absolute;left: 0; top: 50%; z-index:2; margin-top:-60px; width: 100%;}
.text-4 ul li a img{ max-width: 100%; }
.text-4 ul li a h5{ margin:20px 0 0; font-size: 20px;color: #fff; line-height: 22px; }
.text-4 ul li a span{ display: block; font-size: 10px;color: #fff; line-height: 20px; }
.text-5{ font-size: 16px;color: #4f4f4f; line-height: 30px; }
.text-5 img{ max-width:100%;}
.text-6{ color: #999999; line-height: 30px; }
.text-6 img{ max-width:100%;}
.text-7{ padding-top: 20px; color: #3b3b3b; line-height: 24px; border-top: solid 1px #b9b9b9; }
.text-7 img{ max-width:100%;}
.text-8 .biaoti{ padding: 0 15px; font-size: 18px; color: #fff; font-weight: bold; line-height: 48px; background: #024079; }
.text-8 .textbox{ padding: 5px 15px;  font-size: 18px; color: #024079; font-weight: bold; line-height: 30px; background: #dce8f2; }

.pictrue-1-con{ max-width: 1300px !important; }
.pictrue-1{ position: relative; }
.pictrue-1-list a{ display: block; }
.pictrue-1-list a .imgbox{ position: relative; margin:0 0 20px; }
.pictrue-1-list a .imgbox img{ max-width: 100%; }
.pictrue-1-list a .imgbox span{ position:absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
.pictrue-1-list a .imgbox span img{ max-height: 100%; }
.pictrue-1-list a .textbox{ position: relative; margin:0 auto; max-width: 187px; height: 74px; font-size: 18px; color: #333; line-height: 74px; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; overflow: hidden; }
.pictrue-1-list a .textbox:after{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 50%; border:solid 1px #969696;border-bottom:none; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; }
.pictrue-1-list a .textbox:before{ content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 50%; border:solid 2px #2f91d7; border-top:none; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; }
.pictrue-1 .shuang a{ padding: 30px 0 0; }
.pictrue-1 .shuang .imgbox{margin:20px 0 0;}
.pictrue-1 .owl-theme .owl-controls .owl-buttons div{ margin-top: -25px; width:28px; height: 51px; }
.pictrue-1 .owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-80px; background: url(../images/icon/p1_jt_l.png) no-repeat left; }
.pictrue-1 .owl-theme .owl-controls .owl-buttons div.owl-next{ right:-80px; background: url(../images/icon/p1_jt_r.png) no-repeat right; }
.pictrue-2-box .pictrue-2{ display: none; }
.pictrue-2{ position: relative; }
.pictrue-2-list{ margin-bottom: 20px; }
.pictrue-2-list a{ display: block; }
.pictrue-2-list a .imgbox{ position: relative; margin:0 0 30px; overflow: hidden; }
.pictrue-2-list a .imgbox img{ max-width: 100%; }
.pictrue-2-list a .imgbox span{  display: block; position: absolute; left: 0; bottom: 0; z-index: 1; padding: 0 15px; width: 100%; height: 100%; overflow: hidden; }
.pictrue-2-list a .imgbox span img{ max-height: 100%; }
.pictrue-2-list a .textbox{ position: relative; max-width: 208px; margin:0 auto; }
.pictrue-2-list a .textbox:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: #fff; border-left: solid 10px #9cc8e7; box-shadow: 0 0 20px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2); -o-box-shadow: 0 0 20px rgba(0,0,0,0.2); transform: skew(-40deg); -webkit-transform: skew(-40deg); -moz-transform: skew(-40deg); -o-transform: skew(-40deg);transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; }
.pictrue-2-list a .textbox span{ display: block; position: relative; z-index: 2; font-size: 16px; color: #333; line-height: 55px; }
.pictrue-3-box .pictrue-3{ display: none; }
.pictrue-3{ position: relative; margin:0 -15px; }
.pictrue-3 .item{ padding: 0 15px; }
.pictrue-3-list a{ display: block; }
.pictrue-3-list a .imgbox{ margin:0 0 20px; position: relative; }
.pictrue-3-list a .imgbox img{ max-width: 100%; }
.pictrue-3-list a .imgbox span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
.pictrue-3-list a .imgbox span img{ max-height: 100%; }
.pictrue-3-list a .textbox{ margin:0 auto; max-width: 238px; font-size: 16px;color: #333; line-height: 41px; background: #fff; border:solid 1px #0077bb; border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; -o-border-radius: 21px; }
.pictrue-4 ul li{ margin:0 0 20px; }
.pictrue-4 ul li:last-child{ margin:0; }
.pictrue-4 ul li a{ position: relative; display: block; padding: 0 0 0 85px; min-height: 173px; }
.pictrue-4 ul li a .imgbox{ position: absolute; left: 0; top: 8px; z-index: 1; padding: 5px; width:160px; background: #fff;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.pictrue-4 ul li a .imgbox span{ display: block; height: 150px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.pictrue-4 ul li a .textbox{ padding:20px 20px 0 88px; height: 173px; background: #fff; border:solid 1px #e0e0e0; }
.pictrue-4 ul li a .textbox .biaoti{ font-size: 18px; color: #4e535b; font-weight: bold; line-height: 24px; }
.pictrue-4 ul li a .textbox .time{ font-size: 12px; color: #a2a2a2; line-height: 24px; }
.pictrue-4 ul li a .textbox p{ margin:0 0 20px; height: 48px; font-size: 13px;color: #666666; line-height: 24px; overflow: hidden; }
.pictrue-4 ul li a .textbox .more{ font-size: 12px;color: #3699df; line-height: 24px; text-decoration: underline; }
.pictrue-5-list{ margin-bottom: 30px; }
.pictrue-5-list a{ display: block; }
.pictrue-5-list a .imgbox{ overflow: hidden; }
.pictrue-5-list a .imgbox span{ display: block; }
.pictrue-5-list a .imgbox span img{ max-width: 100%; }
.pictrue-5-list a h5{ padding: 0 15px; font-size: 18px; color: #333; line-height: 50px; background: #e5e5e5; }
.pictrue-7-list{ margin:0 0 20px; }
.pictrue-7-list .box{ padding: 0 0 20px; border-bottom: dotted 1px #a7a7a7; }
.pictrue-7-list .box a{ display: block; position: relative; padding: 0 0 0 150px; min-height: 110px; }
.pictrue-7-list .box a .imgbox{ position: absolute; left: 0; top: 0; z-index: 1; width: 150px; overflow: hidden; }
.pictrue-7-list .box a .imgbox span{ display: block; height: 110px; }
.pictrue-7-list .box a .textbox{ padding: 0 0 0 20px; }
.pictrue-7-list .box a .textbox h5{ margin:0; font-size: 16px;color: #333; line-height: 24px; }
.pictrue-7-list .box a .textbox .time{ font-size: 12px;color: #999; line-height: 24px; }
.pictrue-7-list .box a .textbox p{ margin:0; height: 48px; color: #999; line-height: 24px; overflow: hidden; }
.pictrue-8-list{ margin-bottom: 45px; }
.pictrue-8-list a{ position: relative; padding: 0 0 37px; margin:0 0 37px; display: block; box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.pictrue-8-list a .imgbox{ position: relative; overflow: hidden; }
.pictrue-8-list a .imgbox img{ max-width: 100%; }
.pictrue-8-list a .imgbox span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; padding: 20px; width: 100%; height: 100%; overflow: hidden; }
.pictrue-8-list a .imgbox span img{ max-height: 100%; }
.pictrue-8-list a h5{ position: absolute; left: 50%; bottom: -37px; z-index: 1; margin:0 0 0 -95px; width:190px; height: 74px; font-size: 18px;color: #333; line-height: 74px; background: #fff; overflow: hidden; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; }
.pictrue-8-list a h5:after{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 50%; border:solid 1px #969696; border-bottom: none;border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; -o-border-radius: 15px 15px 0 0; }
.pictrue-8-list a h5:before{ content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 50%; border:solid 2px #2f91d7; border-top: none;border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; -moz-border-radius: 0 0 15px 15px; -o-border-radius: 0 0 15px 15px; }
.pictrue-9{ position: relative; margin:0 0 20px; padding:0 0 0 153px; height: 547px;}
.pictrue-9 .left{padding:0 0 0 30px; }
.pictrue-9 .left .view{ position:relative; overflow: hidden;}
.pictrue-9 .left .view .swiper-container{ height:547px; }
.pictrue-9 .left .view .swiper-container .swiper-slide{ font-size: 0; line-height: 547px; overflow: hidden; background: #fff; text-align: center; }
.pictrue-9 .left .view .swiper-container .swiper-slide img{ max-height: 100%; max-width: 100%; }
/* .pictrue-9 .left .view .arrow-left,.pictrue-9 .left .view .arrow-right{ position: absolute; top:50%; z-index:5; margin-top: -87px; width:34px; height:50px; overflow: hidden;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5; opacity:0.5; cursor: pointer; }
.pictrue-9 .left .view .arrow-left{ left:0; background:#282828 url(images/icon/arrows-zuo.png) no-repeat center; }
.pictrue-9 .left .view .arrow-right{ right:0; background:#282828 url(images/icon/arrows-you.png) no-repeat center; } */
.pictrue-9 .right{ position: absolute; left: 0; top: 0; z-index: 1; padding:32px 0; width: 153px; height: 547px; }
.pictrue-9 .right .swiper-container{ height: 483px; }
.pictrue-9 .right .swiper-container .imgbox{ margin:2px 0; padding: 10px; background: #fff; border:solid 1px #d6d6d6;}
.pictrue-9 .right .swiper-container .imgbox span{ cursor: pointer; display: block; height:133px;background-size:contain; background-position: 50% 50%; background-repeat: no-repeat; }
.pictrue-9 .right .swiper-container .imgbox span img{ display: none; max-width: 100%; }
.pictrue-9 .right .arrow-left,.pictrue-9 .right .arrow-right{ position: absolute; left:0; z-index:5; width:100%; height: 13px; overflow: hidden;cursor: pointer;}
.pictrue-9 .right .arrow-left{ top:0; background: url(../images/icon/p9_jt_t.png) no-repeat center; }
.pictrue-9 .right .arrow-right{ bottom:0; background: url(../images/icon/p9_jt_b.png) no-repeat center; }
.pictrue-9 .right .preview .active-nav .imgbox { border:solid 1px #00baff; }
.pictrue-10 #p10swiper .swiper-slide{ position: relative; z-index: 1; }
.pictrue-10 #p10swiper .swiper-slide a{ position: relative; display: block; background: #000;border:solid 2px #fff;}
.pictrue-10 #p10swiper .swiper-slide a .imgbox{filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4; opacity: 0.4;}
.pictrue-10 #p10swiper .swiper-slide a img{ max-width: 100%; }
.pictrue-10 #p10swiper .swiper-slide.swiper-slide-active a{ left: 50%; transform-origin:left; transform:perspective(500px) rotateY(30deg);}
.pictrue-10 #p10swiper .swiper-slide.swiper-slide-active + .swiper-slide{ z-index: 2; }
.pictrue-10 #p10swiper .swiper-slide.swiper-slide-active + .swiper-slide a .imgbox{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1;}
.pictrue-10 #p10swiper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide a{right: 50%; transform-origin:right; transform:perspective(500px) rotateY(-30deg);}
.pictrue-10 .arrow-left,.pictrue-10 .arrow-right{ position: absolute; top: 50%; margin-top: -25px; z-index: 9999; width: 28px; height: 51px; cursor: pointer; }
.pictrue-10 .arrow-left{ left:10%; background: url(../images/icon/p5_jt.png) no-repeat; }
.pictrue-10 .arrow-right{ right:10%; background: url(../images/icon/p5_jt_r.png) no-repeat; }

.pictrue-11{ position: relative; padding: 0 70px; }
.pictrue-11 .owl-theme .owl-controls .owl-buttons div{ margin-top: -25px; width: 28px; height: 51px;}
.pictrue-11 .owl-theme .owl-controls .owl-buttons div.owl-prev{ left: -70px; background: url(../images/icon/p5_jt.png) no-repeat; }
.pictrue-11 .owl-theme .owl-controls .owl-buttons div.owl-next{ right: -70px; background: url(../images/icon/p5_jt_r.png) no-repeat; }
.pictrue-11 a{ display: block; }
.pictrue-11 a img{ max-width: 100%; }

.subnav .biaoti{ position: relative; padding:30px 0 0; margin:0 0 1px; height: 99px; background:#0d74bd url(../images/icon/bg8.png) repeat-x bottom;}
.subnav .biaoti:before{ content: ""; position: absolute; left: 0; top: -5px; z-index: 1; width: 100%; height: 20px; background: url(../images/icon/bg9.png) no-repeat top; }
.subnav .biaoti h4{ margin:0; font-size: 22px;color: #fff; line-height: 30px; font-weight: bold; }
.subnav .biaoti span{ display: block; font-family: arial; color: #afc7e2; line-height: 20px; }
.subnav ul{ padding-bottom: 156px; background: url(../images/icon/bg10.png) repeat-x bottom; }
.subnav ul li{ margin-bottom: 1px; }
.subnav ul li a{ display: block; padding: 0 15px; font-size: 16px;color: #fff; font-weight: bold; line-height: 46px; background: #83aacb; }

footer{ position: relative; z-index: 5;}
footer .footer_bg{ position: absolute; left: 0; bottom:100%; z-index: 4; width: 100%; height: 189px; background: url(../images/icon/footer_mb.png) no-repeat bottom; }
footer .box{ background: #005291 url(../images/icon/bg6.png) no-repeat bottom; background-size: 100% auto;}
footer .logo{ margin:0 0 40px; overflow: hidden; font-size: 0; }
footer .logo a{ position: relative; display: inline-block; vertical-align: top; }
footer .logo a:after,footer .logo a:before{ content: ""; position: absolute; bottom:10px; z-index: 1; width: 2000px; height: 1px; background: #fff; filter:alpha(opacity=35);-moz-opacity:0.35;-khtml-opacity:0.35; opacity:0.35;}
footer .logo a:after{ left: -2010px; }
footer .logo a:before{ right: -2010px; }
footer .menu ul li{ width: 20%; }
footer .menu ul li .biaoti{ margin:0 0 10px; font-size: 16px; color: #fff; line-height: 24px; }
footer .menu ul li .biaoti a{ display: block; font-size: 16px; color: #fff; }
footer .menu ul li p{ margin:0; } 
footer .menu ul li p a{ display: block; margin:0 0 10px; color: #b8c6d7; }
footer .tel { position: relative; margin:0 0 20px; padding: 0 96px 0 0; min-height: 66px; }
footer .tel .right{ position:absolute; right: 0; top: 0; z-index: 1; width: 66px; height: 66px; border:solid 1px #edf3f7; }
footer .tel .right img{ width: 64px; height: 64px; }
footer .tel .left{ font-size: 18px;color: #fff; line-height: 33px; }
footer .tel .left b{ font-size: 24px; }
footer .textbox ul li{ margin:0 0 10px; padding: 0 0 0 37px; font-size: 13px;color: #fff; line-height:25px; background-position: 0 0; background-repeat: no-repeat; }
footer .textbox ul li:last-child{ margin:0; }
footer .footer_bar{ padding: 20px 0; }
footer .footer_bar p{ font-size: 12px;color: #fff; line-height: 24px; }
footer .footer_bar .fenxiang a{ position: relative; display: block; margin-left:30px; font-size: 20px; color: #fff; line-height: 24px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8; opacity:0.8; }
footer .footer_bar .fenxiang a:after{ content: ""; position: absolute; left: -15px; top: 50%; z-index: 1; margin-top: -10px; width: 1px; height: 20px; background: #fff;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2; opacity:0.2; }
footer .footer_bar .fenxiang a:first-child:after{ display: none; }

body.hover header .top_bar .box .right .yuyan a:hover{ color: #00baff; }
body.hover header .menu ul li:hover > a:before{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
body.hover header .menu ul li.active > a:before{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
body.hover header .menu ul li .ul .li:hover a{ background: #00baff;}
body.hover .subnav ul li:hover a{ background: #00baff; }
body.hover .text-2-list a:hover { text-decoration: underline !important; }
body.hover .text-4 ul li:hover a h5{ text-decoration: underline !important; }
body.hover .pictrue-1-list a:hover .textbox{ color: #fff; background: #2f91d7; }
body.hover .pictrue-1-list a:hover .textbox::after {border:solid 1px #2f91d7; border-bottom: none; }
body.hover .pictrue-2-list a:hover .textbox::before{ background: #2f91d7; }
body.hover .pictrue-2-list a:hover .textbox span{ color: #fff; }
body.hover .pictrue-3-list a:hover .textbox{ color: #fff; background: #2f91d7; }
body.hover .pictrue-4 ul li a:hover .imgbox span{ transform: rotate(360deg); }
body.hover .pictrue-4 ul li a:hover .textbox .biaoti{ color: #2f91d7; }
body.hover .pictrue-5-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-5-list a:hover h5{ color: #fff; background: #2f91d7; }
body.hover .pictrue-7-list .box 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-7-list .box a:hover .textbox h5{ color: #418dc5; }
body.hover .pictrue-8-list a:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.3); }
body.hover .pictrue-8-list a:hover h5{ color: #fff; background: #2f91d7; }
body.hover .pictrue-8-list a:hover h5:after{ border:solid 1px #2f91d7; border-bottom: none; }
.subnav ul li.active a{ background: #00baff; }
body.hover footer .menu ul li p a:hover{ color: #fff; text-decoration: underline !important; }
body.hover footer .footer_bar .fenxiang a:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}

body.hover .animateTop{ animation-name: fadeInUp; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; }
body.hover .animateTopLeft{animation-name:fadeInLeft; -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; }
body.hover .animateTopRight{animation-name:fadeInRight; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; }
body.hover .animatefadeIn{ animation-name:fadeIn; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; }
body.hover .title-2 ul li.li0,
body.hover .pictrue-4 ul li.li0
{ animation-delay: 0s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s;}
body.hover .title-2 ul li.li1,
body.hover .text-3,
body.hover .pictrue-4 ul li.li1
{ animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s;}
body.hover .title-2 ul li.li2,
body.hover .text-4,
body.hover .pictrue-4 ul li.li2
{ animation-delay: 0.2s; -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s;}
body.hover .title-2 ul li.li3
{ animation-delay: 0.3s; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s;}
body.hover .title-6,
body.hover .pictrue-10
{ animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s;}
body.hover .text-1 h5{ animation-delay: 0.3s; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; }
body.hover .text-2{ animation-delay: 0.5s;}


@media (max-width:1449px){
	.pictrue-1 .owl-theme .owl-controls .owl-buttons div{ display: none; }
}

@media (max-width:1199px){
	footer .tel .left b{ font-size: 20px; }
}

@media (max-width:991px){
	.main-1{ height: inherit; }
	.main-1 .bg-left{ left: 0; margin-left: 0; width: 100%; }
	.main-1 .bg-left span{transform:skew(0deg);-webkit-transform:skew(0deg);-moz-transform:skew(0deg);-o-transform:skew(0deg);}
	.main-pad-2{ padding: 0 0 30px; }
	.main-Background-2{ background: none; }
	.main-Background-3{ padding: 0 0 30px; background-position: 50% 50%; background-size: cover; }
	header{ border-bottom: solid 3px #024079; }
	header .top_bar .box .right{ position: inherit; right: inherit; top: inherit; float: right; margin-right:20px; }
	header .top_bar .box .right .yuyan{ padding:32px 0 0; margin:0; }
	header .menu{ border:none; position:absolute; right: 0; top: 100%; z-index: 1; width: 120px;
background:-moz-linear-gradient(top,rgba(24,133,211,0.8) 0%,rgba(24,133,211,0.8) 100%);background:-webkit-linear-gradient(top,rgba(24,133,211,0.8) 0%,rgba(24,133,211,0.8) 100%);background:linear-gradient(to bottom,rgba(24,133,211,0.8) 0%,rgba(24,133,211,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1885d3',endColorstr='#cc1885d3',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{ width: 100%; }
	header .menu ul li::before,header .menu ul li::after{ display: none; }
	header .menu ul li a{ font-size: 12px; line-height: 40px; }
	header .menu ul li a::before{ display: none; }
	header .menu ul li.active a{ background: #9e4a61; }
	header .menu ul li .ul{ top: 0; left: -100%; }
	header .menu ul li .ul .li{
background:-moz-linear-gradient(top,rgba(133,5,34,0.8) 0%,rgba(133,5,34,0.8) 100%);background:-webkit-linear-gradient(top,rgba(133,5,34,0.8) 0%,rgba(133,5,34,0.8) 100%);background:linear-gradient(to bottom,rgba(133,5,34,0.8) 0%,rgba(133,5,34,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc850522',endColorstr='#cc850522',GradientType=0 );}
	header .top_bar .box{ padding: 0; min-height: inherit; }
	header .top_bar .box .logo{ padding:0; float: left; font-size: 0; line-height: 80px; }
	header .top_bar .box .logo img{ height: 60px; }
	header .ydd_btn{ margin:20px 0 0 0; padding:10px 7px; width:45px; height:40px; cursor:pointer;}
	header .ydd_btn span{ display:block; width:100%; height:4px; background:#9e4a61;}
	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:8px;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:-8px;margin-top:0px;}
	header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
	.title-2 ul.no-margin{ margin:0 -15px !important; }
	.title-2 ul li{ margin:0; padding: 0 15px; width: 25%; }
	.title-2 ul li a{ width: 100%; }
	.title-7 h4{ font-size: 18px; line-height: 24px; }
	.title-7 p{ font-size: 16px; }
	.text-1{ padding:20px 0; }
	.text-5{ font-size: 14px; }
	.pictrue-9{padding: 0; height: inherit;}
	.pictrue-9 .left{ padding: 0; }
	.pictrue-9 .left .view .swiper-container{ height: 400px; }
	.pictrue-9 .left .view .swiper-container .swiper-slide{ line-height: 400px; }
	.pictrue-9 .right{ position: inherit; top: inherit; left: inherit; margin:20px 0 0; padding: 0 30px; width: inherit; height: inherit; }
	.pictrue-9 .right .swiper-container{ height: 120px; }
	.pictrue-9 .right .arrow-left{ left: 0; width: 13px; height: 100%; background: url(../images/icon/p9_jt_l.png) no-repeat center; }
	.pictrue-9 .right .arrow-right{ left: inherit; right: 0; width: 13px; height: 100%; background: url(../images/icon/p9_jt_r.png) no-repeat center; }
	.pictrue-9 .right .swiper-container .imgbox{ margin:0 2px; }
	.pictrue-9 .right .swiper-container .imgbox span{ height: 98px; }
	.subnav{ margin:0 -15px 20px; }
	.subnav .biaoti{padding: 0; height: inherit; background: #078dcf;}
	.subnav .biaoti:before{ display: none;}
	.subnav .biaoti .esc{ position: absolute; left: 15px; top: 0; z-index: 1; width: 38px; height: 100%; background: url(../images/icon/fanhui.png) no-repeat center; cursor: pointer; }
	.subnav .biaoti h4{ position: relative; line-height: 55px; cursor: pointer; }
	.subnav .biaoti h4:before{ content: ""; position: absolute; right: 15px; top:50%; z-index: 1; margin-top:-11px; width: 28px; height: 22px; background: url(../images/icon/subnav_xl_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 .biaoti.active h4:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); }
	.subnav ul{ padding: 0; background: none; }
	footer .box{ padding: 20px 0 0; background: #005291; }
	footer .tel{ padding: 0 86px 0 0; }
	footer .tel .left{ font-size: 14px;}
	footer .tel .left b{ font-size:16px; }
	footer .logo{ margin:0 0 20px; }
	footer .logo a img{ width:150px; }
	footer .col-md-5{ text-align: center; }
	footer .textbox{ float: inherit !important; display: inline-block; vertical-align: top; text-align: left; }
	footer .footer_bar{ margin:20px 0 0; padding:15px; background: #003067; }
	footer .footer_bar p{width: 100%; text-align: center; }
}

@media (max-width:767px){
	
	body{ padding-bottom:50px;}	
	.main-pad-1{ padding: 30px 0; }
	header .top_bar .box .right{ margin-right: 10px; }
	header .top_bar .box .right .yuyan{ padding: 22px 0 0; }
	header .top_bar .box .right .yuyan a{ font-size: 12px; }
	header .top_bar .box .right .yuyan a:first-child{ padding-left: 10px; margin-left: 10px;  }
	header .top_bar .box .logo{ line-height: 60px; }
	header .top_bar .box .logo img{ height: 40px; }
	header .ydd_btn{ margin:10px 0 0; padding:10px;}	
	.hot{height:50px; background:#005291; 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; }
	.banner #myCarousel .carousel-indicators{ bottom: 5px; }
	.banner #myCarousel .carousel-indicators li{ width: 10px; height: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
	.title-1 h4{ font-size: 14px; line-height: 24px; }
	.title-1 h4 span{ font-size: 14px; }
	.title-1 .en{ font-size: 40px; line-height: 40px; }
	.title-2 ul{ margin:0 -10px !important; }	
	.title-2 ul li{ margin-bottom: 10px; padding: 0 10px; width: 50%; }
	.title-2 ul li a{ font-size: 12px; line-height: 30px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; }
	.title-3{ margin:0 0 20px; }
	.title-3 .right h4{ font-size: 14px; line-height: 24px; }
	.title-3 .right span{ font-size: 14px; }
	.title-3 .left{ font-size:30px; line-height:54px; }
	.title-4{ margin-bottom: 20px; }
	.title-4 ul li a span{ padding: 0 20px; font-size: 12px; line-height: 40px; }
	.title-5{ margin:0 0 20px; }
	.title-5 h4{ font-size: 20px; }
	.title-6{ padding:45px 0 0 25px; width: 200px; height: 125px; background-size: 100% auto; }
	.title-6 h4{ font-size: 16px; line-height: 24px; }
	.title-6 span{ font-size: 10px; }
	.title-7 h4{ margin:0 0 5px; font-size: 14px; line-height: 20px; }
	.title-7 p{ font-size: 12px; line-height: 18px; }
	.title-8{ margin:0 0 20px; }
	.title-8 h3{ font-size: 18px; line-height: 24px; }
	.title-8 p{ padding: 5px 0; }
	.title-9 h2{ font-size: 18px; line-height: 24px; }
	.text-1 .biaoti .left h4{ font-size: 16px; line-height: 24px; }
	.text-1 .biaoti .left span{ font-size: 12px; }
	.text-1 .biaoti .right{ font-size:40px; }
	.text-1 h5{ margin-top:10px; font-size: 16px; line-height: 24px; }
	.text-3{ margin:0 0 20px; font-size: 12px; line-height: 24px; }
	.text-5{ font-size: 12px; }	
	.text-6{ font-size: 12px; }
	.text-7{ font-size: 12px; }
	.text-8 .biaoti{ font-size: 14px;line-height: 24px; }
	.text-8 .textbox{ font-size: 12px; line-height: 24px;}
	.pictrue-1-list a .textbox{ max-width: 100px; height: 40px; font-size: 12px; line-height: 40px; }
	.pictrue-2-list a .imgbox{ margin:0 0 20px; }
	.pictrue-2-list a .textbox::before{ width: 90%; }
	.pictrue-2-list a .textbox span{ font-size: 12px; line-height: 40px; }
	.pictrue-3-list a .textbox{ font-size: 12px; line-height: 30px; max-width: 120px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; }
	.pictrue-4 ul li a{ min-height: 143px; }
	.pictrue-4 ul li a .imgbox{ width: 120px; }
	.pictrue-4 ul li a .imgbox span{ height: 110px; }
	.pictrue-4 ul li a .textbox{ padding: 10px 10px 10px 40px; height: 143px; }
	.pictrue-4 ul li a .textbox .biaoti{ font-size: 14px; }
	.pictrue-4 ul li a .textbox p{ margin:0; font-size: 12px; }
	.pictrue-5-list{ margin-bottom: 20px; }
	.pictrue-5-list a h5{ font-size: 14px; 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 span{ height: 100px; }
	.pictrue-7-list .box a .textbox{ padding: 0 0 0 10px; }
	.pictrue-7-list .box a .textbox h5{ font-size: 14px; }
	.pictrue-7-list .box a .textbox p{ font-size: 12px; }
	.pictrue-8-list{ margin-bottom:20px; }
	.pictrue-8-list a{ padding: 0 0 20px; margin-bottom: 20px; }
	.pictrue-8-list a h5{ bottom: -20px; margin-left: -50px; width: 100px; height: 40px; font-size: 12px; line-height: 40px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; }
	.pictrue-8-list a h5:before{ border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; }
	.pictrue-8-list a h5:after{ border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;-o-border-radius: 10px 10px 0 0; }
	.pictrue-9 .left .view .swiper-container{ height: 200px; }
	.pictrue-9 .left .view .swiper-container .swiper-slide{ line-height: 200px; }
	.pictrue-9 .right{ padding: 0 20px; }
	.pictrue-9 .right .swiper-container{ height: 62px; }
	.pictrue-9 .right .swiper-container .imgbox{ padding: 5px; }
	.pictrue-9 .right .swiper-container .imgbox span{ height: 50px; }
	.subnav ul li a{ font-size: 12px; line-height: 40px; }
	footer .textbox ul li{ font-size: 12px; }
 }
 @media (max-width:479px){	
	.text-4 ul li a{ margin-top: -40px; }
	.text-4 ul li a img{ max-width: 24px; }
	.text-4 ul li a h5{ margin:10px 0 0; font-size: 12px; line-height: 14px; }
	.text-4 ul li a span{padding: 0 25%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.pictrue-11{ padding: 0 40px; }
	.pictrue-11 .owl-theme .owl-controls .owl-buttons div.owl-prev{ left: -40px; }
	.pictrue-11 .owl-theme .owl-controls .owl-buttons div.owl-next{ right: -40px; }
}
@media (max-width:359px){	
	header .top_bar .box .right .yuyan{ padding: 14px 0 0; text-align: right }
	header .top_bar .box .right .yuyan a{ float: inherit !important; }
	header .top_bar .box .right .yuyan a:first-child{ padding-left: 0; margin-left: 0; border-left:none; }
	footer .tel .left{ font-size: 12px;}
	footer .tel .left b{ font-size:14px; }
}

/*清除样式*/
.clear { clear:both;}

/*分页css scott style pagination*/
div.scott{padding:3px;margin:3px;text-align:center;}
div.scott a{border:#ddd 1px solid;padding:2px 5px;color:#3f74af;margin:0 2px 0 0;text-decoration:none;}
div.scott a:hover{border:#1e50bd 1px solid;color:#254184;background-color:#d6e4ff;}
div.scott a:active{border:#1e50bd 1px solid;color:#254184;background-color:#d6e4ff;}
div.scott span.current{border:#5d86e0 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#5da3e0;}
div.scott span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;color:#ccc;margin:0 2px 0 0;}


/*浮动QQ*/
.dock {
	position: fixed;
	right: 0px;
	width: 50px;
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index: 200;
}

.dock.close {
	z-index: 50;
}

.dock ul.icons {
	position: absolute;
	list-style: none;
	right: 0px;
	padding: 0px;
	width: 50px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock.close ul.icons {
	right: -70px;
}

.dock ul.icons li i {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	background: url(../images/icons.png) no-repeat;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 210;
}

.dock ul.icons li.active i {
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.dock ul.icons li.up i {
	background-position: -63px -150px;
}

.dock ul.icons li.tel i {
	background-position: -62px -108px;
}

.dock ul.icons li.im i {
	background-position: -63px -20px;
}

.dock ul.icons li.wechat i {
	background-position: -59px -66px;
}

.dock ul.icons li.down i {
	background-position: -63px -190px;
}

.dock ul.icons li p {
	display: block;
	position: absolute;
	top: 50px;
	right: -260px;
	padding: 15px 20px;
	height: 120px;
	color: White;
	line-height: 30px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .4s ease-in-out .1s;
	-moz-transition: all .4s ease-in-out .1s;
	-ms-transition: all .4s ease-in-out .1s;
	-o-transition: all .4s ease-in-out .1s;
	transition: all .4s ease-in-out .1s;
	overflow: hidden;
	z-index: 201;
}

.dock ul.icons li.active p {
	right: 50px;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}

.dock ul.icons li.tel p {
width: 143px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p {
	width: 140px;
    height:170px;
    line-height:30px
}

.dock ul.icons li.im p a {
	display: block;
	margin-top: 12px;
	width: 100px;
	height: 35px;
	line-height: 32px;
	color: #00dfb9;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #00dfb9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock ul.icons li.im p a:hover {
	color: White;
	background: #0f8773;
	border: 1px solid #0f8773;
}

.dock ul.icons li.wechat p {
	width: 180px;
    height:180px;
    line-height:30px
}

.dock ul.icons li.wechat p img {
	
	border: 2px solid #000;
}

.dock a.switch {
	position: absolute;
	display: block;
	top: 270px;
	right: 11px;
	width: 26px;
	height: 26px;
	background: url(../images/icons.png) no-repeat 0px -640px;
	cursor: pointer;
	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-ms-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s;
}

.dock a.switch.off {
	background-position: -32px -640px;
}

.prve {width:50%;float:left; padding:20px 0;}
.nexts {width:50%;float:left; text-align:right; padding:20px 0;}

.text-5>iframe{width:65%!important; height:400px!important; margin:0 auto!important; display:block;}
@media (max-width:767px){
.text-5>iframe{width:100%!important; height:215px!important; margin:0 auto!important; display:block;}	
}