﻿@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-fluid2{max-width:100% !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-1-list.col-md-5{ width: 45%; }
.main-1-list.col-md-7{ width: 55%; }
.main-2{ padding:0 10px; }
.main-2-list{ padding:0 5px; }
.main-3{ padding:0 3px; }
.main-3-list{ padding:0 12px; }
.main-3-list.col-md-3{ width:20%; }
.main-3-list.col-md-9{ width:80%; }
.main-4{ padding:0 5px; }
.main-4-list{ padding:0 10px; }
.main-5{ position: relative; z-index: 2; width: 100%; min-height: 465px; max-width: 600px; }
.main-5.pull-right{ padding-right: 55px; padding-top: 45px; }
.main-6-list.col-md-3{ width:21%; }
.main-6-list.col-md-9{ width:79%; }
.main-pad-1{ padding:40px 0 55px;}
.main-pad-2{ padding:75px 0 55px;}
.main-pad-3{ padding:65px 0 70px;}
.main-pad-4{ padding:130px 0;}
.main-Background-1{ background:rgba(0,117,184,0.85);}
.main-Background-2{ background: url(../images/bg1.jpg) 50% 50%; background-size: cover; }
.main-Background-3{ background: url(../images/bg2.jpg) repeat; }
.main-Background-4{ background: url(../images/bg3.jpg) 50% 50%; background-size: cover; }
.main-Background-5{ position:relative; background:#005aa3; }
.main-Background-5 .bg{position:absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: url(../images/p6_img_02.jpg) 50% 50%; background-size: cover; filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2; opacity: 0.2; }
.main-Background-6{
background:#ffffff;background:-moz-radial-gradient(center,ellipse cover,#ffffff 0%,#e2e2e2 100%);background:-webkit-radial-gradient(center,ellipse cover,#ffffff 0%,#e2e2e2 100%);background:radial-gradient(ellipse at center,#ffffff 0%,#e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#e2e2e2',GradientType=1 );}

header{ position:relative; left: 0; top: 0; z-index: 9999999999999999999999; width: 100%; background: rgba(255,255,255,0.85); border-top: solid 4px #0075b8; }
body.hover header{ position: fixed; }
header .box{ position: relative; padding:0 170px 0 240px; min-height: 80px; }
header .box .logo{ position: absolute; left: 0; top: 0; z-index: 1; font-size: 0; line-height: 80px; }
header .box .search{ position: absolute; right: 0; top: 0; z-index: 1; padding-top: 25px; width: 170px; }
header .box .search form{ display: block; position: relative; padding-right: 40px; min-height: 30px; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2); }
header .box .search form button{ position: absolute; right: 0; top: 0; z-index: 1; width: 40px; height: 30px; background:url(../images/icon/fdj.png) no-repeat center; border:none; }
header .box .search form input{ padding:0 0 0 10px; width: 100%; height: 30px; color: #333; line-height: 30px; background: none; border:none; }
header .box .menu ul li{ position: relative; width:14.28%; }
header .box .menu ul li:before{ content: ""; position: absolute;  left: 0; top: 50%; z-index: 1; margin-top: -7px; width: 1px; height: 14px; background: #c6cad0; }
header .box .menu ul li:first-child:before{ display: none; }
header .box .menu ul li a{ display: block; font-size: 16px;color: #333; line-height: 80px; text-align: center; }
header .box .menu ul li.active a{ color: #0075b8; }

.banner{ position:relative; overflow:hidden;}
.banner.sybanner{ margin-bottom: -105px; }
.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:10px;z-index:4; font-size: 0;}
.banner #myCarousel .carousel-indicators li{margin:0 5px;width:50px;height:4px; background:rgba(255,255,255,0.4); border:none; border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;}
.banner #myCarousel .carousel-indicators li:hover{background:#fff;}
.banner #myCarousel .carousel-indicators li.active{background:#fff;}

.content{ position: relative; z-index: 2; }

.title-1 a{ padding-top: 25px; display: block; height: 105px; }
.title-1 a .cn{ margin-bottom: 5px; font-size: 22px; color: #fff; line-height: 30px; }
.title-1 a .en{ font-family: arial; font-size: 18px; color: #fff; line-height: 24px; }
.title-2{ padding:45px 0 0 25px; height: 453px; background: url(../images/title-2_bg_03.jpg) 50% 50%; background-size: cover;}
.title-2 .biaoti{ margin-bottom: 30px; }
.title-2 .biaoti .cn{ margin-bottom: 5px; font-size: 24px;color: #fff; line-height: 30px; }
.title-2 .biaoti .en{ font-family: arial; font-size: 18px; color: rgba(255,255,255,0.5); line-height: 24px; }
.title-2 ul li{ font-size: 0; overflow:hidden; }
.title-2 ul li a{ position: relative; padding-right: 20px; display:inline-block; vertical-align: top; font-size: 18px;color: #fff; line-height:50px; }
.title-2 ul li a:before{ content: ""; position: absolute; left: 100%; top: 50%; z-index: 1; width: 500px; height: 1px; background: rgba(255,255,255,0.5); }
.title-2 ul li.active a{ font-weight:bold; }
.title-2 ul li.active a:before{ height: 2px; margin-top: -1px; }
.title-3{ position: relative; margin-bottom: 30px; padding-top: 73px; height: 220px; }
.title-3 .biaoti{ position: absolute; left: 50%; top: 0; z-index: 1; padding-top: 112px; margin-left: -127px; width: 254px; height: 220px; background: url(../images/icon/title3_biaoti_bg.png) no-repeat; }
.title-3 .biaoti .cn{ font-size: 30px; color: #fff; line-height: 40px; }
.title-3 .biaoti .en{ font-family: arial; font-size: 18px;color: #fff; line-height: 24px; }
.title-3 .li{ width: 50%; cursor: pointer; }
.title-3 .li .box{ position: relative; height: 147px; background: #0075b8; }
.title-3 .li .box:before{ content: ""; position: absolute; left: 0; top: 0; z-index:3; width: 100%; height: 100%; border:solid 3px #df2828;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; }
.title-3 .li .box:after{ content: ""; position: absolute; left: 50%; top: 100%; width: 0; height: 0; margin-left: -12px; border-left: solid 12px transparent; border-right: solid 12px transparent; border-top: solid 12px #df2828;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; }
.title-3 .li .box .imgbox{ position:absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.title-3 .li .box .cn,.title-3 .li .box .jiangexian{ position: relative; z-index: 2; }
.title-3 .li .box .cn{ margin-bottom:15px; padding-top:50px; font-size: 24px;color: #fff; line-height: 30px; text-align: center; }
.title-3 .li .box .jiangexian{ margin:0 auto; max-width: 50px; height: 3px; background: #fff; }
.title-3 .li.left{ padding-right:127px; }
.title-3 .li.right{ padding-left:127px; }
.title-3 .li.left .box:before{ border-right: none; }
.title-3 .li.right .box:before{ border-left: none; }
.title-3 .li.left .box .imgbox{filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2; opacity:0.2;}
.title-3 .li.right .box .imgbox{filter:alpha(opacity=25);-moz-opacity:0.25;-khtml-opacity:0.25; opacity:0.25;}
.title-3 .li.active .box{ background: #fff; }
.title-3 .li.active .box:before,
.title-3 .li.active .box:after{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1;}
.title-3 .li.active .box .cn{ color: #df2828; }
.title-3 .li.active .box .jiangexian{ background: rgba(0,0,0,0.23); }
.title-4{ margin-bottom: 50px; overflow: hidden; }
.title-4 a .cn{ font-size: 0; }
.title-4 a .cn span{ position: relative; display: inline-block; vertical-align: top; font-size: 30px;color: #0075b8; line-height: 40px; }
.title-4 a .cn span:before,.title-4 a .cn span:after{ content: ""; position: absolute; top: 50%; z-index: 1; width: 2000px; height: 1px; background: #bababa; }
.title-4 a .cn span:before{ left: -2020px; }
.title-4 a .cn span:after{ right: -2020px; }
.title-4 a .en{ font-family: arial; font-size: 18px;color: #7f7f7f; line-height: 24px; }
.title-4 p{ margin:20px 0 0; font-size: 22px;color: #df2828; line-height: 24px; }
.title-5{ margin-bottom:20px; padding-bottom: 10px; font-size: 0; border-bottom: solid 1px rgba(255,255,255,0.4); }
.title-5 a{ display: inline-block; vertical-align: top; }
.title-5 .cn{font-size: 24px;color: #fff; line-height: 30px;}
.title-5 .en{ font-family:arial; font-size: 18px;color: rgba(255,255,255,0.29); line-height: 20px;}
.title-6{ padding-bottom: 10px; margin-bottom: 30px; font-size: 18px; color: #333; line-height: 24px; border-bottom: solid 1px #cacaca; }
.title-6 span{ margin-left: 10px; font-family:arial; color: #bbbbbb; }
.title-7{ margin-bottom: 30px; padding-bottom: 10px; font-size: 24px;color: #0075b8; line-height: 40px; border-bottom: solid 1px #d6d6d6; }
.title-8{ margin-bottom: 20px; }
.title-8 .biaoti{ font-size: 24px;color: #333; line-height: 30px; }


.more-1 a{ display: block; width: 124px; font-size: 12px;color: #fff; line-height: 33px; border:solid 1px rgba(255,255,255,0.5); }

.text-1{ padding:10px; height: 105px; background: #df2828; }
.text-1 .box{ position: relative; padding-right: 20px; padding-top: 15px; padding-left: 80px; height: 100%; font-size: 16px; color: #fff; line-height: 20px; border-left: solid 1px #ef9494; border-bottom: solid 1px #ef9494; background: url(../images/icon/tel.png) no-repeat 25px 50%; }
.text-1 .box span{ display: block; font-family: Impact,arial; font-size: 24px;color: #fff; line-height: 30px; }
.text-2 .biaoti{ margin-bottom:20px; font-size: 18px;color: #333; line-height: 24px; }
.text-2 .textbox{ height: 96px; color: #727272; line-height: 24px; overflow: hidden; }
.text-2 .jiangexian{ position: relative; margin:40px 0; height: 1px; }
.text-2 .jiangexian:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 120%; height: 1px; background: #0075b8; }
.text-2 .more a{ display: block; width: 130px; line-height: 40px; color: #c7c7c7; border:solid 1px #c7c7c7; }
.text-3{ margin-bottom: 50px; height: 130px; color: #fff; line-height: 26px; text-align: justify; overflow: hidden; }
.text-3 img{width:100%;height:auto}
.text-4{ margin-bottom: 20px; color: #707070; line-height: 24px; }
.text-5{ margin-bottom: 20px; color: #333; line-height:26px; }
.text-6{ margin-bottom: 20px; }
.text-6 .tel{ margin-bottom:10px; font-size: 26px;color: #e80010; line-height: 30px; font-weight:bold; }
.text-6 .textbox{ color: #333; line-height: 24px; }

.left .pictrue-1-list{ height: 276px; }
.right .pictrue-1-list{ height: 133px; }
.right .main-2-list:nth-child(1) .pictrue-1-list{ margin-bottom: 10px; }
.right .main-2-list:nth-child(2) .pictrue-1-list{ margin-bottom: 10px; }
.pictrue-1-list a{ display: block; position: relative; height: 100%; overflow: hidden; }
.pictrue-1-list .text{ position: absolute; left: 0; top: 50%; z-index: 1; margin-top: -42px; padding:0 15px; width: 100%; }
.pictrue-1-list .text .cn{ font-size: 18px;color: #fff; line-height: 24px; }
.pictrue-1-list .text .en{ margin-bottom: 15px; font-family: arial; font-size: 12px;color: #fff; line-height: 20px; }
.pictrue-2-box .pictrue-2{ display:none; }
.pictrue-2-box .pictrue-2.active{ display:block; }
.pictrue-2{ position: relative; padding-top: 40px; margin:0 -10px; }
.pictrue-2 .item{ padding:0 10px; }
.pictrue-2-list a{ display: block; }
.pictrue-2-list .biaoti{ margin-bottom: 20px; font-size: 20px;color: #333; line-height: 24px; }
.pictrue-2-list .imgbox{ position: relative; overflow: hidden; }
.pictrue-2-list .imgbox span{ display: block; height: 316px; }
.pictrue-2-list .imgbox .text{ position: absolute; left: 0; bottom: 0; z-index: 1; padding:20px; width: 100%; background: rgba(0,0,0,0.7); }
.pictrue-2-list .imgbox .text .mc{ margin-bottom: 10px; font-size: 18px; color: #fff; line-height: 24px; }
.pictrue-2-list .imgbox .text p{ margin:0 0 20px; height: 40px; font-size: 12px;color: #fff; line-height: 20px; overflow: hidden; }
.pictrue-2-list .imgbox .text .jiantou{ height: 5px; background: url(../images/icon/p2_jt.png) no-repeat right; }
.pictrue-4-box .pictrue-4{ display: none; }
.pictrue-4-box .pictrue-4.active{ display:block; }
.pictrue-4{ position: relative; margin:0 -19px; }
.pictrue-4 .item{ padding:0 19px; }
.pictrue-4-list{ position: relative; z-index: 2; margin-bottom: 5px; }
.pictrue-4-list a{ display: block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; overflow: hidden; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); -o-box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
.pictrue-4-list a .imgbox{ overflow: hidden; }
.pictrue-4-list a .imgbox span{ display: block; }
.pictrue-4-list a .textbox{ padding:10px 15px; background: #fff; }
.pictrue-4-list a .textbox .biaoti{ margin-bottom: 10px; font-size: 0; }
.pictrue-4-list a .textbox .biaoti span{ display: inline-block; vertical-align: top; padding-bottom: 10px; max-width: 100%; font-size: 18px; color: #333; line-height: 24px; border-bottom: solid 1px #c0c0c0; }
.pictrue-4-list a .textbox p{ margin:0; height: 48px; color: #5e5e5e; line-height: 24px; overflow: hidden; }
.pictrue-5{ overflow: hidden; }
.pictrue-5 .swiper-container{ width:100%;}
.pictrue-5 .swiper-slide a{ display: block; position: relative; }
.pictrue-5 .swiper-slide a .imgbox{ position: relative; overflow: hidden; }
.pictrue-5 .swiper-slide a .imgbox span{ display: block; }
.pictrue-5 .swiper-slide a .imgbox .text{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; padding:0 10px; font-size: 18px;color: #fff; line-height: 60px; background: rgba(0,0,0,0.65); }
.pictrue-5 .swiper-container-horizontal > .swiper-scrollbar{ bottom: 0; left: 0; width: 100%; }
.pictrue-5 .swiper-scrollbar{ height: 4px; background: #fff; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; }
.pictrue-5 .swiper-scrollbar-drag{ background: #0075b8; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; }
body.hover .pictrue-5 .swiper-container{ padding-bottom: 70px;}
.pictrue-6{ position: relative; height:465px; background: url(../images/p6_img.png) no-repeat center; }
.pictrue-6 .textbox{ position:absolute; left:50%; top: 50%; z-index: 1; margin:-121px 0 0 -121px; width: 243px; height: 243px; background:rgba(0,117,184,0.3); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
.pictrue-6 .textbox:before{ content: ""; position:absolute; left: 50%; top: 50%; z-index: 1; margin:-105px 0 0 -105px; width: 210px; height: 210px; background: rgba(255,255,255,0.41); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
.pictrue-6 .textbox:after{ content: ""; position:absolute; left: 50%; top: 50%; z-index: 2; margin:-83px 0 0 -83px; width: 166px; height: 166px; background:#fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;}
.pictrue-6 .textbox .box{ position:absolute; left: 0; top: 50%; z-index:3; margin-top: -42px; width: 100%; }
.pictrue-6 .textbox .box .en{ font-family: arial; font-size: 24px;color: #747474; line-height: 30px; }
.pictrue-6 .textbox .box .en2{ font-family: arial;color: #747474; line-height:24px; }
.pictrue-6 .textbox .box .cn{ font-size: 24px;color: #df2828; line-height: 30px; }
.pictrue-7{ position: relative; margin:0 -9px; }
.pictrue-7 .item{ padding:0 9px; }
.pictrue-7-list a{ display: block; font-size: 0; padding:10px; height: 76px; background: #eeeeee; line-height: 56px; }
.pictrue-7-list a img{ max-width: 100%; max-height: 100%; }
.pictrue-8-list{ margin-bottom: 20px; }
.pictrue-8-list a{ display: block; }
.pictrue-8-list a .imgbox{ overflow: hidden; }
.pictrue-8-list a .imgbox span{ display: block; }
.pictrue-8-list a .textbox{ padding-top:10px; }
.pictrue-8-list a .textbox .biaoti{font-size: 18px;color: #333; line-height: 24px;}
.pictrue-8-list a .textbox .text{ margin:10px 0; height:48px; color: #707070; line-height: 24px; overflow: hidden; }
.pictrue-8-list a .textbox .more{ font-size: 12px;color: #0075b8; line-height: 24px; }
.pictrue-9{ margin-bottom: 20px; }
.pictrue-10-list{ position: relative; z-index: 2; margin-bottom: 20px; box-shadow:3px 3px 6px rgba(0,0,0,0.2); -webkit-box-shadow:3px 3px 6px rgba(0,0,0,0.2); -moz-box-shadow:3px 3px 6px rgba(0,0,0,0.2); -o-box-shadow:3px 3px 6px rgba(0,0,0,0.2); overflow:hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; }
.pictrue-10-list a{ display: block; }
.pictrue-10-list a .imgbox{ overflow: hidden; }
.pictrue-10-list a .imgbox span{ display:block; }
.pictrue-10-list a .textbox{ padding:20px 30px; }
.pictrue-10-list a .textbox .biaoti{ margin-bottom: 10px; font-size: 0; }
.pictrue-10-list a .textbox .biaoti span{ max-width: 100%; display: inline-block; vertical-align: top; padding-bottom: 10px; font-size: 18px;color: #333; line-height: 24px; border-bottom: solid 1px #c0c0c0; }
.pictrue-10-list a .textbox p{ height: 48px; color: #5e5e5e; line-height:24px; overflow: hidden; }
.pictrue-11{ margin-bottom: 20px; }
.pictrue-12-list{ margin-bottom: 20px; }
.pictrue-12-list a{ display: block; position: relative; }
.pictrue-12-list a .imgbox{ position: relative; overflow: hidden; }
.pictrue-12-list a .imgbox span{ display: block; }
.pictrue-12-list a .imgbox .text{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; padding:0 10px; font-size: 18px;color: #fff; line-height: 60px; background: rgba(0,0,0,0.65); }

.subnav .biaoti{ font-size: 24px;color: #fff; line-height: 93px; background: #0075b8 url(../images/icon/subnav_biaoti_bg.png) no-repeat bottom; }
.subnav ul li{ margin-top: 1px; }
.subnav ul li a{ display: block; font-size: 18px; color: #333; line-height: 56px; background:#dadada; }
.subnav ul li.active a{ color: #fff; background: #0075b8; }
.subnav .ul{display:none;}
.subnav .ul .li { margin-bottom:1px;}
.subnav .ul .li a {display:block; padding:0 15px; color:#333; line-height:40px; text-align:center; background:#dadada;}
.subnav .ul .li.active a {color:#fff;background:#0075b8;}

footer{ border-top: solid 1px #d7d7d7; }
footer .box{ padding:40px 0; background: #f5f5f5; border-top: solid 1px #f1f1f1; }
footer .box .menu{ width: 60%; }
footer .box .menu ul li{ width: 25%; }
footer .box .menu ul li .biaoti{ margin-bottom: 20px; font-size: 0; }
footer .box .menu ul li .biaoti a{ display: inline-block; vertical-align: top; padding-bottom: 15px; font-size: 16px;color: #444444; line-height: 20px; border-bottom: solid 1px #c2c2c2; }
footer .box .menu ul li p{ margin:0; }
footer .box .menu ul li p span{ display: block; margin:0 0 10px; line-height: 16px; }
footer .box .menu ul li p span a{ color: #787878; }
footer .box .contact{ width:25%; }
footer .box .contact .tel{ padding:5px; width: 190px; background: #e1e1e1; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; }
footer .box .contact .tel span{ display: block; padding-left: 35px; font-size: 16px;color: #494949; font-weight: bold; line-height: 24px; background: url(../images/icon/tel2.png) no-repeat left; }
footer .box .contact .tel2{ margin:10px 0; font-size: 26px; color: #e80010; font-weight: bold; line-height: 36px; }
footer .box .contact .text{ height: 78px; color: #575757; line-height: 26px; overflow: hidden; }
footer .box .ewm{max-width: 140px; width: 15%; }
footer .box .ewm .imgbox{ padding:3px; background: #fff; }
footer .box .ewm .imgbox img{ width: 100%; }
footer .box .ewm h5{ margin:5px 0 0; color: #8e8e8e; line-height: 24px; }
footer .footer_bar{ padding:25px 0; background: #0075b8; }
footer .footer_bar .jieshao{ font-size: 12px;color:rgba(255,255,255,0.8); line-height: 18px; }
footer .footer_bar .fenxiang ul li{ margin-left: 10px; }
footer .footer_bar .fenxiang ul li a{ display: block; font-size: 0;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;}
footer .footer_bar .qita ul li{ padding-top: 3px; }
footer .footer_bar .qita ul li a{ padding:0 10px; display: block; height: 12px; font-size: 12px; color:rgba(255,255,255,0.8);line-height: 12px; border-right: solid 1px rgba(255,255,255,0.8);}
footer .footer_bar .qita ul li:last-child a{ border-right: none; }

body.hover header .box .menu ul li:hover a{ color: #0075b8; }
body.hover header .box .search form:hover{ background: #0075b8 }
body.hover header .box .search form:hover input{ color: #fff; }
body.hover header .box .search form:hover button{ background: url(../images/icon/fdj2.png) no-repeat center; }
body.hover .title-1 a:hover .cn{ color: #df2828; text-decoration: underline; }
body.hover .title-1 a:hover .en{ color: #df2828; text-decoration: underline; }
body.hover .text-2 .more a:hover{ color: #fff; background: #0075b8; border:solid 1px #0075b8; }
body.hover .pictrue-1-list:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;}
body.hover .pictrue-2-list: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-list:hover .imgbox .text{ background: rgba(223,40,40,0.86); }
body.hover .pictrue-4-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-list a:hover .textbox .biaoti span{ color: #0075b8; font-weight:bold; }
body.hover .pictrue-5 .swiper-slide 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 .swiper-slide a:hover .imgbox .text{ background: rgba(0,117,184,0.8); }
body.hover .pictrue-7-list a:hover{ background: #dcd2d2; }
body.hover .pictrue-8-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-8-list a:hover .textbox .biaoti{ color: #0075b8; font-weight:bold; }
body.hover .pictrue-10-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-10-list a:hover .textbox .biaoti span{ color: #0075b8; font-weight:bold; }
body.hover .pictrue-12-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-12-list a:hover .imgbox .text{ background: rgba(0,117,184,0.8); }
body.hover .more-1 a:hover{ color: #0075b8; background: #fff; border:solid 1px #0075b8; }
body.hover .subnav ul li:hover a{ color: #fff; background: #0075b8; }
body.hover .subnav .ul .li:hover a {color:#fff;background:#0075b8;}
body.hover footer .box .menu ul li .biaoti a:hover{ color: #0075b8; text-decoration: underline !important; }
body.hover footer .box .menu ul li p span a:hover{ color: #0075b8; text-decoration: underline !important; }
body.hover footer .footer_bar .qita ul li a:hover{ color: #fff;text-decoration: underline !important; }
body.hover footer .footer_bar .fenxiang ul li a:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1;}


@media (max-width:1199px){
	header .box .menu ul li a{ font-size: 14px; }
	.pictrue-4{ margin:0 -15px; }
	.pictrue-4 .item{ padding:0 15px; }
}

@media (max-width:991px){
	.main-1-list{ width: 100% !important; }
	.main-3-list{ width: 100% !important; }
	.main-6-list{ width: 100% !important; }
	.main-5{ padding:20px 15px!important; max-width: 100%; min-height: inherit; }
	.main-pad-1{ padding:30px 0; }
	.main-pad-2{ padding:30px 0; }
	.main-pad-3{ padding:30px 0; }
	header .box{ padding:0; min-height: inherit;}
	header .box .logo{ position: inherit; left: inherit; top: inherit; float: left; }
	header .box .menu{ position: absolute; right: -15px; top: 100%; z-index: 5; width: 120px; }
	header .box .menu ul li{ margin-bottom: 1px; width: 100%; background:rgba(255,255,255,0.8); }
	header .box .menu ul li:before{ display: none; }
	header .box .menu ul li a{ font-size: 14px; line-height: 40px; }
	header .box .menu ul li.active a{ color: #fff; background: #0075b8; }
	header .ydd_btn{ margin:27px 0 0; width:50px; height:25px; cursor:pointer;}
	header .ydd_btn span{ display:block; width:100%; height:5px; background:#0075b8; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px;}
	header .ydd_btn span.span02{margin:5px 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:9px;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:-9px;margin-top:0px;}
	header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
	.banner.sybanner{ margin-bottom: 0; }
	.title-2{ padding:15px; height: inherit;}
	.title-2 .biaoti{ margin-bottom: 20px; text-align: center; }
	.title-2 .biaoti .cn{ font-size: 18px; line-height: 24px; }
	.title-2 .biaoti .en{ font-size: 12px; line-height: 20px; }
	.title-2 ul li{ float: left; width: 33.33333%; }
	.title-2 ul li a{ display: block; padding:0; text-align: center; border:solid 1px #fff; }
	.title-2 ul li a::before{ display: none; }
	.title-2 ul li.active a{ color: #0075b8; background: #fff; }
	.title-3{ margin-bottom: 20px; padding:0; height: inherit; }
	.title-3 .li{ padding: 0 !important; }
	.title-3 .li .box{ padding:10px 0; height: inherit; }
	.title-3 .li .box .cn{ margin-bottom: 10px; padding:0; font-size: 18px; line-height: 24px; }
	.title-4{ margin-bottom: 20px; }
	.title-4 p{ margin-top: 10px; font-size: 16px; }
	.text-2{ margin-bottom: 20px;  }
	.text-2 .biaoti{ margin-bottom: 20px; }
	.text-2 .textbox{ height: inherit; font-size: 12px; }
	.text-2 .jiangexian{ margin:20px 0; }
	.text-2 .jiangexian::before{ width: 100%; }
	.text-3{ margin-bottom: 20px; height: inherit; }
	.pictrue-2-list .imgbox span{ height: inherit; }
	.pictrue-6{ padding:50px 0; height: inherit; }
	.pictrue-6 .textbox{ position: relative; left: inherit; top: inherit; margin:0 auto; }
	.subnav{ margin-bottom: 20px; }
	.subnav .biaoti{ position: relative; line-height: 50px; font-size: 18px; background-image: none; }
	.subnav .biaoti a{ position: absolute; left:15px; top: 0; z-index: 1; width: 30px; height:100%; background:url(../images/icon/subnav_home.png) no-repeat center; }
	.subnav .biaoti span{ display: block; }
	.subnav ul li a{ font-size: 14px; line-height: 40px; }
	footer .box{ padding: 20px 0; }
	footer .box .contact{ width:auto; }
	footer .footer_bar .jieshao{ width: 100%; text-align: center; }
}

@media (max-width:767px){
	.main-2-list.col-xs-6.left{ margin-bottom: 10px; width: 100%; }
	.main-2-list.col-xs-6.right{ width: 100%; }
	.main-pad-4{ padding:20px 0; }
	body{ padding-bottom:50px;}	
	header .box .logo{ line-height: 60px; }
	header .box .logo img{ width:160px; }
	header .box .menu{ width: 100px; }
	header .box .menu ul li a{ font-size: 12px; }
	header .ydd_btn{ margin:19px 0 0; width: 30px;}	
	.banner #myCarousel .carousel-indicators li{ width: 40px; }
	.title-1{ margin-bottom: 20px; width: 100%; }
	.title-1 a{ padding-top: 20px; height: inherit; }
	.title-1 a .cn{ font-size: 16px; line-height: 24px; }
	.title-1 a .en{ font-size: 16px; line-height: 20px; }
	.title-2 .biaoti .cn{ margin-bottom: 0; font-size: 16px; }
	.title-2 ul li a{ font-size:14px; line-height: 30px; }
	.title-3 .li .box .cn{ font-size: 14px; }
	.title-4 a .cn span{ font-size:20px; line-height: 24px; }
	.title-4 a .en{ font-size: 14px; }
	.title-4 p{ margin-top: 0; }
	.title-5 .cn{ font-size: 16px; }
	.title-5 .en{ font-size: 12px; }
	.title-8 .biaoti{ font-size:16px;  line-height: 24px; }
	.text-1{ width: 100%; height: inherit; }
	.text-1 .box{ padding:0 0 0 53px; border:none; background-position: left; }
	.text-2 .biaoti{ margin-bottom: 10px; }
	.text-4{ font-size: 12px; }
	.text-5{ font-size: 12px; }
	.text-6 .tel{ margin-bottom: 10px; font-size: 18px; line-height: 24px; }
	.text-6 .textbox{ font-size: 12px; }
	.pictrue-2{ padding-top: 20px; }
	.pictrue-2-list .biaoti{ margin-bottom: 10px; font-size: 16px; }
	.pictrue-2-list .imgbox .text{ padding:10px; }
	.pictrue-2-list .imgbox .text .mc{ font-size: 14px; line-height: 18px; }
	.pictrue-2-list .imgbox .text p{ margin-bottom: 10px; }
	.pictrue-4-list a .textbox{ padding:10px; }
	.pictrue-4-list a .textbox .biaoti span{ padding-bottom: 5px; font-size: 14px; }
	.pictrue-4-list a .textbox p{ font-size: 12px; }
	.pictrue-5 .swiper-slide a .imgbox .text{ font-size: 12px; line-height: 30px; }
	.pictrue-6 .textbox{ width:180px; height:180px; }
	.pictrue-6 .textbox:after{ margin:-60px 0 0 -60px; width: 120px; height: 120px; }
	.pictrue-7-list a{ height: 66px; line-height:46px; }
	.pictrue-8-list a .textbox .biaoti{ font-size: 14px; }
	.pictrue-8-list a .textbox .text{ margin:0; font-size: 12px; }
	.pictrue-10-list a .textbox{ padding:10px; }
	.pictrue-10-list a .textbox .biaoti span{ font-size: 14px; }
	.pictrue-10-list a .textbox p{ font-size:12px; }
	.pictrue-12-list a .imgbox .text{ font-size: 12px; line-height: 30px; }
	.hot{height:50px; background:#0075b8; 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; }
	footer .box .contact{ width: 100%; }
	footer .box .contact .tel{ margin:0 auto; text-align: center; }
	footer .box .contact .tel span{ display: inline-block; vertical-align: top; }
	footer .box .contact .tel2{ font-size: 20px; line-height: 24px; text-align: center; }
	footer .box .contact .text{ font-size: 12px; line-height: 24px; text-align: center; }
	footer .box .ewm{ width: 100%; max-width: 100%; }
	footer .box .ewm .imgbox{ margin:0 auto; max-width: 120px; }
	footer .box .ewm h5{ font-size: 12px; }
	footer .footer_bar{ padding:10px 0; }
 }

/*清除样式*/
.clear 
{
     clear:both;
     font-family:'微软雅黑';

}

/*分页css scott style pagination*/
div.scott
{
    padding:3px;margin:3px;text-align:center;

}
div.scott a
{
    border:#221616 1px solid;padding:2px 5px;color:#221616;margin:0 2px 0 0;text-decoration:none;

}
div.scott a:hover
{
    border:#221616 1px solid;color:white;background-color:#221616;

}
div.scott a:active
{
    border:#221616 1px solid;color:#611985;background-color:#221616;

}
div.scott span.current
{
    border:#221616 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#221616;

}
div.scott span.disabled
{
    border:#dfdfdf 1px solid;padding:2px 5px;color:#221616;margin:0 2px 0 0;

}
