@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* project id 1714933 */
  src: url('//at.alicdn.com/t/font_1714933_yq7y26k5ayd.eot');
  src: url('//at.alicdn.com/t/font_1714933_yq7y26k5ayd.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1714933_yq7y26k5ayd.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1714933_yq7y26k5ayd.woff') format('woff'),
  url('//at.alicdn.com/t/font_1714933_yq7y26k5ayd.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1714933_yq7y26k5ayd.svg#iconfont') format('svg');
}
@font-face {
  font-family: 'Bahnschrift'; 
  src: url('../fonts/bahnschrift.eot');
  src: url('../fonts/bahnschrift.eot?#iefix') format('embedded-opentype'),
  url('../fonts/bahnschrift.woff2') format('woff2'),
  url('../fonts/bahnschrift.woff') format('woff'),
  url('../fonts/bahnschrift.ttf') format('truetype'),
  url('../fonts/bahnschrift.svg#iconfont') format('svg');
}
@font-face {
  font-family: 'BRITANIC'; 
  src: url('../fonts/BRITANIC.eot');
  src: url('../fonts/BRITANIC.eot?#iefix') format('embedded-opentype'),
  url('../fonts/BRITANIC.woff2') format('woff2'),
  url('../fonts/BRITANIC.woff') format('woff'),
  url('../fonts/BRITANIC.ttf') format('truetype'),
  url('../fonts/BRITANIC.svg#iconfont') format('svg');
}

body{ font-family:'Arial'; background-color:#fff;  overflow-x:hidden;}
a{ color:#333; text-decoration:none; outline: medium none;}
a:link,a:visited{text-decoration: none;}
a:hover{text-decoration:none;color:#002870;}
img,li{ vertical-align:top; border:0px}
img{ max-width:100%;}
.clear {clear: both;}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.container{ margin: 0px auto; clear: both;}
*{margin:0px;padding:0px;}
ul{ list-style-type:none;}
b{ font-weight: inherit; font-weight: normal; color: #362f2f;}
ul,li,h5,dt,dd,img{margin:0px;padding:0px;}
html,body,b,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td {margin:0px auto;padding:0;}
body,td,th{ font-family:'Arial';font-size:12px;}
input{font-family:'Arial'; border:0; outline:medium;}
@media (min-width:1px) and  (max-width:1199px){
	.container{ margin-left: 15px; margin-right: 15px;}
}

/*region 头部*/
.header{  height: auto; padding: 0 60px;}
.fis_show{ position: fixed; left: 0px; top: 0px; right: 0px; z-index: 99; background: rgba(255,255,255,0.9);}

/*Logo*/
.header>.container>.logo{ width: 138px; float: left; height: auto; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.header>.container>.logo>a>img{ height: 120px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.fis_show>.container>.logo>a>img{ height: 90px}

/*导航*/
.header>.container>.jdmenu{ width: calc(100% - 198px); float: right; height: auto; text-align: left; font-family: 'Bahnschrift'; }
.header>.container>.jdmenu>ul{ display: inline-block;}
@media (min-width:992px){
.header>.container>.jdmenu>ul>li:nth-child(1){ display: none;}
}

.header>.container>.jdmenu>ul>li{ display: inline-block; position: relative; z-index: 9;}
.header>.container>.jdmenu>ul>li>a{ display: block; font-size: 24px; color: #333333; padding: 50px 20px 17px 20px; position: relative; padding-bottom: 10px;}
.header>.container>.jdmenu>ul>li>a:after{ content: ""; position: absolute; left: 10%; right: 10%; bottom: 0px; border-bottom: 3px solid #bd0000; opacity: 0; z-index: -1}
.header>.container>.jdmenu>ul>li:hover>a:after{ opacity: 1;}
.header>.container>.jdmenu>ul>li.active>a:after{ opacity: 1;}
/*二级导航*/
.header>.container>.jdmenu>ul>li>ul{ width: 230px; float: left; height: auto; position: absolute; left: 0px; top: 84px; right: 0px; background: #000; padding: 15px; display: none; z-index: 100;}
.header>.container>.jdmenu>ul>li>ul>li{ width: 100%; float: left; position: relative; text-align: left; margin-bottom: 10px; padding-right: 15px;}
.header>.container>.jdmenu>ul>li>ul>li>a{ font-size: 14px; color: #fff; line-height: 30px; padding-left: 15px; text-transform: capitalize;}
.header>.container>.jdmenu>ul>li>ul>li:after{ content: ""; position:absolute; left:0px; top:7px; bottom:0; z-index:10; width:0; height:0; border-width:5px 5px; border-style:solid; border-color:transparent transparent transparent #bd0000;/*灰 透明 透明 */ opacity: 0;}
.header>.container>.jdmenu>ul>li>ul>li:hover a{ color: #bd0000;}
.header>.container>.jdmenu>ul>li>ul>li:hover:after{ opacity: 1;}
.header>.container>.jdmenu>.searchfor{ display: inline-block; float: right; padding-top: 40px; cursor: pointer;}
.header>.container>.jdmenu>.searchfor>i.iconfont{ font-size: 30px;}
.fis_show>.container>.jdmenu>.searchfor{ padding-top: 15px;}


.fis_show{ position: fixed!important; z-index: 99; left: 0px; right: 0px; top: 0px; width: 100%;}
.fis_show .logo img{ height: 60px!important;}
.fis_show .jdmenu>ul>li>a{ padding: 18px 20px 10px 20px!important;}
.fis_show .jdmenu>ul>li>ul{ top: 60px!important;}

/*手机导航*/
.header>.container>.menu_btn{ width: 28px; height: 30px; float: right; margin-top: 30px; cursor: pointer; position: relative; display: none;}
.header>.container>.menu_btn>.menu_btn_top{ position:absolute; top:5px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#1f1f1f; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
.header>.container>.menu_btn>.menu_btn_med{ position:absolute; top:15px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#1f1f1f; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
.header>.container>.menu_btn>.menu_btn_bot{ position:absolute; top:25px; left:50%; width:28px; height:3px; border-radius:1.5px; background-color:#1f1f1f; -webkit-transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);}
.header>.container>.menu_btn[type=close]>.menu_btn_top{ top:50%; background:#1f1f1f; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);}
.header>.container>.menu_btn[type=close]>.menu_btn_med{ top:50%; background:#1f1f1f; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);}
.header>.container>.menu_btn[type=close]>.menu_btn_bot{ top:50%; background:#1f1f1f; -webkit-transform:translate(-50%,-50%) rotate(45deg); -moz-transform:translate(-50%,-50%) rotate(45deg); -o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);}

/*搜索框*/
.search-alert{ position: fixed;top: 0;left: 0;width: 100%;background-color: #222222;height: 100%;z-index: 1001;display: none;}
.search-alert .close {background: rgba(0, 0, 0, 0) url("../images/ico_37.png") no-repeat scroll center center;cursor: pointer;display: block;height: 18px; position: absolute;right: 2.6%;top: 38px;transition: transform 0.3s ease 0s;-moz-transition: transform 0.3s ease 0s;-webkit-transition: transform 0.3s ease 0s;-o-transition: transform 0.3s ease 0s;width: 18px;opacity:1;}
.search-alert .close:hover{ -webkit-transform: rotate(90deg); -moz-transform:rotate(90deg); -o-transform: rotate(90deg); }
.search-alert .cent-form{ position:absolute;top:50%; left: 50%; width: 80%; transform: translate(-50%,-50%); font-size: 40px;}
.search-alert .cent-form form{ width: 100%; padding: 10px 0; float: left; border: 1px solid #ccc; border-left: 0px; border-right: 0px;}
.search-alert .cent-form input{ width: 90%; float: left; height: 40px; line-height: 40px; background: none; border: 0; color: #fff; text-align: center;}
.search-alert .cent-form button{ width: 10%; float: left; height: 40px; line-height: 40px; background: none; border: 0; color: #fff; cursor: pointer; outline: medium;}

@media (min-width:992px) and  (max-width:1199px){
    .header{ padding: 0px 30px; width: calc(100% - 60px);}
	.header>.container>.jdmenu>#jdmenu>li>a{ padding: 50px 8px 17px 8px;}
    .fis_show .jdmenu>ul>li>a{ padding: 18px 8px 10px 8px!important;}
}
@media (min-width:1px) and  (max-width:991px){
    .header{ padding: 0px; width: 100%;}
    .header>.container>.logo{ width: 50%;}
    .header>.container>.logo>a>img{ height: 90px;}
    .fis_show>.container>.logo>a>img{ height: 60px}
    .fis_show>.container>.menu_btn{ margin-top: 15px;}
    .header>.container>.menu_btn{ display: block;}
	.header>.container>.jdmenu{ width: 220px; position: fixed; left: -220px; top: 0px; bottom: 0px; background: #1f838d; z-index: 99; overflow-x:hidden;overflow-y:auto;transition:all .5s ease; padding-bottom: 50px;}
    .header>.container>.jdmenu>#jdmenu{ display: block; padding: 0px; text-align: left;}
    .header>.container>.jdmenu>#jdmenu>li{ width: calc(100% - 20px); float: left; height: auto; vertical-align:top;  margin-bottom: 15px;}
    .header>.container>.jdmenu>#jdmenu>li:nth-child(1){ width: 100%; background: #ffff; padding: 0; margin-bottom: 10px; text-align: center;}
    .header>.container>.jdmenu>#jdmenu>li:nth-child(1)>a{ padding: 0;}
    .header>.container>.jdmenu>#jdmenu>li:nth-child(1)>a>img{ height: 90px;}
    .header>.container>.jdmenu>#jdmenu>li>a:after{ display: none;}
    .header>.container>.jdmenu>#jdmenu>li>a{ color: #f5f5f5; font-size: 16px; padding: 0px 20px 0px 20px!important; font-weight: bold;}
    .header>.container>.jdmenu>#jdmenu>li>ul{ width: calc(100% - 15px); position: inherit; float: inherit; padding: 10px 0px 0px 15px!important; display: block; top: auto!important; background: none;}
    .header>.container>.jdmenu>#jdmenu>li>ul>li{ width: 100%; min-width: inherit; height: auto; line-height: 30px; background: none; text-align: left; margin: 0px;}
    .header>.container>.jdmenu>#jdmenu>li>ul>li>a{ color: #fff; font-size: 14px;}
    .header>.container>.jdmenu>.searchfor{ float: left; padding-left: 15px; padding-top: 0px;}

}
/*endregion*/

/*region*/
.bframe{  height: auto; position: relative;}
.bframe img{ width: 100%;}
/*flexslider*/
.bframe .flexslider{position:relative;height:auto;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.bframe .slides{  position:relative;z-index:1; width:100%;}
.bframe .slides li{height:auto; width:100%;background-position:center top; background-repeat:repeat-x;}
.bframe .slides li img{ width:100%;}
.bframe .flex-control-nav{position:absolute;bottom:0px;z-index:2;width:100%;text-align:center; margin-bottom:0px; padding:9.5px 0;}
.bframe .flex-control-nav li{display:inline-block; width:16px;height:15px;margin:0 5px;*display:inline;zoom:1;}
.bframe .flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:40px; overflow:hidden; background: #fff; border-radius: 50%; cursor:pointer; opacity: 0.5;}
.bframe .flex-control-nav .flex-active{ opacity: 1;} 
.bframe .flex-direction-nav{position:absolute;z-index:88;width:100%;top:45%;}
.bframe .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.bframe .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/iprev.png) center center no-repeat; display:none;}
.bframe .flex-direction-nav li a.flex-next{right:40px;background:url(../images/inext.png) center center no-repeat; display:none;}

/*endregion*/

/*region*/
.divframe{ width: 100%; float: left; height: auto; }
.divframe>.container{position: relative; overflow: hidden;}
.divframe>.container>h3{ text-align: center; font-size: 38px; font-family: 'BRITANIC'; font-weight: bold; text-transform: uppercase; padding: 60px 0px;}
.divframe>.container>.ipto{ width: calc(33.33% - 14px); float: left; height: auto; position: relative; margin-right: 20px; overflow: hidden;}
.divframe>.container>.ipto>a>.ipti{ display: block;}
.divframe>.container>.ipto>a>.ipti>img{ width: 100%; opacity:.7; -webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.divframe>.container>.ipto>a>.iptz{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.6);}
.divframe>.container>.ipto>a>.iptz>b{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%); color: #fff; font-weight: bold; font-family: 'BRITANIC'; font-size: 38px; text-transform: uppercase; padding-bottom: 30px;}
.divframe>.container>.ipto>a>.iptz>b:before{ content: ""; position: absolute; left: -15px; bottom: 0px; right: -15px; height: 1px; border-bottom: 2px solid #fff;}
.divframe>.container>.ipto:hover>a>.ipti>img{ opacity:1; -webkit-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
.divframe>.container>.ipto:nth-child(3){ float: right; margin-right: 0px;}

.divframe>.container>.cont{ width: calc(33.33% - 10px); float: left; height: auto; position: relative; overflow: hidden; background: url("../images/1_03.jpg") no-repeat center center / cover;}
.divframe>.container>.cont>.flexspro{position:relative;height:auto;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.divframe>.container>.cont>.flexspro>.slides{  position:relative;z-index:1; width:100%;}
.divframe>.container>.cont>.flexspro>.slides>li{height:auto; width:100%;background-position:center top; background-repeat:repeat-x;}
.divframe>.container>.cont>.flexspro>.slides>li>.ipto{ width: calc(100% - 80px); float: left; height: calc(100% - 80px); background: #fff; margin: 40px; padding: 77px 0;}
.divframe>.container>.cont>.flexspro>.slides>li>.ipto>a>.ipti{ display: block; text-align: center; height: 210px;}
.divframe>.container>.cont>.flexspro>.slides>li>.ipto>a>.ipti>img{ width: auto; height: 100%;}
.divframe>.container>.cont>.flexspro>.slides>li>.ipto>a>.iptz{  display: block; text-align: center;}
.divframe>.container>.cont>.flexspro>.slides>li>.ipto>a>.iptz>span{ width: 15px; height: 15px; display: inline-block; margin: 5px; border-radius: 50%; background: #333; border: 1px solid #ccc;}
.divframe>.container>.cont>.flexspro>.slides>li>.ipto>a>.iptz>b{ width: 100%; float: left; height: auto; font-size: 16px; color: #333; margin-top: 10px;}
.divframe>.container>.cont>.flexspro>.slides>li>.ipto>a>.iptz>p{ display: block; font-family: 'BRITANIC'; font-weight: bold; font-size: 38px; padding-top: 90px; color: #333}
@media (min-width:992px) and  (max-width:1906px){
.divframe>.container>.cont>.flexspro>.slides>li>.ipto{ padding: 5% 0;}
}
@media (min-width:992px) and  (max-width:1400px){
.divframe>.container>.cont>.flexspro>.slides>li>.ipto>a>.ipti{ height: 130px;}
}
@media (min-width:1px) and  (max-width:991px){
.divframe>.container>h3{ padding: 30px 0; font-size: 28px;}
.divframe>.container>.ipto{ width: calc(50% - 14px); float: left;}
.divframe>.container>.cont>.flexspro>.slides>li>.ipto>a>.ipti{ height: 130px;}
.divframe>.container>.ipto>a>.iptz>b{ font-size: 18px;}
.divframe>.container>.cont{ width: 100%;}
.divframe>.container>.cont>.flexspro>.slides>li>.ipto{ width: calc(100% - 40px); margin: 20px; padding: 40px 0;}
.divframe>.container>.cont>.flexspro>.slides>li>.ipto>a>.iptz>p{ font-size: 28px; padding-top: 45px;}
}
/*endregion*/

/*region*/
.divframe1{ width: 100%; float: left; height: auto;}
.divframe1>.container>h3{ text-align: center; font-size: 38px; font-family: 'BRITANIC'; font-weight: bold; text-transform: uppercase; padding: 60px 0px;}
.divframe1>.container>.cont{ width: 100%; float: left; height: auto;}
.divframe1>.container>.cont>.ipto{ width: calc(25% - 0px); float: left; height: auto; background: #fff; padding: 30px; border-right:1px solid #e7e7e7; margin-bottom: 30px;}
.divframe1>.container>.cont>.ipto>a>.ipti{ display: block; text-align: center;}
.divframe1>.container>.cont>.ipto>a>.iptz{  display: block; text-align: center;}
.divframe1>.container>.cont>.ipto>a>.iptz>span{ width: 15px; height: 15px; display: inline-block; margin: 5px; border-radius: 50%; background: #333; border: 1px solid #ccc;}
.divframe1>.container>.cont>.ipto>a>.iptz>b{ width: 100%; float: left; height: auto; font-size: 16px; color: #333; margin-top: 10px;}
.divframe1>.container>.cont>.ipto:nth-child(4n){ margin-right: 0px;}
.divframe1>.container>.cont>.ipto:nth-child(4n+1){ clear: both;}

@media (min-width:1px) and  (max-width:991px){
.divframe1>.container>h3{ padding: 30px 0; font-size: 28px}
.divframe1>.container>.cont>.ipto{ width: calc(50% - 0px); padding: 15px;}
.divframe1>.container>.cont>.ipto:nth-child(2n){ margin-right: 0px;}
.divframe1>.container>.cont>.ipto:nth-child(2n+1){ clear: both;}
.divframe1>.container>.cont>.ipto>a>.iptz>b{ font-size: 12px;}
}
/*endregion*/

/*region*/
.divframe2{ width: 100%; float: left; height: auto; }
.divframe2>.container{position: relative; overflow: hidden;}
.divframe2>.container>.ipto{ width: calc(33.33% - 14px); float: left; height: auto; position: relative; margin-right: 20px; overflow: hidden;}
.divframe2>.container>.ipto>a>.ipti{ display: block;}
.divframe2>.container>.ipto>a>.ipti>img{ width: 100%; opacity:.7; -webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.divframe2>.container>.ipto>a>.iptz{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.6);}
.divframe2>.container>.ipto>a>.iptz>b{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%); color: #fff; font-weight: bold; font-family: 'BRITANIC'; font-size: 37px; text-transform: uppercase; padding-bottom: 30px;}
.divframe2>.container>.ipto>a>.iptz>b:before{ content: ""; position: absolute; left: -15px; bottom: 0px; right: -15px; height: 1px; border-bottom: 2px solid #fff;}
.divframe2>.container>.ipto:hover>a>.ipti>img{ opacity:1; -webkit-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
.divframe2>.container>.ipto:last-child{ margin-right: 0px;}
@media (min-width:1px) and  (max-width:991px){
.divframe2>.container>.ipto{ width: calc(100%); margin-bottom: 10px;}
.divframe2>.container>.ipto:nth-child(2n){ margin-right: 0px; }
.divframe2>.container>.ipto>a>.iptz>b{ font-size: 18px;}
}
/*endregion*/

/*region*/
.divframe3{ width: 100%; float: left; height: auto;}
.divframe3>.container>h3{ text-align: center; font-size: 38px; font-family: 'BRITANIC'; font-weight: bold; text-transform: uppercase; padding: 60px 0px;}
.divframe3>.container>.cont{ width: 100%; float: left; height: auto;}
.divframe3>.container>.cont>.ipto{ width: calc(33.33% - 20px); float: left; height: auto; background: url("../images/1_07.jpg") no-repeat top center/ cover; padding-top: 220px; margin-right: 30px; padding-bottom: 40px;}
.divframe3>.container>.cont>.ipto>a>.ipti{ display: block; text-align: center; height: 210px;}
.divframe3>.container>.cont>.ipto>a>.ipti>img{ width: auto; height: 100%;}
.divframe3>.container>.cont>.ipto>a>.iptz{  display: block; text-align: center; height: 155px;}
.divframe3>.container>.cont>.ipto>a>.iptz>span{ width: 15px; height: 15px; display: inline-block; margin: 5px; border-radius: 50%; background: #333; border: 1px solid #ccc;}
.divframe3>.container>.cont>.ipto>a>.iptz>b{ width: 100%; float: left; height: auto; font-size: 16px; color: #333; margin-top: 10px; margin-bottom: 80px;}
.divframe3>.container>.cont>.ipto:nth-child(3){ margin-right: 0px;}

@media (min-width:1px) and  (max-width:991px){
.divframe3>.container>h3{ font-size: 28px; padding: 30px 0;}
.divframe3>.container>.cont>.ipto{ width: 100%; padding-top: 150px; padding-bottom: 20px; margin-bottom: 30px;}
.divframe3>.container>.cont>.ipto>a>.ipti{ height: 150px;}
.divframe3>.container>.cont>.ipto>a>.iptz>b{ font-size: 14px; margin-bottom: 60px;}
}
/*endregion*/

/*region*/
.divframe4{ width: 100%; float: left; height: auto;  padding: 80px 0;  text-align: center;}
.divframe4>.container>h3{ font-size: 30px; font-weight: bold; text-transform: uppercase; font-family: 'BRITANIC'; margin-bottom: 40px;}
.divframe4>.container>p{ font-size: 16px; line-height: 25px; margin-bottom: 30px; color: #a6a6a6;}
.divframe4>.container>span{ display: inline-block; border: 2px solid #e4e4e4; border-left: 0; border-right: 0; line-height: 40px;}
.divframe4>.container>span>input{ width: 513px; line-height: 40px; background: none; border: 0px; text-align: center; font-size: 16px;}
.divframe4>.container>span>button{ width: 60px; line-height: 36px; background: none; border: 0px; cursor: pointer; outline: medium; color: #bd0000;}
.divframe4>.container>span>button>i.iconfont{ font-size: 30px;}
@media (min-width:1px) and  (max-width:991px){
.divframe4{ padding: 30px 0;}
.divframe4>.container>h3{ font-size: 20px; margin-bottom: 20px;}
.divframe4>.container>p{ font-size: 14px; margin-bottom: 15px;}
.divframe4>.container>span{ width: 100%;}
.divframe4>.container>span>input{ width: calc(100% - 60px); float: left;}
}
/*endregion*/

/*region底部*/
.footer{ overflow: hidden; height: auto; padding: 60px 198px; background: #333; color: #fff;}
.footer>.container>.foot_nav{ width: calc(25% - 75px); float: left; height: auto; position: relative; margin-right: 100px;}
.footer>.container>.foot_nav>h3{ font-size: 28px; text-transform: uppercase; font-family: 'BRITANIC'; padding-bottom: 60px;}

.footer>.container>.foot_nav.f1>ul{ display: block; padding-top: 20px; margin-top: 20px; border-top: 2px solid #454545;}
.footer>.container>.foot_nav.f1>ul>li{ display: block; font-size: 14px; margin-bottom: 20px; border-bottom: 2px solid #454545; padding-bottom: 10px;}
.footer>.container>.foot_nav.f1>ul>li>a{ display: block; color: #fff;}

.footer>.container>.foot_nav.f3>ul{ display: block;}
.footer>.container>.foot_nav.f3>ul>li{ display: block; font-size: 14px; margin-bottom: 20px; padding-bottom: 10px;}
.footer>.container>.foot_nav.f3>ul>li>a{ display: block; color: #fff;}
.footer>.container>.foot_nav.f3>p{}
.footer>.container>.foot_nav.f3>p>a>i.iconfont{ font-size: 18px; color: #fff; margin-right: 20px;}

.footer>.container>.foot_nav.f4>b{ display: block; font-size: 16px; text-transform: uppercase; color: #fff; padding-bottom: 20px;}
.footer>.container>.foot_nav.f4>p{ font-size: 14px; line-height: 30px;}
.footer>.container>.foot_nav.f4>p>a{ color: #fff;}

@media (min-width:992px) {
.footer>.container>.foot_nav.f1{ width: calc(20% - 75px);}
.footer>.container>.foot_nav.f2{ width: calc(30% - 75px);}
.footer>.container>.foot_nav.f3{ width: calc(20% - 75px);}
.footer>.container>.foot_nav.f4{ width: calc(30% - 75px); float: right; margin-right: 0px;}
}
@media (min-width:992px) and (max-width:1400px){
.footer{ width: calc(100% - 60px); padding: 60px 30px;}
}
@media (min-width:1px) and (max-width:991px){
.footer{ display: none;}
}
/*endregion*/

/*region语种工具*/
.footer_language{ height: auto; padding: 20px 198px;}
.footer_language>.container>ul{ display: table;}
.footer_language>.container>ul>li{margin-right:53px; display: inline-block;}
.footer_language>.container>ul>li>a{font-size:18px; line-height:2em;}
.footer_language>.container>ul>li>a>img{border:solid 1px #eaeaea; margin-top:5px;}
.footer_language>.container>ul>li>a>span{font-size:18px; line-height:2em;}
.footer_language>.container>ul>li:last-child{ margin-right: 0px;}
@media (min-width:1200px) and  (max-width:1399px){
    .footer_language>.container>ul>li{ margin-right: 22px;}
}
@media (min-width:992px) and  (max-width:1199px){
    .footer_language>.container>ul>li{ margin-right: 12px;}
    .footer_language>.container>ul>li>a{ font-size: 14px;}
    .footer_language>.container>ul>li>a>span{ font-size: 14px;}
}
@media (min-width:1px) and (max-width:991px){
.footer_language{ display: none;}
}
/*endregion*/

/*region版权*/
.copy{ height: auto; padding: 20px 198px; background: #333;}
.copy>.container>p{ display: inline-block; font-size: 14px; color: #fff;}
.copy>.container>p:last-child{ float: right;}
.copy>.container>p>a{ color: #fff;}
@media (min-width:1px) and (max-width:991px){
    .copy{ width: 100%; float: left; padding: 10px 0px; margin-bottom: 50px;}
    .copy>.container>p{ display: block; text-align: center; float: inherit!important; margin-bottom: 10px;}
}
/*endregion*/

/*region手机底部导航*/
.mobMenu{ position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 99; background: #fff; display: none; box-shadow: 0px 0px 25px #f5f5f5;}
.mobMenu>.foot_nav{width:25%;float:left;text-align:center;color:#898989;font-size:14px; padding-top: 10px;}
.mobMenu>.foot_nav>a>i.iconfont{display:block;padding:3px 0 0 0;font-size:18px;line-height:24px}
.mobMenu>.foot_nav>a>.hamburger{position:inherit;float:none;margin:0 auto;width:100%}
@media (min-width:1px) and (max-width:991px){
    .mobMenu{ display: block;}
}
/*endregion*/


.body{ height: auto; padding: 30px 193px;}
.bframe .cont{ position:absolute; bottom:30px; right:198px; font-family: 'Bahnschrift'; font-size: 24px; color: #fff;}
.bframe .cont>a{ color: #fff;}
.bframe .cont>span{ color: #fff; font-size: 40px; text-transform: uppercase;}
@media (min-width:1px) and (max-width:1200px){
.body{width: calc(100% - 120px); padding: 30px 60px;}
.bframe .cont{ position:absolute; bottom:15px; right:15px;  font-size: 12px; color: #fff;}
.bframe .cont>span{ font-size: 14px;}
}
@media (min-width:1px) and (max-width:991px){
.body{width: calc(100%); padding: 0px;}
}
/*region 单页面/图库*/
.body .aframe{  height: auto; padding: 20px; border: 1px solid #e2e2e2;}
.body .aframe .cont{  height: auto; background: url("../images/1_09.jpg") no-repeat center center / cover; padding: 50px;}
.body .aframe .cont>h3{ font-family: 'Bahnschrift'; font-size: 30px; color: #333; padding-bottom: 40px;}
.body .aframe .cont>p{ font-size: 16px; color: #333; line-height: 30px;}
.body .aframe .cont>a.link{ background: #bd0000; padding: 10px 60px; color: #fff; font-size: 16px; display: inline-block; margin-top: 60px;}
.body .aframe .cont>a.link:hover{ background: #000;}

.body .aframe1{ width: calc(100%); float: left; height: auto; margin-top: 80px;}
.body .aframe1 h3{ font-family: 'Bahnschrift'; font-size: 30px; color: #333; text-align: right; position: relative;}
.body .aframe1 h3>span{ background: #fff; display: inline-block; padding-left: 10px;}
.body .aframe1 h3:before{ content: ""; position: absolute; left: 0px; right: 0px; top: 50%; height: 1px; border-bottom: 2px solid #e2e2e2; z-index: -1;}
.body .aframe1 .cont{ width: calc(100% ); float: left; height: auto; margin-top: 80px; text-align: center;}
.body .aframe1 .cont>.ipto{ width: calc(50% - 15px); float: left; height: auto; position: relative; overflow: hidden;}
.body .aframe1 .cont>.ipto>a>.ipti{ display: block;}
.body .aframe1 .cont>.ipto>a>.ipti>img{ width: 100%; opacity:1; -webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.body .aframe1 .cont>.ipto>a>.iptz{ position: absolute; left: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.6); text-align: center;}
.body .aframe1 .cont>.ipto>a>.iptz>b{ display: block; color: #fff; font-size: 20px; text-transform: uppercase; padding: 15px;}
.body .aframe1 .cont>.ipto:hover>a>.ipti>img{ opacity:0.7; -webkit-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
.body .aframe1 .cont>.ipto:last-child{ float: right;}
.body .aframe1 .cont>a.link{ display: inline-block; margin-top: 30px; font-size: 24px; color: #333; padding-bottom: 15px; border-bottom: 3px solid #ebebeb;}

.body .singlepage{ width: 100%; float: left; height: auto;}
.body .singlepage h3{ width: 100%; float: left; height: auto; text-align: center; text-transform: uppercase; font-family: 'Bahnschrift'; font-size: 36px; color: #333; position: relative;}
.body .singlepage h3:before{ content: ""; position: absolute; left: 0px; top:10px; right: 0; border-bottom: 1px solid #181818;}
.body .singlepage h3:after{ content: ""; position: absolute; left: 15px; top:20px; right: 15px; border-bottom: 1px solid #181818; }
.body .singlepage h3>em{ position: absolute; left: 30px; top: 30px; right: 30px; border-bottom: 1px solid #181818;}
.body .singlepage h3>span{ padding: 0px 20px; background: #fff; position:relative; z-index: 10;}
.body .singlepage .cont{ width: calc(100% ); float: left; height: auto; margin-top: 60px;}
.body .singlepage .cont img[align=left]{ padding-right: 15px;}
.body .singlepage .cont img[align=right]{ padding-left: 15px;}

.body .singlepage .gallery{ width: 100%; float: left; height: auto; margin-top: 60px;}
.body .singlepage .gallery>.ipto{ width: calc(25% - 23px); float: left; height: auto; margin-right: 30px; margin-bottom: 30px; position: relative; overflow: hidden;}
.body .singlepage .gallery>.ipto>a>.ipti{  display: block;}
.body .singlepage .gallery>.ipto>a>.ipti>img{ width: 100%; opacity:.7; -webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.body .singlepage .gallery>.ipto>a>.iptz{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.6);}
.body .singlepage .gallery>.ipto>a>.iptz>b{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%); color: #fff; font-weight: bold; font-family: 'BRITANIC'; font-size: 20px; text-transform: uppercase; padding-bottom: 30px;}
.body .singlepage .gallery>.ipto>a>.iptz>b:before{ content: ""; position: absolute; left: -15px; bottom: 0px; right: -15px; height: 1px; border-bottom: 2px solid #fff;}
.body .singlepage .gallery>.ipto:hover>a>.ipti>img{ opacity:1; -webkit-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
.body .singlepage .gallery>.ipto:hover>a>.iptz{ background: rgba(0,0,0,0.1);}
.body .singlepage .gallery>.ipto:nth-child(4n){ margin-right: 0px;}
.body .singlepage .gallery>.ipto:nth-child(4n+1){ clear: both;}
.body .singlepage .gallery>.text-center{ text-align: center;}


@media (min-width:1px) and (max-width:991px){
.body .aframe{ width: 100%; padding:20px 0;}
.body .aframe .cont{ width: calc(100% - 30px); padding: 15px;}
.body .aframe .cont>h3{ padding-bottom: 20px;}
.body .aframe .cont>a.link{ margin-top: 30px;}
.body .aframe1{ margin-top: 40px;}
.body .aframe1 .cont{ margin-top: 40px;}
.body .aframe1 .cont>.ipto>a>.iptz>b{ font-size: 14px; padding: 10px;}
.body .singlepage h3{ font-size: 24px; margin-top: 30px;}
.body .singlepage .cont{ margin-top: 30px; padding-bottom: 30px;}
.body .singlepage .gallery{ margin-top: 30px; margin-bottom: 30px;}
.body .singlepage .gallery>.ipto{ width: calc(50% - 23px);}
.body .singlepage .gallery>.ipto:nth-child(2n){ margin-right: 0px;}
.body .singlepage .gallery>.ipto:nth-child(2n+1){ clear: both;}
.body .singlepage .gallery>.ipto>a>.iptz>b{ font-size: 12px; padding-bottom: 15px;}
}
/*endregion*/

/*region 产品中心*/
.body .putframe{ width: 100%; float: left; height: auto;}
.body .putframe .left{ width: 100%; float: left; height: auto;}
.body .putframe .left>ul>li{ width: calc(16.66% - 0px); float: left; height: auto; text-align: center;  background: #f3f3f3; border-right: 2px solid #e5e5e5;}
.body .putframe .left>ul>li>a{ font-size: 16px; display: block; color: #bababa; padding: 10px 0;}
.body .putframe .left>ul>li:last-child{ border: 0;}
.body .putframe .left>ul>li:hover>a{ color: #bd0000;}
.body .putframe .left>ul>li.active>a{ color: #bd0000;}
.body .putframe .left>.leftsmall{ width: 100%; float: left; height: auto; border-bottom: 2px solid #f3f3f3;}
.body .putframe .left>.leftsmall>ul{ display: block; padding-left: 20px;}
.body .putframe .left>.leftsmall>ul>li{ display: inline-block; padding: 15px 20px; font-size: 14px; position: relative;}
.body .putframe .left>.leftsmall>ul>li:before{ content: ""; position:absolute; left:0px; top:18px; bottom:0; z-index:10; width:0; height:0; border-width:6px 6px; border-style:solid; border-color:transparent transparent transparent #333;  opacity: 0;}
.body .putframe .left>.leftsmall>ul>li>a{ color: #bababa;}
.body .putframe .left>.leftsmall>ul>li:hover>a{ color: #333;}
.body .putframe .left>.leftsmall>ul>li:hover:before{ opacity: 1;}
.body .putframe .left>.leftsmall>ul>li.active>a{ color: #333;}
.body .putframe .left>.leftsmall>ul>li.active:before{ opacity: 1;}
@media (min-width:1px) and (max-width:991px){
.body .putframe .left>ul>li{ width: calc(100% - 2px); border: 0; border-bottom: 2px solid #989292;}
}

.body .putframe .right{ width: 100%; float: left; height: auto;}
.body .putframe .right>.output{ width: 100%; float: left; margin-top: 60px;}
.body .putframe .right>.output>.ipto{ width: calc(25% - 23px); float: left; height: auto; background: #fff; padding: 30px; border:1px solid #e7e7e7; margin-bottom: 30px; margin-right: 30px;}
.body .putframe .right>.output>.ipto>a>.ipti{ display: block; text-align: center;}
.body .putframe .right>.output>.ipto>a>.iptz{  display: block; text-align: center;}
.body .putframe .right>.output>.ipto>a>.iptz>span{ width: 15px; height: 15px; display: inline-block; margin: 5px; border-radius: 50%; background: #333; border: 1px solid #ccc;}
.body .putframe .right>.output>.ipto>a>.iptz>b{ width: 100%; float: left; height: auto; font-size: 16px; color: #333; margin-top: 10px;}
.body .putframe .right>.output>.ipto:nth-child(4n){ margin-right: 0px;}
.body .putframe .right>.output>.ipto:nth-child(4n+1){ clear: both;}
@media (min-width:1px) and (max-width:991px){
.body .putframe .right>.output{ margin-top: 30px;}
.body .putframe .right>.output>.ipto{ width: calc(50% - 15px); padding: 15px;}
.body .putframe .right>.output>.ipto:nth-child(2n){ margin-right: 0px;}
.body .putframe .right>.output>.ipto:nth-child(2n+1){ clear: both;}
.body .putframe .right>.output>.ipto>a>.iptz>b{ font-size: 12px;}
.body .putframe .right>.output>.ipto>a>.iptz>span{ display: none;}
}
.body .putframe .right>.detail{ width: 100%; float: left; height: auto; margin-top: 60px;}
.body .putframe .right>.detail>.detail_left{ width: 50%; float: left; height: auto;}
.body .putframe .right>.detail>.detail_left>.detail_big{ width: calc(100% - 2px); float: left; height: auto; text-align: center; padding: 12% 0;}
.body .putframe .right>.detail>.detail_left>.detail_big>a>img{ max-width: 100%;}
.body .putframe .right>.detail>.detail_left>.rtp_small_img{ width: 100%; float: left; position: relative; margin-top: 60px;}
.body .putframe .right>.detail>.detail_left>.rtp_small_img .bd{ padding:10px;}
.body .putframe .right>.detail>.detail_left>.rtp_small_img .bd ul{ overflow:hidden; zoom:1; }
.body .putframe .right>.detail>.detail_left>.rtp_small_img .bd ul>li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; }
.body .putframe .right>.detail>.detail_left>.rtp_small_img .bd ul>li>.pic>img{ width:120px; height:60px; cursor: pointer; display:block;  padding:2px; border:1px solid #ccc; }
.body .putframe .right>.detail>.detail_left>.rtp_small_img .bd ul>li.on>.pic>img{ border-color: #db0000;}
.body .putframe .right>.detail>.detail_right{ width: calc(50% - 60px); float: right; height: auto;}
.body .putframe .right>.detail>.detail_right>h3{ font-size: 20px; line-height: 32px; text-transform: uppercase; margin-bottom: 40px;}
.body .putframe .right>.detail>.detail_right>h3>a{ display: block; color: #c8c8c8;}
.body .putframe .right>.detail>.detail_right>h1{ font-size: 28px; color: #bd0000; font-weight: bold; line-height: 32px;}
.body .putframe .right>.detail>.detail_right>h2{ font-size: 20px; color: #333; line-height: 32px;}
.body .putframe .right>.detail>.detail_right>.detail_present_color{ width: 100%; float: left; height: auto; margin-top: 40px; border-bottom: 1px solid #e7e7e7; padding-bottom: 40px;}
.body .putframe .right>.detail>.detail_right>.detail_present_color>strong{ display: block; font-size: 20px;font-weight: bold; color: #333;}
.body .putframe .right>.detail>.detail_right>.detail_present_color>span{ width: 20px; display: inline-block; height: 20px;  border-radius: 50%; border: 1px solid #d5d5d5; position: relative; float: left; padding: 5px; margin-right: 10px; margin-top: 20px; cursor: pointer;}
.body .putframe .right>.detail>.detail_right>.detail_present_Pty{ width: 100%; float: left; height: auto; margin-top: 40px; border-bottom: 1px solid #e7e7e7; padding-bottom: 40px;}
.body .putframe .right>.detail>.detail_right>.detail_present_Pty>p{ font-size: 16px; color: #333; text-transform: uppercase; margin-bottom: 20px;}
.body .putframe .right>.detail>.detail_right>.detail_present_Pty>p>em{ display: inline-block; width: 15px;}
.body .putframe .right>.detail>.detail_right>.detail_present_Pty>p:last-child{ margin-bottom: 0px;}
.body .putframe .right>.detail>.detail_right>.detail_present{ width: 100%; float: left; height: auto; margin-top: 30px;}
.body .putframe .right>.detail>.detail_right>.detail_present>a.link{ background: #bd0000; padding: 10px 60px; color: #fff; font-size: 16px; display: inline-block;}
.body .putframe .right>.detail>.detail_right>.detail_present>a.link:hover{ background: #000;}
.body .putframe .right>.detail>.detail_right>.detail_present>a.more{ font-size: 20px; color: #333; text-transform: uppercase; float: right;}
.body .putframe .right>.detail>.detail_right>.detail_present>a.more>i.iconfont{ font-size: 24px; padding-right: 10px;}

.body .putframe .right>.detail>.xgeffect{ width:100%; float:left; height:auto; position:relative; margin-bottom: 30px;}
.body .putframe .right>.detail>.xgeffect>.detailtop{ font-family: 'Bahnschrift'; font-size: 30px; color: #333; text-align: left; position: relative;}
.body .putframe .right>.detail>.xgeffect>.detailtop>strong{ background: #fff; display: inline-block; padding-right: 15px;}
.body .putframe .right>.detail>.xgeffect>.detailtop>strong:before{ content: ""; position: absolute; left: 0px; right: 0px; top: 50%; height: 1px; border-bottom: 2px solid #e2e2e2; z-index: -1;}
.body .putframe .right>.detail>.xgeffect>.detailtop>span{ float: right; background: #fff; display: inline-block; padding-left: 15px; cursor: pointer;}
.body .putframe .right>.detail>.xgeffect>.detalist{ float:left; width:100%; padding-top:20px;}
@media (min-width:1px) and (max-width:991px){
.body .putframe .right>.detail{ margin-top: 30px;}
.body .putframe .right>.detail>.detail_left{ width: 100%;}
.body .putframe .right>.detail>.detail_left>.detail_big{ padding: 0px;}
.body .putframe .right>.detail>.detail_left>.rtp_small_img{ margin-top: 30px;}
.body .putframe .right>.detail>.detail_right{ width: 100%; margin-top: 30px;}
.body .putframe .right>.detail>.detail_right>h3{ margin-bottom: 20px;}
.body .putframe .right>.detail>.detail_right>.detail_present_color{ margin-top: 20px; padding-bottom: 20px;}
.body .putframe .right>.detail>.detail_right>.detail_present{ margin-top: 15px;}
.body .putframe .right>.detail>.detail_right>.detail_present>a.link{ padding: 10px 30px;}
.body .putframe .right>.detail>.detail_right>.detail_present>a.more{ font-size: 14px; padding: 10px 0;}
.body .putframe .right>.detail>.detail_right>.detail_present>a.more>i.iconfont{ font-size: 16px;}
.body .putframe .right>.detail>.xgeffect>.detailtop{ font-size: 20px;}
}
/*询盘*/
.body .putframe .right>.detail #onlineInquiry{ margin-top: 100px;}
.body .putframe .right>.detail .onlineInquiry{ width: 100%; float: left; height: auto;}
.body .putframe .right>.detail .onlineInquiry>.input-form{ border: 1px solid #ebebeb; border-radius: 5px; float: left; height: auto; display: table; background: #f7f7f7; padding:3px 30px; margin-bottom: 30px;}
.body .putframe .right>.detail .onlineInquiry>.input-form>span{ display: inline-block; float: left; font-size: 14px; line-height: 30px; vertical-align: top;}
.body .putframe .right>.detail .onlineInquiry>.input-form>input{ width:75%; float: left; height: auto;  line-height: 30px; text-indent: 10px; background: none; border: 0; padding: 0px;}
.body .putframe .right>.detail .onlineInquiry>.input-form>textarea{ width: 100%; float: left; height: auto;  line-height: 30px; text-indent: 10px; background: none; border: 0; outline: medium;}
.body .putframe .right>.detail .onlineInquiry>.half{ width: calc(50% - 0px);}
.body .putframe .right>.detail .onlineInquiry>.half1{ float: left;}
.body .putframe .right>.detail .onlineInquiry>.All{ width: calc(100% - 0px);}

.body .putframe .right>.detail .onlineInquiry>.hidden{ display: none;}
.body .putframe .right>.detail .onlineInquiry>.input-group{ width: 100%; float: left; height: auto; }
.body .putframe .right>.detail .onlineInquiry>.input-group>button{ background: #e60012; width: 100%; padding: 10px 0px; color: #fff; border: 0; border-radius: 5px; cursor: pointer; box-shadow: 0px 0px 10px #f5f5f5;}
@media (min-width:1px) and (max-width:991px){
.body .putframe .right>.detail #onlineInquiry{ margin-top: 50px;}
.body .putframe .right>.detail .onlineInquiry>.input-form{ padding: 3px 15px}
.body .putframe .right>.detail .onlineInquiry>.All{ width: calc(100% - 0px);}
}
/*相关产品*/
.body .putframe .right>.detail .detalist>.ipto{ width: calc(33.33% - 20px); float: left; height: auto; background: #fff; padding: 20px; margin-right: 30px; border:1px solid #e7e7e7; margin-bottom: 30px;}
.body .putframe .right>.detail .detalist>.ipto>a>.ipti{ display: block; text-align: center; height: 210px;}
.body .putframe .right>.detail .detalist>.ipto>a>.ipti>img{ width: auto; height: 100%;}
.body .putframe .right>.detail .detalist>.ipto>a>.iptz{  display: block; text-align: center;}
.body .putframe .right>.detail .detalist>.ipto>a>.iptz>span{ width: 15px; height: 15px; display: inline-block; margin: 5px; border-radius: 50%; background: #333; border: 1px solid #ccc;}
.body .putframe .right>.detail .detalist>.ipto>a>.iptz>b{ width: 100%; float: left; height: auto; font-size: 16px; color: #333; margin-top: 10px;}
.body .putframe .right>.detail .detalist>.ipto:nth-child(3n){ margin-right: 0px;}
@media (min-width:992px) and (max-width:1400px){
.body .putframe .right>.detail .detalist>.ipto>a>.ipti{ height: 130px;}
}
@media (min-width:1px) and (max-width:991px){
.body .putframe .right>.detail .detalist>.ipto{ width: calc(100% - 22px); padding: 10px;}
.body .putframe .right>.detail .detalist>.ipto>a>.ipti{ height: 130px;}
}
/*endregion*/

/*region 新闻中心*/
.body .nframe{ overflow: hidden; height: auto;}
.body .nframe .newslist{ width: 100%; float: left; height: auto; text-align: center; margin-bottom: 60px;}
.body .nframe .newslist h3{ font-family: 'Bahnschrift'; font-size: 30px; color: #333; text-align: left; position: relative;}
.body .nframe .newslist h3>span{ background: #fff; display: inline-block; padding-right: 20px; text-transform: capitalize;}
.body .nframe .newslist h3:before{ content: ""; position: absolute; left: 0px; right: 0px; top: 50%; height: 1px; border-bottom: 2px solid #e2e2e2; z-index: -1;}
.body .nframe .newslist>.cont{ width: 100%; float: left; height: auto; margin-top: 80px;}
.body .nframe .newslist>.cont>.ipto{ width: calc(25% - 25px); float: left; height: auto; margin-right: 30px; border: 1px solid #f5f5f5;}
.body .nframe .newslist>.cont>.ipto>a>.ipti{ display: block;}
.body .nframe .newslist>.cont>.ipto>a>.iptz{ display: block; padding: 20px; text-align: left;}
.body .nframe .newslist>.cont>.ipto>a>.iptz>b{ display: block; font-family: 'Bahnschrift'; font-size: 20px; color: #333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 20px;}
.body .nframe .newslist>.cont>.ipto>a>.iptz>em{ font-size: 14px; color: #848484; font-style: normal; display: block; margin-bottom: 30px;}
.body .nframe .newslist>.cont>.ipto>a>.iptz>p{ font-size: 16px; line-height: 22px; height: 44px; color: #6b6b6b; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.body .nframe .newslist>.cont>.ipto:last-child{ margin-right: 0px;}
.body .nframe .newslist>.cont>.ipto:hover{ border-color: #db0000;}
.body .nframe .newslist>a.link{ background: #bd0000; padding: 10px 60px; color: #fff; font-size: 16px; display: inline-block; margin-top: 60px;}
.body .nframe .newslist>a.link:hover{ background: #000;}

.body .nframe .newslist:last-child>.cont{  background: url("../images/1_14.jpg") no-repeat center center / cover; display: block; padding: 125px 185px 50px 185px;}
.body .nframe .newslist:last-child>.cont>.ipto{ width: calc(25% - 25px); float: left; height: auto; margin-right: 30px; border: 1px solid #f5f5f5; position: relative; margin-top: 80px;}
.body .nframe .newslist:last-child>.cont>.ipto>a>.ipti{ display: block;}
.body .nframe .newslist:last-child>.cont>.ipto>a>.iptz{ position: absolute; left: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.8); padding: 10px;}
.body .nframe .newslist:last-child>.cont>.ipto>a>.iptz>b{ display: block; font-family: 'Bahnschrift'; font-size: 20px; color: #fff; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 0px;}
.body .nframe .newslist:last-child>.cont>.ipto:last-child{ margin-right: 0px;}
.body .nframe .newslist:last-child>.cont>h4{ font-family: 'Bahnschrift'; font-size: 30px; color: #fff; text-align: left; margin-bottom: 50px;}
.body .nframe .newslist:last-child>.cont>p{ font-size: 16px; line-height: 30px; color: #fff; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.body .nframe .newslist:last-child>.cont>a.link{ background: #bd0000; float: left; padding: 10px 60px; color: #fff; font-size: 16px; display: inline-block; margin-top: 40px;}
.body .nframe .newslist:last-child>.cont>a.link:hover{ background: #000;}
@media (min-width:1px) and (max-width:991px){
.body .nframe .newslist{ margin-top: 30px; margin-bottom: 30px;}
.body .nframe .newslist>.cont{ margin-top: 30px;}
.body .nframe .newslist>.cont>.ipto{ width: calc(50% - 17px); margin-bottom: 30px;}
.body .nframe .newslist>.cont>.ipto:nth-child(2n){ margin-right: 0px;}
.body .nframe .newslist>.cont>.ipto>a>.iptz{ padding: 10px;}
.body .nframe .newslist>.cont>.ipto>a>.iptz>b{ margin-bottom: 10px; font-size: 14px; overflow: auto; text-overflow:inherit; white-space: normal;}
.body .nframe .newslist>.cont>.ipto>a>.iptz>em{ font-size: 12px; margin-bottom: 0px}
.body .nframe .newslist>.cont>.ipto>a>.iptz>p{ display: none;}
.body .nframe .newslist>a.link{ margin-top: 0px;}
.body .nframe .newslist:last-child>.cont{ padding: 30px 30px 20px 30px; margin-bottom: 30px;}
.body .nframe .newslist:last-child>.cont>h4{ font-size: 20px;margin-bottom: 25px;}
.body .nframe .newslist:last-child>.cont>a.link{ padding: 10px 30px; margin-top: 20px;}
}
.body .nframe .news_right{ width: 100%; float: left; height: auto; margin-top: 00px;}
.body .nframe .news_right>.ipto{ width: calc(25% - 25px); float: left; height: auto; margin-right: 30px; border: 1px solid #f5f5f5;}
.body .nframe .news_right>.ipto>a>.ipti{ display: block;}
.body .nframe .news_right>.ipto>a>.iptz{ display: block; padding: 20px; text-align: left;}
.body .nframe .news_right>.ipto>a>.iptz>b{ display: block; font-family: 'Bahnschrift'; font-size: 20px; color: #333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 20px;}
.body .nframe .news_right>.ipto>a>.iptz>em{ font-size: 14px; color: #848484; font-style: normal; display: block; margin-bottom: 30px;}
.body .nframe .news_right>.ipto>a>.iptz>p{ font-size: 16px; line-height: 22px; height: 44px; color: #6b6b6b; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.body .nframe .news_right>.ipto:nth-child(4n){ margin-right: 0px;}
.body .nframe .news_right>.ipto:nth-child(4n+1){ clear: both;}
.body .nframe .news_right>.ipto:hover{ border-color: #db0000;}

@media (min-width:1px) and (max-width:991px){
.body .nframe .news_right{ margin-top: 30px;}
.body .nframe .news_right>.ipto{ width: calc(50% - 15px); margin-bottom: 30px;}
.body .nframe .news_right>.ipto:nth-child(2n){ margin-right: 0px;}
.body .nframe .news_right>.ipto:nth-child(2n+1){ clear: both;}
.body .nframe .news_right>.ipto>a>.iptz{ padding: 10px;}
.body .nframe .news_right>.ipto>a>.iptz>b{ margin-bottom: 10px; font-size: 14px; overflow: auto; text-overflow:inherit; white-space: normal;}
.body .nframe .news_right>.ipto>a>.iptz>em{ font-size: 12px; margin-bottom: 0px}
.body .nframe .news_right>.ipto>a>.iptz>p{ display: none;}
}
.body .nframe .nav_left{ width: 270px; float: right; position: sticky; top: 120px;}
.body .nframe .nav_left .lbt{}
.body .nframe .nav_left .lbt>h3{ color: #4ea397; font-size: 28px; line-height: 30px; padding-bottom: 15px; border-bottom: 1px solid #4ea397; margin-bottom: 15px;}
.body .nframe .nav_left .lbt>ul>li{ width: 100%; float: left; height: auto; font-size: 14px; line-height: 30px; position: relative;}
.body .nframe .nav_left .lbt>ul>li:after{ content: ""; position:absolute; left:0px; top:12px; bottom:0; z-index:10; width:0; height:0; border-width:5px 5px; border-style:solid; border-color:transparent transparent transparent #006487;/*灰 透明 透明 */ opacity: 0;}
.body .nframe .nav_left .lbt>ul>li>a{ display: block; padding-left: 15px; color: #333; text-transform: capitalize;}
.body .nframe .nav_left .lbt>ul>li:hover:after{ opacity: 1;}
.body .nframe .nav_left .lbt>ul>li.active:after{ opacity: 1;}
.body .nframe .nav_left .lbt>ul>li>ul{ padding-left: 25px;}

@media (min-width:1px) and (max-width:991px){
.body .nframe .nav_left{ display: none;}
}
.body .nframe .right{ width: calc(100% - 300px); float: left; height: auto;}
.body .nframe .right>.newsdetail{ width: 100%; float: left; height: auto;}
.body .nframe .right>.newsdetail>h1{ font-family: 'Bahnschrift'; text-align: center; font-size: 30px;}
.body .nframe .right>.newsdetail>.detailed_tit{ display: block; text-align: center; padding: 15px 0; font-size: 16px;}
.body .nframe .right>.newsdetail>.detailed_tit>p>i{ width: 10px; display: inline-block;}
.body .nframe .right>.newsdetail>.detailed_tit>#ProShare{ display: inline-block;}
.body .nframe .right>.newsdetail>#prevnext{ display: block; margin-top: 30px;}
.body .nframe .right>.newsdetail>#prevnext>span{ display:inline-block; margin-bottom:0; padding:6px 12px; border:1px solid transparent; border-radius:4px; text-align:center; white-space:nowrap; font-size:14px; cursor:pointer; background:#d00000;}
.body .nframe .right>.newsdetail>#prevnext>span>a{ color:#fff;}
.body .nframe .right>.newsdetail>#prevnext>span:last-child{ float: right;}
.body .nframe .right>.newsdetail>.detailed_Related{ display: block; margin-top: 30px;}
.body .nframe .right>.newsdetail>.detailed_Related>.cont{ display: block;}
.body .nframe .right>.newsdetail>.detailed_Related>.cont>.ipto{ width: calc(25% - 25px); float: left; height: auto; margin-right: 30px; border: 1px solid #f5f5f5;}
.body .nframe .right>.newsdetail>.detailed_Related>.cont>.ipto>a>.ipti{ display: block;}
.body .nframe .right>.newsdetail>.detailed_Related>.cont>.ipto>a>.iptz{ display: block; padding: 20px; text-align: left;}
.body .nframe .right>.newsdetail>.detailed_Related>.cont>.ipto>a>.iptz>b{ display: block; font-family: 'Bahnschrift'; font-size: 20px; color: #333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 20px;}
.body .nframe .right>.newsdetail>.detailed_Related>.cont>.ipto>a>.iptz>em{ font-size: 14px; color: #848484; font-style: normal; display: block; margin-bottom: 30px;}
.body .nframe .right>.newsdetail>.detailed_Related>.cont>.ipto>a>.iptz>p{ font-size: 16px; line-height: 22px; height: 44px; color: #6b6b6b; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.body .nframe .right>.newsdetail>.detailed_Related>.cont>.ipto:nth-child(4n){ margin-right: 0px;}
.body .nframe .right>.newsdetail>.detailed_Related>.cont>.ipto:hover{ border-color: #db0000;}


@media (min-width:1px) and (max-width:991px){
.body .nframe .right{ width: calc(100% ); margin-top: 30px;}
.body .nframe .right>.newsdetail>#prevnext>span{ width: calc(100% - 17px) float: left; margin-bottom: 15px;}
.body .nframe .right>.newsdetail>.detailed_Related>.cont>.ipto{ width: calc(50% - 25px); margin-bottom: 30px;}
.body .nframe .right>.newsdetail>.detailed_Related>.cont>.ipto:nth-child(2n){ margin-right: 0px;}
.body .nframe .right>.newsdetail>.detailed_Related>.cont>.ipto:nth-child(2n+1){ clear: both;}
.body .nframe .right>.newsdetail>.detailed_Related>.cont>.ipto>a>.iptz{ padding: 10px;}
.body .nframe .right>.newsdetail>.detailed_Related>.cont>.ipto>a>.iptz>b{ margin-bottom: 10px; font-size: 14px;}
.body .nframe .right>.newsdetail>.detailed_Related>.cont>.ipto>a>.iptz>em{ font-size: 12px; margin-bottom: 0px}
.body .nframe .right>.newsdetail>.detailed_Related>.cont>.ipto>a>.iptz>p{ display: none;}
.body .nframe .right>.newsdetail>#prevnext>span:last-child{ float: left;}
}
/*endregion*/

/*region 下载中心*/
.body .dframe{ width: 100%; float: left; height: auto;}
.body .dframe .downlist{ width: 100%; float: left; height: auto; margin-bottom: 60px;}
.body .dframe .downlist h3{ font-family: 'Bahnschrift'; font-size: 30px; color: #333; text-align: left; position: relative;}
.body .dframe .downlist h3>span{ background: #fff; display: inline-block; padding-right: 20px; text-transform: capitalize;}
.body .dframe .downlist h3:before{ content: ""; position: absolute; left: 0px; right: 0px; top: 50%; height: 1px; border-bottom: 2px solid #e2e2e2; z-index: -1;}
.body .dframe .downlist>.cont{ display: block; margin-top: 60px;}
.body .dframe .downlist>.cont>#downtable{ width: 100%; float: left; height: auto;}
.body .dframe .downlist>.cont>#downtable tr{ width: 100%; float: left; border-bottom: 2px solid #eaeaea; padding-bottom: 10px;}
.body .dframe .downlist>.cont>#downtable tr>td:nth-child(1){ width: 80%; float: left; font-size: 18px; font-family: 'Bahnschrift'; color: #333;}
.body .dframe .downlist>.cont>#downtable tr>td:nth-child(1)>i.iconfont{ color: #ff575e; font-size: 30px; padding-right: 10px;}
.body .dframe .downlist>.cont>#downtable tr>td:nth-child(2){ width: 20%; float: left; font-size: 18px; font-family: 'Bahnschrift'; color: #333; text-align: right}
.body .dframe .downlist>.cont>#downtable tr>td:nth-child(2)>a>i.iconfont{ color: #333; font-size: 30px; padding-right: 10px;}

@media (min-width:1px) and (max-width:991px){
.body .dframe .downlist h3{ font-size: 20px;}
.body .dframe .downlist{ margin-top: 30px; margin-bottom: 30px;}
.body .dframe .downlist>.cont{ margin-top: 30px;}
.body .dframe .downlist>.cont>#downtable tr>td:nth-child(1){ width: 70%!important; font-size: 12px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.body .dframe .downlist>.cont>#downtable tr>td:nth-child(1)>i.iconfont{ font-size: 16px; }
.body .dframe .downlist>.cont>#downtable tr>td:nth-child(2){ width: 20%!important; font-size: 12px;}
.body .dframe .downlist>.cont>#downtable tr>td:nth-child(2)>a>i.iconfont{ font-size: 16px; }
}
/*endregion*/


/*region 联系我们*/
.body .cframe{ width: 40%; float: right; height: auto; margin-top: 10px;}
.body .cframe>.container>.cframe_tit{ width: 100%; float: left; height: auto; font-family: 'BRITANIC';}
.body .cframe>.container>.cframe_tit>h3{ font-size: 28px; font-weight: bold; color: #333; margin-top: 60px; margin-bottom: 30px; text-transform: uppercase;}
.body .cframe>.container>.cframe_tit>p{ font-size: 16px; line-height: 25px; color: #333;}
.body .cframe>.container>.cframe_cont{ width: calc(100% - 60px); float: left; height: auto; margin-top: 30px;}
.body .cframe>.container>.cframe_cont>.lxfs{ width: 100%; float: left; height: auto; font-size: 14px; color: #333;}
.body .cframe>.container>.cframe_cont>.lxfs>p{ line-height: 30px;}
.body .cframe>.container>.cframe_cont>.lxfs>p>i{ font-size: 20px; padding-right: 10px;}
.body .cframe>.container>.cframe_cont>.lxfs>p:nth-child(4)>i{ font-size: 14px;}
.body .cframe>.container>.cframe_cont>.lxfs>p>a{ color: #333; font-weight: bold;}


@media (min-width:1px) and (max-width:991px){
.body .cframe{ width: 100%;}
.body .cframe>.container>.cframe_tit>h3{ margin-top: 30px; margin-bottom: 15px;}
.body .cframe>.container>.cframe_tit>img{ display: none;}
.body .cframe>.container>.cframe_cont{ margin-top: 15px;}
}

.body .leaveamessage{ width: 50%; float: left; height: auto; background: rgba(255,255,255,0.6); box-shadow: 0px 0px 20px #f5f5f5; padding: 30px 30px 60px 30px; margin-top: -180px; position: relative; z-index: 1; border-radius: 5px;}
.body .leaveamessage>.container>.cframe_tit{ width: 100%; float: left; height: auto; margin-bottom: 80px;}
.body .leaveamessage>.container>.cframe_tit>table>tbody>tr>td>i.iconfont{ font-size: 60px; color: #db0000; padding-right: 20px;}
.body .leaveamessage>.container>.cframe_tit>table>tbody>tr>td>h3{ font-family: 'Bahnschrift'; font-size: 30px; color: #333; margin-bottom: 20px;}
.body .leaveamessage>.container>.cframe_tit>table>tbody>tr>td>p{ font-size: 14px; color: #747474;}
.body .leaveamessage>.container>p{ font-size: 14px; display: block; color: #747474; line-height: 30px; margin-bottom: 40px;}
.body .leaveamessage>.container>.cframe_cont{ width: 100%; float: left; height: auto;}
.body .leaveamessage>.container>.cframe_cont>.input-form{ border: 1px solid #ebebeb; border-radius: 5px; float: left; height: auto; display: table; background: #f7f7f7; padding:3px 30px; margin-bottom: 30px;}
.body .leaveamessage>.container>.cframe_cont>.input-form>span{ display: inline-block; float: left; font-size: 14px; line-height: 30px; vertical-align: top;}
.body .leaveamessage>.container>.cframe_cont>.input-form>input{ width:80%; float: left; height: auto;  line-height: 30px; text-indent: 10px; background: none; border: 0;}
.body .leaveamessage>.container>.cframe_cont>.input-form>textarea{ width: 100%; float: left; height: auto; line-height: 30px; text-indent: 10px; background: none; border: 0; outline: medium;}
.body .leaveamessage>.container>.cframe_cont>.half{ width: calc(50% - 75px);}
.body .leaveamessage>.container>.cframe_cont>.half1{ float: left;}
.body .leaveamessage>.container>.cframe_cont>.All{ width: calc(100% - 60px);}
.body .leaveamessage>.container>.cframe_cont>.hidden{ display: none;}
.body .leaveamessage>.container>.cframe_cont>.input-group{ width: 100%; float: left; height: auto; }
.body .leaveamessage>.container>.cframe_cont>.input-group>button{ background: #e60012; width: 100%; padding: 10px 0px; color: #fff; border: 0; border-radius: 5px; cursor: pointer; box-shadow: 0px 0px 10px #f5f5f5;}


@media (min-width:1px) and (max-width:991px){
.body .leaveamessage{ margin-top: 0px; width: calc(100%); padding: 30px 0px 30px 0px;}
    .body .leaveamessage>.container>.cframe_tit{ margin-top: 0px; margin-bottom: 30px;}
    .body .leaveamessage>.container>.cframe_tit>h3{ font-size: 24px; margin-bottom: 30px;}
    .body .leaveamessage>.container>.cframe_cont>.input-form{ padding: 5px 15px; margin-bottom: 15px;}
    
    .body .leaveamessage>.container>.cframe_cont>.half{ width: calc(100% - 0px);}
    .body .leaveamessage>.container>.cframe_cont>.All{ width: calc(100% - 0px);}
}
/*endregion*/

/*region*/

@media (min-width:1px) and (max-width:991px){

}
/*endregion*/

/*region 网站地图*/
.body .sframe{ width: 100%; float: left; height: auto;}
.body .sframe>.container>.sitemaps{ width:100%; position:relative;overflow:hidden; border-radius:0; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.body .sframe>.container>.sitemaps.fontbig {	width:100% !important;}
.body .sframe>.container>.sitemaps .bigli{float:left;	width:100%;  line-height:35px;font-size:18px;}
.body .sframe>.container>.sitemaps .bigli a { font-weight:bold;text-transform:capitalize;}
.body .sframe>.container>.sitemaps .bigli a:hover {text-decoration:underline;}
.body .sframe>.container>.sitemaps .abli_02{ float:left;width:44%;margin-left:5%;font-size:16px; height:30px; line-height:30px; overflow:hidden; display:inline;font-weight:normal; }
.body .sframe>.container>.sitemaps .abli_02 a:hover{text-decoration:underline;}
.jiange{ float:left; width:100%;  height:2px; border-bottom:dashed 1px #d2d2d2; }
@media screen and (min-width:1px ) and (max-width:767px)
{
	.body .sframe>.container>.sitemaps .abli_02{width:44%;}
}
.body .sframe>.container>.sitemaps .probigclass {padding-left:50px;}
.body .sframe>.container>.sitemaps .PROclass_01 { float:left;width:95%;margin-left:5%; font-size:16px; line-height:30px; display:inline;font-weight:bold; }
.body .sframe>.container>.sitemaps .PROclass_02 { float:left;width:90%;margin-left:8%;font-size:16px; height:22px; line-height:22px;  overflow:hidden;display:inline;font-weight:normal; }
.body .sframe>.container>.sitemaps .PROclass_01 a{  }
.body .sframe>.container>.sitemaps .PROclass_02 a{ }
.body .sframe>.container>.sitemaps .PROclass_01 a:hover{ text-decoration:underline;}
.body .sframe>.container>.sitemaps .PROclass_02 a:hover{ text-decoration:underline;}
.body .sframe>.container>.sitemaps .PROclass_03 { float:left;width:40%;margin-left:10%;color:#666666;font-size:14px;display:inline; line-height:20px;}
.body .sframe>.container>.sitemaps .PROclass_03 a:hover{ text-decoration:underline;}
.body .sframe>.container>.sitemaps .PROclass_04 { float:left;width:40%;margin-left:10%;display:inline;}
/*endregion*/



/*region 感谢页面*/
.thankyou{ width: 100%; float: left; height: auto; padding: 30px; line-height: 40px; font-size: 16px;}
#thk_nav{ text-align: center;}
#thk_nav>h2{margin-bottom:20px;font-weight:bold;}
#thk_nav>p{line-height:24px;}
.btnthank{padding: 5px 10px;margin-top: 15px;display: inline-block;border:1px solid #d00000;color:#ffffff;background-color:#d00000;}
.btnthank:hover{background-color: #ffffff;color: #d00000;}
/*endregion*/


/*region 分页*/
.page{ display: block; text-align: center;}
.pagination{display:inline-block;margin:20px 0;padding-left:0;border-radius:4px;}
.pagination>li{display:inline;}
.pagination>li>a,.pagination>li>span{position:relative;float:left;margin-left:-1px;padding:6px 12px;border:1px solid #ddd;background-color:#fff;color:#4ea397;text-decoration:none;line-height:1.42857143;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:3;border-color:#ddd;background-color:#eee;color:#23527c;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;border-color:#4ea397;background-color:#4ea397;color:#fff;cursor:default;}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{border-color:#ddd;background-color:#fff;color:#777;cursor:not-allowed;}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333;}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px;}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px;}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5;}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px;}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px;}
/*endregion*/

/*region 其他*/
.searchfor2{ width: 100%; float: left; height: auto; text-align: center;}
.searchfor2 #keyForm2{ display: inline-block; border: 2px solid #000;}
.searchfor2 #keyForm2 input{ width: 200px; border: 0; background: none; text-indent: 10px; line-height: 34px;}
.searchfor2 #keyForm2 button{ background: #000; width: 60px; line-height: 34px; border: 0px; color: #fff; cursor: pointer;}

#mapslist{ width: 100%; float: left; height: 264px;}
/*endregion*/