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

/*The introduction of the font library*/
@font-face {font-family: 'iconfont';src: url('//at.alicdn.com/t/font_1432720974_1547027.eot'); /* IE9*/src: url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'), /* chrome/firefox */url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'), /* chrome/firefox/pera afari, Android, iOS 4.2+*/url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg'); /* iOS 4.1- */}
@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"; }

/*reset styles*/
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:1190px !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;}
/************************************************************************************************************/
p{ margin:0; padding:0;}
.main{ padding:40px 0;}
.main2{ padding:40px 0 0;}
.main-Background-1{ background:#f8f8f8 url(../images/bg1_02.jpg) no-repeat top center;}
.main-Background-2{ margin:90px 0 0; background:url(../images/bg2_02.jpg) 50% 50%; background-size: cover;}
.main-Background-3{background:url(../images/bg3_02.jpg) 50% 50%; background-size: cover;}

header .top_bar{ background:#f6f6f6;}
header .top_bar p{ font-size: 12px; color: #c2c2c2; line-height: 24px; }
header .logo{ line-height:100px;}
header .tel{ margin:25px 0 0; padding:0 32px 0 0; color:#da251c;line-height:20px; height:50px; background:url(../images/icon/tel_icon.png) no-repeat right; text-align: right;}
header .tel span{ position: relative; display:block; font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight: bold; color:#000; line-height:30px;}
header .tel span:after{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 15px; background:#fff;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;}
header nav{ background:#3f60ba;}
header nav ul li{ position:relative; width:13.7%;}
header nav ul li:after{ margin:-7px 0 0; content:""; position:absolute; left:0; top:50%; z-index:1; width:1px; height:14px; background:#fff;}
header nav ul li:first-child:after{ display:none;}
header nav ul li a{ display:block; line-height:40px; color:#fff;} 
header nav ul li:hover a{ color:#fff; background: #2b3e72;}
header nav ul li.active a{ color:#fff;background: #2b3e72;}
header nav ul li ul{ display:none; position:absolute; left:0; top:100%; z-index:1; width:100%;}
header nav ul li ul li{ width:100%;
background:-moz-linear-gradient(top,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0.6) 2%,rgba(0,0,0,0.6) 98%,rgba(0,0,0,0.6) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0.6) 2%,rgba(0,0,0,0.6) 98%,rgba(0,0,0,0.6) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.6) 1%,rgba(0,0,0,0.6) 2%,rgba(0,0,0,0.6) 98%,rgba(0,0,0,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000',endColorstr='#99000000',GradientType=0 );}
header nav ul li ul li:hover{ background:#ff8b4a;}
header nav ul li ul li:after{ display:none;}
header nav ul li ul li a{ font-size:12px; line-height:40px; font-weight:normal;}
header nav ul li:hover ul li a{ color:#fff;}
header nav ul li ul li:hover a{ background: #3f60ba }

.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:56px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.banner .carousel-control.left{ left:-56px;background:url(../images/ba/prev_arrow_60.png) no-repeat left;}
.banner:hover .carousel-control.left{ left:0;}
.banner .carousel-control.right{ right:-56px;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:25px;z-index:4}
.banner #myCarousel .carousel-indicators li{margin:0 8px;width:13px;height:13px; border:none; background: #fff;}
.banner #myCarousel .carousel-indicators li:hover{background:#000;}
.banner #myCarousel .carousel-indicators li.active{background:#000;}

.title1{ position: relative; margin:0 0 25px; padding: 0 0 19px; border-bottom: solid 1px #dcdcdc; background: url(../images/icon/t1_bg.png) no-repeat bottom center;}
.title1:after{ margin: 0 0 0 -21px; content: ""; position: absolute; left: 50%; bottom: -3px; z-index: 1; width: 42px; height: 7px; background: #ff7e00; }
.title1 a{ display: inline-block; }
.title1 a h2{margin:0; line-height:28px; font-size:26px; color:#333;}
.title1 a:hover h2{ color: #ff7e00; }
.title1 a small{ display:block; margin: 12px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:14px;}
.title1.active{border-bottom: solid 1px #898989;}
.title1.active a h2{ color: #fff; }
.title1.active a:hover h2{ color: #ff7e00; }
.title1.active a small{ color: #fff; }
.title2{ position: relative; margin: 0 0 30px;}
.title2:after{ content: ""; position: absolute; left: 0; top:16px; z-index: 1; width: 100%; height: 1px; background: #e5e5e5; }
.title2 ul{ position: relative; z-index: 2; font-size: 0; }
.title2 ul li{ display: inline-block; vertical-align: top; margin: 0 0 10px -1px;background: #fff;}
.title2 ul li.active a{ color: #fff;
background:rgb(67,164,253);background:-moz-linear-gradient(top,rgba(67,164,253,1) 0%,rgba(38,82,162,1) 100%);background:-webkit-linear-gradient(top,rgba(67,164,253,1) 0%,rgba(38,82,162,1) 100%);background:linear-gradient(to bottom,rgba(67,164,253,1) 0%,rgba(38,82,162,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#43a4fd',endColorstr='#2652a2',GradientType=0 ); }
.title2 ul li:hover a{ color: #fff;
background:rgb(67,164,253);background:-moz-linear-gradient(top,rgba(67,164,253,1) 0%,rgba(38,82,162,1) 100%);background:-webkit-linear-gradient(top,rgba(67,164,253,1) 0%,rgba(38,82,162,1) 100%);background:linear-gradient(to bottom,rgba(67,164,253,1) 0%,rgba(38,82,162,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#43a4fd',endColorstr='#2652a2',GradientType=0 ); }
.title2 ul li a{ display: block; padding: 0 18px; font-size: 14px; color: #4f4d4d; line-height: 30px;  border:solid 1px #d4d4d4;}
.title3{ position: relative; padding: 0 0 18px; margin: 0 0 20px; height:37px; border-bottom: solid 1px #d2d2d2; }
.title3:after{ content: ""; position: absolute; left: 0; bottom:2px; width: 100%; height: 1px; background: #d2d2d2; }
.title3 h5{ font-size: 18px; color: #333; line-height: 20px; }
.title3 p{ color: #014e9e; line-height: 20px; }
.title3 p a{ color: #666; }
.title3 p a:hover{ color: #f00; }
.title4{ margin: 20px 0; border-bottom: solid 1px #d7d7d9; font-size: 18px; color: #3e3d3d; line-height: 38px; }
.title5{ margin: 20px 0; line-height: 40px; background: #efefef; }
.title5 span{ display: inline-block; width: 122px; background: #233e85; color: #fff; text-align: center; }

.pictrue1{ position: relative;padding:25px 0 0 307px; min-height:300px; }
.pictrue1 .imgbox{ position: absolute; left: 0; top: 25px; z-index: 1; width: 307px; border:solid 1px #d3c8c8; overflow: hidden;}
.pictrue1:hover .imgbox{ border:solid 1px #ff7e00; }
.pictrue1 .imgbox span{ display: block; height: 274px; }
.pictrue1:hover .imgbox span{ transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1); }
.pictrue1 .textbox{ padding:5px 0 0 50px; }
.pictrue1 .textbox h5{ margin: 0 0 9px; font-size: 18px; color: #000; line-height: 26px; }
.pictrue1 .textbox h5 strong{ font-size: 24px; color: #223d85; }
.pictrue1:hover .textbox h5 strong{color: #ff7e00; }
.pictrue1 .textbox p{ margin: 0 0 34px; height: 144px; color: #666; line-height: 36px; overflow: hidden;}
.pictrue1 .textbox .more{ position: relative; }
.pictrue1 .textbox .more:after{ content: ""; position: absolute; left: 0; top: 50%; z-index: 1; width: 100%; height: 1px; background: #223d85;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.pictrue1 .textbox .more:hover:after{ background: #ff7e00; }
.pictrue1 .textbox .more span{ position: relative; z-index: 2; display: inline-block; width: 88px; line-height: 34px; background: #223d85; font-size: 12px; color: #fff; text-align: center;}
.pictrue1 .textbox .more:hover span{background: #ff7e00; }
.pictrue1 .textbox .more span:after{ content: ""; position: absolute; right: 100%; top: 0; z-index: 1; width: 0; height: 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; border-top:solid 17px transparent;border-bottom:solid 17px transparent;border-right:solid 20px #223d85; }
.pictrue1 .textbox .more:hover span:after{border-right:solid 20px #ff7e00; }
.pictrue2{ display: none; margin: 0 0 12px; padding: 0 5px; }
.pictrue2.active{ display: block; }
.pictrue2-list{ padding: 0 10px; margin: 0 0 20px; }
.pictrue2-list a{ display: block; position: relative; overflow: hidden;}
.pictrue2-list a:after{ content: ""; position: absolute; left: 0; bottom: 100%; z-index: 1; width: 100%; height: 100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;background:-moz-linear-gradient(top,rgba(63,96,186,0.78) 0%,rgba(63,96,186,0.78) 1%,rgba(74,206,226,0.78) 100%);background:-webkit-linear-gradient(top,rgba(63,96,186,0.78) 0%,rgba(63,96,186,0.78) 1%,rgba(74,206,226,0.78) 100%);background:linear-gradient(to bottom,rgba(63,96,186,0.78) 0%,rgba(63,96,186,0.78) 1%,rgba(74,206,226,0.78) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c73f60ba',endColorstr='#c74acee2',GradientType=0 );}
.pictrue2-list a:hover:after{ bottom: 0; }
.pictrue2-list a .imgbox{ overflow: hidden; }
.pictrue2-list a:hover .imgbox .p2imgs{ transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1); }
.pictrue2-list a .imgbox span{ display: block; }
.pictrue2-list a .mb{ position: absolute; left: 0; top:100%; z-index: 2; width: 100%; height:100%; }
.pictrue2-list a:hover .mb{ top: 0; }
.pictrue2-list a .mb .wenzi{ height: 60px; }
.pictrue2-list a .mb h5{ margin: 0 0 20px; font-size: 20px; color: #fff; line-height: 22px; font-weight: bold; }
.pictrue2-list a .mb .more{ margin: 0 10%; padding: 0 10%; border:solid 1px #fff; line-height: 38px; font-size: 13px; color: #fff; background: url(../images/icon/p2_jt.png) no-repeat 90% 50%; }
.pictrue3{position: relative; }
.pictrue3 .item{ position: relative; padding: 0 30px; }
.pictrue3 .item .span7{ display: block; content: ""; position: absolute; left: -30px; z-index: 1; width: 60px; height: 1px; border-bottom: dashed 1px #ccc; }
.pictrue3 .it0 .item .span7{ display: none; } 
.pictrue3 .item a{ position: relative; display: block; overflow: hidden;}
.pictrue3 .item a .imgbox{ position: relative; z-index: 2; margin:0 auto; max-width:150px; overflow: hidden; border-radius: 50%;}
.pictrue3 .item a:hover .imgbox .p3imgs{ transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1); }
.pictrue3 .item a b{ display:block; margin:10px auto; border-radius: 50%; width:32px; line-height:28px; font-size: 15px; color: #fff;}
.pictrue3 .it0 .item a b{ position: relative; background: #3f60ba; border:solid 2px #a8b7df; }
.pictrue3 .it1 .item a b{ position: relative; background: #ff8a00; border:solid 2px #f6b593; }
.pictrue3 .it2 .item a b{ position: relative; background: #fe5443; border:solid 2px #f7a0a5; }
.pictrue3 .it3 .item a b{ position: relative; background: #469748; border:solid 2px #bedead; }
.pictrue3 .it4 .item a b{ position: relative; background: #0bcfd1; border:solid 2px #a7dbdf; }
.pictrue3 .it5 .item a b{ position: relative; background: #3f60ba; border:solid 2px #adbbde; }
.pictrue3 .it6 .item a b{ position: relative; background: #c00000; border:solid 2px #a8b7df; }
.pictrue3 .it7 .item a b{ position: relative; background: #ff00f0; border:solid 2px #f6b593; }
.pictrue3 .it8 .item a b{ position: relative; background: #ff4200; border:solid 2px #f7a0a5; }
.pictrue3 .it9 .item a b{ position: relative; background: #469748; border:solid 2px #bedead; }
.pictrue3 .it10 .item a b{ position: relative; background: #810433; border:solid 2px #a7dbdf; }
.pictrue3 .it11 .item a b{ position: relative; background: #337f00; border:solid 2px #a7dbdf; }
.pictrue3 .item a h5{ margin: 0; font-size: 16px; color: #333; }
.pictrue3 .it0 .item a:hover h5{ color: #3f60ba; }
.pictrue3 .it1 .item a:hover h5{ color: #ff8a00; }
.pictrue3 .it2 .item a:hover h5{ color: #fe5443; }
.pictrue3 .it3 .item a:hover h5{ color: #469748; }
.pictrue3 .it4 .item a:hover h5{ color: #0bcfd1; }
.pictrue3 .it5 .item a:hover h5{ color: #3f60ba; }
.pictrue3 .it6 .item a:hover h5{ color: #c00000; }
.pictrue3 .it7 .item a:hover h5{ color: #ff00f0; }
.pictrue3 .it8 .item a:hover h5{ color: #ff4200; }
.pictrue3 .it9 .item a:hover h5{ color: #0bcfd1; }
.pictrue3 .it10 .item a:hover h5{ color: #810433; }
.pictrue3 .it11 .item a:hover h5{ color: #337f00; }
.pictrue3 .item a .xian{ position: absolute; left: 0;  top: 0; z-index: -1; width: 100%; height: 100%; }
.pictrue3 .item a .xian .span1{position: absolute; left: 0; display: block; z-index: 1; width: 1px; background: #d0d2d8;}
.pictrue3 .item a .xian .span2{position: absolute; right: 0; display: block; z-index: 1; width: 1px; background: #d0d2d8;}
.pictrue3 .item a .xian .span3{position: absolute; left: 0; display: block; z-index: 1; height: 1px; background: #d0d2d8;}
.pictrue3 .item a .xian .span4{position: absolute; right: 0; display: block; z-index: 1; height: 1px; background: #d0d2d8;}
.pictrue3 .item a .xian .span5{position: absolute; left: 0; display: block; z-index: 1; height: 1px; background: #d0d2d8;}
.pictrue3 .item a .xian .span6{position: absolute; right: 0; display: block; z-index: 1; height: 1px; background: #d0d2d8;}
.pictrue3 .item a .xian .span7{position: absolute; left: 0; display: block; z-index: 1; height: 1px; background: #d0d2d8;}
.pictrue3 .item a .xian .span8{position: absolute; right: 0; display: block; z-index: 1; height: 1px; background: #d0d2d8;}
.pictrue3 .item a .xian .span9{position: absolute; left: 0; bottom:43px; display: block; z-index: 1; height: 1px; background: #d0d2d8;}
.pictrue3 .item a .xian .span10{position: absolute; right: 0; bottom:43px; display: block; z-index: 1; height: 1px; background: #d0d2d8;}
.pictrue3 .item a .xian .span11{position: absolute; left: 0; bottom:43px; display: block; z-index: 1; height: 1px; background: #d0d2d8;}
.pictrue4{ padding: 0 6px; }
.pictrue4-list{ padding: 0 9px; margin: 0 0 20px; }
.pictrue4-list a{ display: block; border:solid 1px #e1e1e1; border-radius: 5px; overflow: hidden; }
.pictrue4-list a:hover{border:solid 1px #223d85; }
.pictrue4-list a .imgbox{ position: relative; overflow: hidden; border-radius: 5px 5px 0 0; }
.pictrue4-list a .imgbox:after{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6; content: ""; position: absolute; left:-150%; top: 0; z-index: 1; width: 100%; height: 100%; transform: skew(25deg);-webkit-transform: skew(25deg);-moz-transform: skew(25deg);-o-transform: skew(25deg); background: #fff;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.pictrue4-list a:hover .imgbox:after{ left: -50%; }
.pictrue4-list a:hover .imgbox .p4imgs{ transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1); }
.pictrue4-list a .imgbox span{ display: block; overflow: hidden;}
.pictrue4-list a .imgbox span img{ max-width: 100%; max-height: 100%; }
.pictrue4-list a .textbox{ position: relative; overflow: hidden; }
.pictrue4-list a .textbox:after{ content: ""; position: absolute; left: 0; top:-100%; z-index: 1; width: 100%; height: 100%; background: #223d85; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.pictrue4-list a:hover .textbox:after{ top: 0; }
.pictrue4-list a .textbox h5{ margin: 0; position: relative; z-index: 2; padding: 0 70px 0 15px; font-size: 16px; color: #303030; line-height: 50px; border-radius: 0 0 5px 5px; overflow: hidden; }
.pictrue4-list a:hover .textbox h5{ color: #fff; }
.pictrue4-list a .textbox h5:after{ margin: -14px 0 0; content: ""; position: absolute; right: 8px; top: 50%; z-index: 1; width: 48px; height: 28px; background: url(../images/icon/p4_jt_h.png) no-repeat;background-size: 100% 100%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.pictrue4-list a:hover .textbox h5:after{ background: url(../images/icon/p4_jt_b.png) no-repeat;background-size: 100% 100%; }
.pictrue5{ position: relative; padding: 0 105px 0 0; }
.pictrue5 .item{ padding: 0 25px 0 0; }
.pictrue5 .item a{ display: block; border: solid 1px #c6c6c6; overflow: hidden;}
.pictrue5 .item a:hover{ border:solid 1px #223d85; }
.pictrue5 .item a img{ position: relative; top: -3px; max-width: 80%; max-height: 80%;}
.pictrue6{ padding: 0 5px; }
.pictrue6-list{ padding: 0 10px; margin: 0 0 20px; }
.pictrue6-list a{ display: block; border:solid 1px #d7d7d9; border-radius: 5px; overflow: hidden; }
.pictrue6-list a:hover{ border:solid 1px #223d85;}
.pictrue6-list a:hover .imgbox{ transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1); }
.pictrue6-list a .imgbox span{ display: block; }
.pictrue6-list a .imgbox span img{ max-width: 80%; max-height:90%; }
.pictrue7-list{ margin: 0 0 20px; }
.pictrue7-list a{ display: block; border:solid 1px #d7d7d9;}
.pictrue7-list a:hover{border:solid 1px #223d85;}
.pictrue7-list a .imgbox{ overflow: hidden; }
.pictrue7-list a:hover .imgbox .p7imgs{ transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1); }
.pictrue7-list a .imgbox span{ display: block; }
.pictrue7-list a .textbox h5{ position: relative; line-height: 44px; font-size: 17px; color: #474747; overflow: hidden;}
.pictrue7-list a:hover .textbox h5{ color: #223d85 }
.pictrue7-list a .textbox h5 span{ position: absolute; left: 0; top: 0; z-index: 1; width:35px; height: 100%; background: #223d85; font-size: 24px; color: #fff; font-weight:bold; }
.pictrue7-list a .textbox h5 span:after{content: ""; position: absolute; left:100%; top:0;z-index: 1; width:19px; height:43px; background: url(../images/icon/p7_jt_03.jpg) no-repeat;}
.pictrue8{ position: relative; padding: 0 0 0 370px; min-height: 310px; }
.pictrue8 .left{ position: absolute; left: 0; top: 0; z-index: 1; width: 370px; }
.pictrue8 .left .imgbox{ height: 310px; border:solid 1px #c6c6c6; }
.pictrue8 .right{ padding: 0 0 0 34px; }
.pictrue8 .right .textbox{ min-height: 214px; }
.pictrue8 .right .textbox h5{ margin: 0; color: #333; line-height: 30px; }
.pictrue8 .right .textbox h5 span{ font-size: 18px; color: #223d85; }
.pictrue8 .right .textbox p{ padding: 0 0 0 35px; margin: 10px 0 15px; font-size: 14px; color: #4d4d4d; line-height: 18px; background: url(../images/icon/tel_icon.jpg) no-repeat;}
.pictrue8 .right .textbox h3{ margin: 0 0 10px; font-size: 30px; color: #223d85; font-style:italic; }
.pictrue8 .right .imgbox{ position: relative; padding: 0 25px; }
.pictrue8 .right .imgbox .item{ padding: 0 9px; }
.pictrue8 .right .imgbox .item a{ display: block; border:solid 1px #c6c6c6;}
.pictrue8 .right .imgbox .item a:hover{border:solid 1px #223d85;}

.pictrue-9 ul li:nth-child(n+2){ margin-top: 20px; }
	.pictrue-9 ul li a:hover{ background: #3f9d3f; }
	.pictrue-9 ul li a:hover .imgbox img{ transform: translate(-50%,-50%) scale(1.05); }
	.pictrue-9 ul li a:hover .textbox .time{ color: #333; background: #fff; }
	.pictrue-9 ul li a:hover .textbox .biaoti{ color: #fff; }
	.pictrue-9 ul li a:hover .textbox .jieshao{ color: #fff; }	
.pictrue-9 ul li a{ display: block; padding: 20px 0; background: #ebebeb; }
.pictrue-9 ul li a .imgbox{ position: relative; width: 148px; height: 148px; font-size: 0; background: #fff; }
.pictrue-9 ul li a .imgbox img{ position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%,-50%); max-width: 90%; max-height: 90%; }
.pictrue-9 ul li a .textbox{ padding:15px 45px 0; width: calc(100% - 148px); }
.pictrue-9 ul li a .textbox .time{ margin-bottom: 10px; width: 114px; height: 25px; font-size: 16px;color: #fff; line-height: 25px; background:#3f9d3f; }
.pictrue-9 ul li a .textbox .biaoti{ margin-bottom: 10px; font-size: 18px;color: #333; line-height: 24px; }
.pictrue-9 ul li a .textbox .jieshao{ height:60px; color:rgba(0,0,0,0.67); line-height:30px; overflow: hidden; }

.title-3{ margin-bottom: 20px; font-size: 18px; color: #333; line-height: 24px; }
.title-4{ margin-bottom: 20px; padding-bottom: 15px; border-bottom:dotted 1px #828282; }
.title-4 .biaoti{ margin-bottom: 5px; font-size: 18px; color: #333; line-height: 24px; }
.title-4 .time{ font-size: 16px; color: #9a9a9a; line-height: 24px; }

.more1{ padding: 0 5px; }
.more1-list{ padding: 0 10px; } 
.more1-list span{ position: relative; display: block; height: 23px;
background:rgb(63,96,186);background:-moz-linear-gradient(left,rgba(63,96,186,1) 1%,rgba(151,178,249,1) 100%);background:-webkit-linear-gradient(left,rgba(63,96,186,1) 1%,rgba(151,178,249,1) 100%);background:linear-gradient(to right,rgba(63,96,186,1) 1%,rgba(151,178,249,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f60ba',endColorstr='#97b2f9',GradientType=1 ); }
.more1-list span:after{ margin: -7px 0 0; content: ""; position: absolute; left: 14px; top: 50%; z-index: 1; width: 13px; height: 14px; background: url(../images/icon/p2_jgx_jt_r.png) no-repeat; background-size: 100% 100%; }
.more1-list:first-child span{
background:rgb(229,229,229);background:-moz-linear-gradient(left,rgba(229,229,229,1) 0%,rgba(195,195,195,1) 100%);background:-webkit-linear-gradient(left,rgba(229,229,229,1) 0%,rgba(195,195,195,1) 100%);background:linear-gradient(to right,rgba(229,229,229,1) 0%,rgba(195,195,195,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5',endColorstr='#c3c3c3',GradientType=1 );}
.more1-list:first-child span:after{ left: inherit; right: 14px; background: url(../images/icon/p2_jgx_jt_l.png) no-repeat; background-size: 100% 100%; }
.more2 a{ display: inline-block; margin: 18px 0 0; padding: 0 36px; line-height: 32px; border:solid 1px #3f60ba; border-radius: 5px; color: #3f60ba; }
.more2 a:hover{ color: #fff; background: #3f60ba; }

.text1{color: #4a4a4a; line-height: 34px; }
.text1 h3{ margin: 0; font-size: 24px; color: #1d1d1d; font-weight:bold; line-height: 30px; }
.text1 img{ margin: 0 0 40px; }
.text1 p{ margin:10px 0 10px;color: #4a4a4a; line-height: 24px; }
.text2{ color: #575757; line-height: 24px; }
.text2 p{ position: relative; padding: 0 0 0 10px; min-height: 24px; margin: 0 0 30px; }
.text2 p span{ position: absolute; left: 0; top: 0; z-index: 1; width: 90px; }

.contact1 h1{ font-size:14px; color:#d1d1d3; line-height:30px;}
.contact1 .h5{ height:144px; overflow:hidden;}
.contact1 .h5 p{ margin:0 !important; color:#a8a8a8; height: 150px; overflow: hidden; line-height:30px; text-indent:2em;}
.contact1 nav{ position: relative; padding: 0 190px 0 0; min-height: 150px; }
.contact1 nav .ewm{ position: absolute; right: 0; top: 0; z-index: 1; width: 190px; }
.contact1 nav .ewm .imgbox{ width: 154px; }
.contact1 nav .ewm .textbox{ width: 16px; color: #a8a8a8; line-height: 16px; }
.contact1 .detailed{ height:150px; overflow:hidden;}
.contact1 .detailed li{height:30px;color:#a8a8a8; line-height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.contact1 .detailed li b{ margin:0 10px 0 0; line-height:30px; color: #3f60ba;}
.contact1 label{ padding-top:0 !important; text-align:left !important; color:#666; height:34px; line-height:34px; font-weight:normal;}
.contact1 input{ background:#fff; border:dashed 1px #aaa;border-radius: 0;}
.contact1 textarea{ max-width:100%; background:#fff; border:dashed 1px #aaa; border-radius: 0;}
.contact1 button{ width:134px; height:30px; color:#fff; background:#343434; margin: 10px 0 0; border:none; border-radius: 0;}
.contact1 button:hover{ background:#ff7e00;}

.message1{ padding:30px; border:solid 1px #ededed; }
.message1 .hang{ position: relative; margin: 35px 0 0; padding: 0 0 0 100px;min-height: 40px; }
.message1 .hang:first-child{ margin: 0; }
.message1 .hang span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100px; line-height:40px; font-size: 16px; color: #1f1f1f; }
.message1 .hang input{ padding: 0 10px; width: 100%; height: 40px; border:solid 1px #dfdfdf; font-size: 16px; color: #333; }
.message1 .hang textarea{ padding: 0 10px; max-width: 100%; min-width: 100%; width: 100%; height: 198px; line-height: 40px; border:solid 1px #dfdfdf; font-size: 16px; color: #333; }
.message1 .hang button{ width: 130px; font-size: 18px; color: #313131; line-height: 40px; background: #d1d1d1; border: none; }
.message1 .hang button:hover{ background: #ff0000 !important; color: #fff;}
.message1 .hang button:first-child{ margin: 0 40px 0 0; color: #fff; background:#223d85; }
.message1 .hang input:hover,.message1 .hang textarea:hover{ border:solid 1px #223d85; }

.subnav ol{background:#223d85;}
.subnav ol b{ margin:0 10px; color:#fff; line-height:35px;}
.subnav ol h1{ font-size:16px; color:#fff; line-height:35px;}
.subnav ol small{ margin:0 0 0 10px; color:#fff; line-height:35px;}
.subnav .contact-text{background: #f4f4f4; border:solid 1px #d9d9d9;}
.subnav .contact-text p{ padding:5px; font-size:13px; color:#6a6a6a; line-height:22px;  }
.subnav .contact-text .imgbox{ background: #fff; border-top:solid 1px #cfcfcf;}
.subnav .contact-text .imgbox img{ display: block; margin:0 auto; padding: 20px 0; }
.subnav .pcdnav a,.subnav .yddnav a{ display:block;}
.subnav .pcdnav .xl,.subnav .yddnav .xl,.subnav .yddnav .xlxl{ display:none;}
.subnav .pcdnav{ margin:0 0 20px;}
.subnav .pcdnav li{ margin:2px 0 0 0;}
.subnav .pcdnav li a{ position: relative; padding: 0 0 0 85px; font-size:14px; color:#8b8b8b; line-height:35px; background:#e9e9e9;}
.subnav .pcdnav li:hover a{ color: #223d85 }
.subnav .pcdnav li a:after{ margin: -7px 0 0; content: ""; position: absolute; left: 47px; top: 50%; z-index: 1; width: 15px; height: 15px; background: url(../images/icon/subnavicon_06.png) no-repeat; }
.subnav .pcdnav li:hover a:after{ background: url(../images/icon/subnavicon_03.png) no-repeat;}
.subnav .pcdnav .xlxl{ margin:2px 0 0 0;}
.subnav .pcdnav .xlxl a{  padding: 0 0 0 85px; font-size:12px; color:#999; line-height:35px;background:#f4f4f4;}

footer{ padding:20px 0; background: #191919;}
footer nav ul{ font-size: 0; }
footer nav ul li{ display: inline-block; vertical-align: top; margin: 0 0 10px; }
footer nav ul li a{ padding: 0 24px; display: block; font-size: 14px; height: 14px; line-height: 14px; color: #fff; border-left:solid 1px #fff; }
footer nav ul li a:hover{ color: #ff0000 }
footer nav ul li.li0 a{ border:none; }
footer p{ font-size: 12px; color: #6d6d6d; line-height:24px; }
footer p a{color: #6d6d6d;}
footer p a:hover{color: #ff7e00;}

@media (max-width:991px){
	.main{ padding: 20px 0; }
	.main2{ padding: 20px 0 0; }
	.main-Background-2{ margin: 77px 0 0; }
	header{ position: relative; padding: 0 70px 0 0; background: #1d3573; }
	header:after{ content: ""; position: absolute; right: 0; top: 0; z-index: 1; width:0; height: 100%; background: #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;}
	header.active:after{ width: 80%; }
	header .logo{ line-height:80px;}
	header .logo img{ width:280px;}
	header .sjdnavbox{ position: absolute; top: 0; right: 0; z-index:9; width:0; height: 1000px;overflow: hidden;}
	header .sjdnav{padding:80px 0 30px;width:256px;position:absolute;right:-80%;top:0;z-index:5; background: #fff;}
	header .sjdnav li a{ position: relative; display:block; padding:0 30px; font-size: 16px; color:#555; line-height:50px;border-bottom: solid 1px #cfcfcf; }
	header .sjdnav li a:after{ margin: -4px 0 0; content: ""; position: absolute; left:11px; top: 50%; z-index: 1; width:8px; height:8px; border:solid 1px #595959; border-radius: 50%; }
	header .sjdnav li.active a{ color: #fff; background:#223d85;border-bottom: solid 1px #223d85; }
	header .sjdnav li.active a:after{ background: #fff; border-bottom: solid 1px #fff; }
	header .sjdnav .xlbox{ display: none; background: #eeeeed; }
	header .sjdnav .xlbox .xlli a{ display: block; position: relative; padding: 0 30px; font-size: 16px; color: #555; line-height: 50px; }
	header .sjdnav .xlbox .xlli a:after{ margin: -4px 0 0; content: ""; position: absolute; left: 11px; top: 50%; z-index: 1; width: 9px; height: 8px; background: url(../images/icon/yddnav_jt_02.png) no-repeat;}
	header .ydd_btn{transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s; position: absolute; right: 15px; top: 50%; z-index: 9; 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:#fff;}
	header .ydd_btn span.span02{margin:4px 0;}
	header .ydd_btn.click{ right: 196px; background:none;}
	header .ydd_btn.click span{ background:#9c9c9c;}
	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;}
	.title2:after{ display: none; }
	.more1-list span{ height:34px; }
	.more1-list span:after{ margin: -12px 0 0; width:20px; height:24px; }
	.pictrue1 .textbox{ padding: 5px 0 0 20px; }
	.pictrue2{ margin: 0; }
	.pictrue2-list a:after{ display: none; }
	.pictrue5{ padding: 75px 0 0; }
	.pictrue5 .item{ padding:0 13px; }
	.pictrue8{ padding: 0; min-height: inherit; }
	.pictrue8 .left{ position: inherit; left: inherit; top: inherit; width: 100%; margin: 0 0 20px;  }
	.pictrue8 .left .imgbox{ height: inherit; background: none !important;border:none; text-align: center;}
	.pictrue8 .left .imgbox img{ max-width: 100%; border:solid 1px #c6c6c6; }
	.pictrue8 .right{ padding: 0; }

	.pictrue-9 ul li a:hover{ background: #3f9d3f; }
	.pictrue-9 ul li a:hover .imgbox img{ transform: translate(-50%,-50%) scale(1.05); }
	.pictrue-9 ul li a:hover .textbox .time{ color: #333; background: #fff; }
	.pictrue-9 ul li a:hover .textbox .biaoti{ color: #fff; }
	.pictrue-9 ul li a:hover .textbox .jieshao{ color: #fff; }	

	.contact1 .h5{ height: inherit; }
	.contact1 .h5 p{ height: inherit; }
	.subnav{ margin: 0 0 20px; }
	.subnav .pcdnav{ margin: 0; }
	.subnav ol h1{ padding: 0 15px; position: relative; width: 100%;}
	.subnav ol h1:after{ margin: -10px 0 0; content: ""; position: absolute; right: 15px; top: 50%; z-index: 1; width:10px; height:20px; background:url(../images/icon/subnav_jt2.png) no-repeat; background-size: 100% 100%;  }
	.subnav ol h1 span{ display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; }

	.text-4{ padding: 0 30px; }
}


@media (max-width:767px){
	body{ padding-bottom:50px;}	
	.hot{height:50px; background:#223d85; position:fixed; bottom:0; left:0; z-index:99;}
	.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;}
	.hot .row div:hover{ background:#0f1d42;}	
	header .logo{ line-height:60px;}
	header .logo img{ width:200px;}
	header .sjdnav{ padding: 60px 0 30px;}
	header .sjdnav li a{ font-size: 12px; line-height:40px; }
	header .sjdnav .xlbox .xlli a{ font-size: 12px; line-height:40px; }
	header .ydd_btn{padding:10px;}
	.banner #myCarousel .carousel-indicators{ bottom: 5px; }
	.banner #myCarousel .carousel-indicators li{ margin: 0 3px; width: 10px; height: 10px; }
	.title1{ padding:0 0 10px;}
	.title1 a h2{ font-size: 18px; line-height: 24px; }
	.title1 a small{ margin: 5px 0 0; }
	.title2{ margin: 0 0 20px; }
	.title2 ul li{ float: left; width: 25%; margin: 0 0 10px -1px; }
	.title2 ul li a{ padding: 0 10px; font-size: 12px; }
	.title4{ font-size: 14px;line-height:24px; }
	.title5{ line-height: 34px; }
	.title5 span{ width: 100px; font-size: 12px; }
	.more2 a{ margin: 0; }
	.text1{ font-size: 12px; line-height: 24px; }
	.text1 h3{font-size:16px;line-height:20px; }
	.text1 img{ margin: 0 0 20px; }
	.text1 p{ margin:10px 0 10px; font-size: 12px; line-height: 22px; }
	.text2{ font-size: 12px; }
	.text2 p{ margin: 0 0 20px; padding: 0 0 0 80px; }
	.text2 p span{ width: 80px; }
	.contact1 .form-group{ margin-bottom:5px;}
	.contact1 h1{ margin: 0 0 10px; }
	.contact1 .h5 p{ font-size: 12px; }
	.contact1 .detailed li{ font-size: 12px; }
	.contact1 label{ margin-bottom:0;}
	.contact1 button{ margin:5px 0 0 0; border-radius:5px; height:40px;}
	.contact1 nav{ padding: 0 164px 0 0; }
	.contact1 nav .ewm{ width: 154px; }
	.pictrue1{ padding:0 0 0 120px; min-height:110px;}
	.pictrue1 .imgbox{ top: 0; width: 120px; }
	.pictrue1 .imgbox span{ height: 110px; }
	.pictrue1 .textbox{ padding:0 0 0 15px; }
	.pictrue1 .textbox h5{ margin: 0; font-size: 14px; line-height: 24px;}
	.pictrue1 .textbox h5 strong{ font-size: 16px; }
	.pictrue1 .textbox p{ margin: 0 0 10px; font-size: 12px; line-height: 24px; height: 48px; }
	.pictrue1 .textbox .more span{ line-height: 24px; }
	.pictrue1 .textbox .more span:after{border-top:solid 12px transparent;border-bottom:solid 12px transparent;border-right:solid 10px #223d85;}
	.pictrue1 .textbox .more:hover span:after{border-right:solid 10px #ff7e00; }
	.pictrue3 .item{ padding: 0 15px; }
	.pictrue3 .item a .imgbox{ max-width: 80%; }
	.pictrue4-list a .textbox h5{ font-size: 14px; line-height: 34px;}
	.pictrue4-list a .textbox h5:after{ margin: -9px 0 0; width: 38px; height: 18px; }
	.pictrue5 .item{ padding: 0 5px; }
	.pictrue7-list a .textbox h5{ font-size: 14px; line-height: 34px; }
	.pictrue7-list a .textbox h5 span{ display: none; }
	.message1{ padding: 15px; }
	.message1 .hang{ margin: 20px 0 0; padding: 0 0 0 80px; min-height: 34px; }
	.message1 .hang span{ width: 80px; font-size: 12px; line-height: 34px; }
	.message1 .hang input{ height: 34px; }
	.message1 .hang textarea{ line-height: 34px; height: 100px; }
	.message1 .hang button{ width:80px; line-height: 34px; height: 34px; font-size: 12px; }
	.message1 .hang button:first-child{ margin: 0 10px 0 0; }
	footer p{ font-size: 12px; }
	footer nav ul li a{ padding: 0 10px; font-size: 12px; height: 12px; line-height: 12px;}
	.pictrue-9 ul li a .imgbox{ width: 120px; height: 120px; }
	.pictrue-9 ul li a .textbox{ padding:10px 10px 0; width: calc(100% - 120px); }
	.pictrue-9 ul li a .textbox .time{ margin-bottom: 5px; width: 80px;height: 20px; line-height: 20px; }
	.pictrue-9 ul li a .textbox .biaoti{ margin-bottom: 5px; }
	.title-4 .biaoti{ font-size: 16px; }
	.title-4 .time{ font-size: 12px; }
 }

@media (max-width:640px){
	.contact1 .detailed{ height: inherit; }
	.contact1 nav{ padding: 0; }
	.contact1 nav .ewm{ position: inherit; top: inherit; right: inherit; margin: 10px 0 0; width: 100%; }	
	.contact1 nav .ewm .imgbox{ width: 120px; }
	.pictrue-9 ul li a .imgbox{ width: 120px; height: 120px; }
	.pictrue-9 ul li a .textbox{ padding:10px 10px 0; width: calc(100% - 120px); }
	.pictrue-9 ul li a .textbox .time{ margin-bottom: 5px; width: 100px;height: 20px; line-height: 20px; }
	.pictrue-9 ul li a .textbox .biaoti{ margin-bottom: 5px; }
}

@media (max-width:340px){
	.main-Background-2{ margin: 57px 0 0; }
	.title2 ul li{width: 50%; margin: 0 0 5px -1px; }
	.more1-list span{ height: 30px; }
	.more1-list span:after{ margin: -12px 0 0; width: 20px; height:24px; }
	.pictrue5{ padding: 55px 0 0; }
	.pictrue4-list a .textbox h5{ padding: 0 15px; text-align: center; }
	.pictrue4-list a .textbox h5:after{ display: none; }
	.pictrue-9 ul li a .imgbox{ width: 120px; height: 120px; }
	.pictrue-9 ul li a .textbox{ padding:10px 10px 0; width: calc(100% - 120px); }
	.pictrue-9 ul li a .textbox .time{ margin-bottom: 5px; width: 80px;height: 20px; line-height: 20px; }
	.pictrue-9 ul li a .textbox .biaoti{ margin-bottom: 5px; }
 }