@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* project id 1536220 */
  src: url('//at.alicdn.com/t/font_1536220_tcsj5jtaj5b.eot');
  src: url('//at.alicdn.com/t/font_1536220_tcsj5jtaj5b.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1536220_tcsj5jtaj5b.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1536220_tcsj5jtaj5b.woff') format('woff'),
  url('//at.alicdn.com/t/font_1536220_tcsj5jtaj5b.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1536220_tcsj5jtaj5b.svg#iconfont') format('svg');
}
@font-face {
  font-family: 'ZurichBT';  /* project id 1326652 */
  src: url('../fonts/Zurich-Bold-Extra-Condensed-BT.eot');
  src: url('../fonts/Zurich-Bold-Extra-Condensed-BT.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Zurich-Bold-Extra-Condensed-BT.woff2') format('woff2'),
  url('../fonts/Zurich-Bold-Extra-Condensed-BT.woff') format('woff'),
  url('../fonts/Zurich-Bold-Extra-Condensed-BT.ttf') format('truetype'),
  url('../fonts/Zurich-Bold-Extra-Condensed-BT.svg#iconfont') format('svg');
}

body{ font-family:Arial; background-color:#fff; max-width: 100%; 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; width:100%; float:left; height:auto; line-height:0px;}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{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;}

.link-more a{position:relative;padding:5px 50px; background: #002870; color: #fff; font-size:16px;overflow:hidden;z-index:2;display:inline-block; text-transform: uppercase; margin-top: 20px;}
.link-more a:after{background-color:#DD2206;transform-origin:0 50%;left:0;top:0;right:0;bottom:0;position:absolute;z-index:-1;content:" ";transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%;}
.link-more a:hover:after{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}


#header{ width: 100%; height: auto; position: fixed; top: 40px; left: 0px; right: 0px; z-index: 99; padding: 5px 0; background: rgba(255,255,255,0.2); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
#header #logo{}
#header #logo img{ height: 53.5px; }
#header #header_menu
#header #header_menu #example-navbar-collapse{ padding-left: 0px; padding-right: 0px;}
#header #header_menu .navbar-default{ float: right;}
#header #header_menu .navbar-default .navbar-nav>li>a{ text-align: center; font-family:'ZurichBT'; font-size: 16px; color: #fff; text-transform: uppercase; padding: 10px 20px; position: relative;}
#header #header_menu .navbar-default .navbar-nav>li>a:after{ content: ""; border-width:6px;border-style:solid;border-color:transparent transparent transparent transparent; position: absolute; left: 30px; bottom: -2px; }
#header #header_menu .navbar-default .navbar-nav>li:hover>a{ color: #fff; }
#header #header_menu .navbar-default .navbar-nav>li.open>a{ color: #fff; }
#header #header_menu .navbar-default .navbar-nav>li.open>a:after{border-width:10px;border-style:solid;border-color:transparent transparent #fff transparent;}
#header #header_menu .navbar-default .navbar-nav>li.active>a{ color: #fff; }
#header #header_menu .navbar-nav>li>.dropdown-menu{ box-shadow: 0px 0px 5px 0px #f5f5f5; }
#header #header_menu .navbar-nav>li>.dropdown-menu>li>a{ padding: 7px 20px}

.fis_show{ top: 0px!important; background: linear-gradient(to bottom, #002870, #000)!important; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#002870',endColorStr='#000',gradientType='0'); box-shadow: 0px 0px 50px 2px #002870!important;}


#bframe{}
#bframe img{ width: 100%;}


#divframe{ padding: 60px 0;}
#divframe .ipto{ width: 100%; float: left; height: auto; text-align: center; cursor: pointer;}
#divframe .ipti{ display: block; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;}
#divframe .ipti i.iconfont{ font-size: 70px; color: #002870; }
#divframe .iptz{ display: block}
#divframe .iptz b{ font-size: 16px; color: #333; line-height: 24px;}
#divframe .ipto:hover .ipti{ transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }
@media (min-width:1px) and (max-width:767px)
{
    #divframe{ padding: 30px 0;}
    #divframe .ipti i.iconfont{ font-size: 40px;}
    #divframe .iptz b{ font-size: 10px; line-height: 18px;}
}


#divframe1{ padding: 60px 0; background: #f3f3f3;}
#divframe1 h3{ font-family: "Impact"; text-align: center; font-size: 40px; line-height: 50px; color: #002971;}
#divframe1 p{ font-size: 16px; text-align: center; padding: 15px 10%; line-height: 30px;}
#divframe1 .ipto{ width: calc(33.33% - 30px); float: left; height: auto; text-align: center; cursor: pointer; margin-right: 40px;}
#divframe1 .ipti{ width: 100%; float: left; height: auto;  position: relative; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;}
#divframe1 .ipti img.img1{ width: 100%; position: relative; z-index: 2;}
#divframe1 .ipti img.img2{ width: 100%; position: absolute; left: 0px; top: 0px; right: 0px; z-index: 1;}
#divframe1 .iptz{ width: 100%; float: left; height: auto; padding: 10px 15%;}
#divframe1 .iptz b{ font-size: 16px; color: #b1b1b1; line-height: 24px;}

#divframe1 .ipto.active .ipti img.img2{ z-index: 10;}
#divframe1 .ipto.active .iptz b{ color: #333;}
#divframe1 .ipto:last-child{ margin-right: 0;}
@media (min-width:1px) and (max-width:767px)
{
    #divframe1{ padding: 30px 0;}
    #divframe1 h3{ font-size: 30px;}
    #divframe1 p{ font-size: 14px; padding: 0; line-height: 20px}
    #divframe1 .ipto{ margin-top: 30px; width: calc(33.33% - 10px); margin-right: 15px}
    #divframe1 .iptz b{ font-size: 14px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
}

#divframe2{ background: url("../images/1_04.jpg") no-repeat center center / cover; padding: 60px 0;}
#divframe2 .ipto{ width: 100%; float: left; height: auto; display: none; color:#fff;}
@media (min-width:1px) and (max-width:767px)
{
    #divframe2{ padding: 30px 0;}
}

#divframe3{ padding: 60px 0; background: #f3f3f3;}
#divframe3 h3{ font-family: "Impact"; text-align: center; font-size: 40px; line-height: 50px; color: #002971;}
#divframe3 .slideTxtBox{ width:100%; text-align:center; position: relative; height: 230px;}
#divframe3 .slideTxtBox .hd{position:relative; padding-top: 30px; margin-top: 60px; margin-bottom: 60px;}
#divframe3 .slideTxtBox .hd:after{ content: ""; position: absolute; left: 20%; right: 20%; bottom: 0px; height: 1px; border-bottom: 1px solid #dedede; z-index: 9;}
#divframe3 .slideTxtBox .hd ul{ float:left; position:absolute; left:20%; top:-15px; right: 20%}
#divframe3 .slideTxtBox .hd ul li{ float: left; position: relative; color: #c1c7d1; font-size: 16px; cursor: pointer;}
#divframe3 .slideTxtBox .hd ul li>span{ padding: 5px 10px 20px 10px;; margin-left: -60px;}
#divframe3 .slideTxtBox .hd ul li:after{ content: ""; width: 10px; height: 10px; background: #c1c7d1; border-radius: 50%; position: absolute; left: -3px; bottom: -28px; box-shadow: 0px 0px 10px 2px #e6e8ec; z-index: 10;}
#divframe3 .slideTxtBox .hd ul li.on{ color: #002971!important;}
#divframe3 .slideTxtBox .hd ul li.on:after{ background: #002971!important;}
#divframe3 .slideTxtBox .hd ul li:last-child{ float: right;}
#divframe3 .slideTxtBox .hd ul li:last-child>span{ padding: 5px 10px 20px 10px;; margin-right: -60px;}
#divframe3 .slideTxtBox .hd ul li:last-child:after{ content: ""; width: 10px; height: 10px; background: #c1c7d1; border-radius: 50%; position: absolute; left: -3px; bottom: -28px; box-shadow: 0px 0px 10px 2px #e6e8ec; z-index: 10;}
#divframe3 .slideTxtBox .hd ul li:nth-child(2){ margin-left: 15%;}
#divframe3 .slideTxtBox .hd ul li:nth-child(2)>span{ padding: 5px 10px 20px 10px;; margin-left: -35px;}
#divframe3 .slideTxtBox .hd ul li:nth-child(3){ margin-left: 20%;}
#divframe3 .slideTxtBox .hd ul li:nth-child(4){ margin-left: 20%;}
#divframe3 .slideTxtBox .hd ul li:nth-child(4)>span{ padding: 5px 10px 20px 10px;; margin-left: -46px;}
#divframe3 .slideTxtBox .bd>ul{ width: 100%; float: left; height: auto;}
#divframe3 .slideTxtBox .bd>ul>li{ width: 80%; float: left; height: auto; margin-left: 10%;}
#divframe3 .slideTxtBox .bd>ul>li>img{ width: 40%; float:left;}
#divframe3 .slideTxtBox .bd>ul>li>span.date{ width: 58%; text-align: left; float:right; padding-top: 30px;}
#divframe3 .slideTxtBox .bd>ul>li>span.date>b{ display: block; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #002971; }
#divframe3 .slideTxtBox .bd>ul>li>span.date>address{ font-size: 16px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#divframe3 .slideTxtBox a.prev{ width: 50px; height: 50px; line-height: 50px; position: absolute; left: 0px; bottom: 25%; background: #002971; color: #fff; cursor: pointer; opacity: 0.5;}
#divframe3 .slideTxtBox a.prev i.iconfont{ font-size: 15px; display: inline-block;}
#divframe3 .slideTxtBox a.next{ width: 50px; height: 50px; line-height: 50px; position: absolute; right: 0px; bottom: 25%; background: #002971; color: #fff; cursor: pointer; opacity: 0.5;}
#divframe3 .slideTxtBox a.next i.iconfont{ font-size: 15px; display: inline-block;}
#divframe3 .slideTxtBox a:hover{ opacity: 1;}
@media (min-width:1px) and (max-width:767px)
{
    #divframe3{ padding: 30px 0;}
    #divframe3 h3{ font-size: 30px; margin-bottom: 15px;}
    #divframe3 .slideTxtBox{ height: 44px; overflow: hidden;}
    #divframe3 .slideTxtBox .bd>ul>li{ width: 80%; margin-left: 10%;}
    #divframe3 .slideTxtBox .bd>ul>li>span.date{ padding-top: 0px;}
    #divframe3 .slideTxtBox .bd>ul>li>span.date>address{ display: none;}
    #divframe3 .slideTxtBox a.prev{ width: 30px; height: 30px; line-height: 30px;}
    #divframe3 .slideTxtBox a.next{ width: 30px; height: 30px; line-height: 30px;}
}

#divframe4{ padding: 60px 0; background: url("../images/1_03.jpg") no-repeat center center;}
#divframe4 h3{ font-family: "Impact"; text-align: left; font-size: 40px; line-height: 50px; color: #fff; margin-bottom: 30px;}
#divframe4 p{ font-size: 16px; color: #fff; line-height: 30px; }
#divframe4 .ipto{ width: calc(25% - 20px); float: left; height: auto; margin-right: 26px;}
#divframe4 .ipti{ display: block;}
#divframe4 .ipti img{ width: 100%;}
#divframe4 .ipto:last-child{ margin-right: 0px;}
#divframe4 a.more{ padding: 5px 60px; background: #002971; display: inline-block; margin-top: 30px; border-radius: 20px;}
#divframe4 a.more>i.iconfont{ font-size: 20px; color: #fff;}
@media (min-width:1px) and (max-width:767px)
{
    #divframe4{ padding: 30px 0;}
    #divframe4 h3{ font-size: 30px; margin-bottom: 15px;}
    #divframe4 p{ font-size: 14px; padding: 0; line-height: 20px}
    #divframe4 a.more{ margin-top: 15px;}
    #divframe4 .ipto{ margin-top: 26px;}
}

#divframe5{ padding: 60px 0; display: block;}
#divframe5 h3{ font-family: "Impact"; text-align: center; font-size: 40px; line-height: 50px; color: #002971; margin-bottom: 30px;}
#divframe5 .ipto{ width: calc(33.33% - 7px); float: left; height: auto; position: relative; margin-right: 10px; margin-bottom: 10px;}
#divframe5 .ipti{ width: 100%; float: left; height: auto;}
#divframe5 .ipti img{ width: 100%; float: left; height: auto;}
#divframe5 .iptz{ position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 15px; background: rgba(0,40,112,0.7); text-align: center;}
#divframe5 .iptz b{ display: block; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #fff;}
#divframe5 .ipto:nth-child(4){ margin-right: 0px;}
#divframe5 .ipto:last-child{ margin-right: 0px;}
#divframe5 .ipto:hover .iptz{ background: rgba(191,1,2,0.7);}
@media (min-width:1px) and (max-width:767px)
{
    #divframe5{ padding: 30px 0;}
    #divframe5 h3{ font-size: 30px; margin-bottom: 15px;}
    #divframe5 .ipto{ width: calc(50% - 7px); margin-right: 14px; margin-bottom: 14px;}
    #divframe5 .ipto:nth-child(4){ margin-right: 0px;}
    #divframe5 .iptz b{ font-size: 12px;}
    #divframe5 .ipto:nth-child(2){ width: calc(100%); margin-right: 0px;}
}

#divframe6{ padding: 60px 0; background: url("../images/1_10.jpg") no-repeat center center; height: 541px;}
#divframe6 a{ display: inline-block; margin-top: calc(25% - 140px);}
#divframe6 h3{ font-family: "Impact"; font-size: 40px; line-height: 50px; color: #fff; margin-top: 30px; text-transform: uppercase;}
#divframe6 i.iconfont{ width: 60px; display: inline-block; height: 60px; line-height: 60px; font-size: 30px; color: #838c99; background: #fff; border-radius: 50%;  -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;}
#divframe6 a:hover i.iconfont{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }
@media (min-width:1px) and (max-width:767px)
{
    #divframe6{ padding: 30px 0; height: 200px;}
    #divframe6 h3{ font-size: 30px; margin-bottom: 15px;}
    #divframe6 a{ margin-top: calc(100px - 68px);}
    #divframe6 h3{ margin-top: 0; margin-bottom: 0px; font-size: 20px;}
    #divframe6 i.iconfont{ width: 40px; height: 40px; line-height: 40px; font-size: 20px;}
}

#divframe7{ padding: 60px 0; }
#divframe7 h3{ font-family: "Impact"; text-align: left; font-size: 40px; line-height: 50px; color: #002971; margin-bottom: 15px;}
#divframe7 p{ font-size: 16px; color: #a6a6a6; line-height: 20px; }
#divframe7 .subscription{ width: 550px; float: right; height: auto; padding-top: 30px;} 
#divframe7 .subscription input{ width: 70%; float: left; height: auto; height: 34px; line-height: 34px; border: 2px solid #e4e4e4; padding-left: 2%; border-right: 0;}
#divframe7 .subscription button{ width: 30%; float: left; height: auto; line-height: 34px; border: 0; background: #002971; color: #fff;}
@media (min-width:1px) and (max-width:767px)
{
    #divframe7{ padding: 30px 0; height: 200px;}
    #divframe7 h3{ font-size: 30px; margin-bottom: 7.5px;}
    #divframe7 .subscription{ width: 100%; padding-top: 15px;}
}

#footer{ padding: 60px 0; background: url("../images/1_11.jpg") no-repeat center center;}
#footer #f1{}
#footer #f1 img{ margin-bottom: 30px;}
#footer #f1 p{ font-size: 16px; color: #fff; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;}
#footer #f1 a{ display: inline-block; margin-top: 30px;}
#footer #f1 a i.iconfont{ font-size: 20px; color: #fff; border: 1px solid #152a4e; padding: 10px;}

#footer #f2{}
#footer #f2 h3{ font-family: "Impact"; font-size: 26px; color: #fff; text-transform:capitalize; margin-bottom: 60px;}
#footer #f2>ul{}
#footer #f2>ul>li{ width: 100%; float: left; height: auto;}
#footer #f2>ul>li>a{ display: block; color: #fff; font-size: 16px; line-height: 30px;}
#footer #f2>ul>li>a>i.iconfont{ padding-right: 10px;}
#footer #f2>ul>li>a:hover{ padding-left: 5px;}

#footer #f3{}
#footer #f3 h3{ font-family: "Impact"; font-size: 26px; color: #fff; text-transform:capitalize; margin-bottom: 60px;}
#footer #f3 p{ font-size: 16px; color: #fff; line-height: 26px; margin-bottom: 30px;}
#footer #f3 input{ width: 100%; float: left; line-height: 34px; margin-bottom: 15px; padding-left: 10px;}
#footer #f3 button{ background: linear-gradient(to bottom right, #002971, #002971); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#002971',endColorStr='#002971',gradientType='0'); padding: 7px 30px; border: 0; color: #fff; font-size: 16px; border-radius: 10px;}

#foot-language{ padding: 15px 0;}
#foot-language a{ display: inline-block; padding: 5px 15px; line-height: 20px;}
#foot-language a img{ float: left; padding-right: 5px;}

#copy{ background: #000; padding: 15px 0; color: #fff;  font-size: 14px;}
#copy #copy_l{}
#copy #copy_r{ text-align: right;}
@media (min-width:1px) and (max-width:767px)
{
    #copy{ margin-bottom: 50px;}
    #copy #copy_r{ text-align: left;}
}
#copy a{ color: #fff;}


#body{}

#location{ padding:15px 0; font-size:14px; border-bottom: 1px solid #dadada; text-transform: capitalize;}
#location a{ display: inline-block; line-height: 24px;}
#location i.iconfont{ font-size:10px; display:inline-block; text-align:center; margin-right: 5px;}
#location .i-home{ background: #002870; font-size: 12px!important; width:24px; line-height:24px; border-radius: 50%; color:#fff;}
@media screen and (min-width:1px) and (max-width:767px) 
{
  #location{ padding: 10px 0;}
  #location i.iconfont{ font-size: 14px; height: 20px; width: 20px; line-height: 20px;}
}

#left_nav{ padding: 30px 15px;}
#left_nav .left_menu{ width: 100%; float: left; height: auto;}
#left_nav .left_menu .lbt{ width: 100%; float: left; }
#left_nav .left_menu .lbt h2{ width: 100%; float: left; font-family: 'Impact'; text-transform: uppercase; line-height: 30px; background: #002870; font-size: 19px; color: #fff;  padding: 38px 20px;}
#left_nav .left_menu .lbt h2 img{ padding-right: 15px;}
#left_nav .left_menu .lmb{ width: 100%; float: left; height: auto;}
#left_nav .left_menu .lmb ul{ list-style-type: none;}
#left_nav .left_menu .lmb li{ display: block; border-bottom: 1px solid #f0f0f0; position: relative;}
#left_nav .left_menu .lmb li a{ display: block; padding: 15px 0 15px 30px; font-size: 14px;}
#left_nav .left_menu .lmb li a:before{ content: "."; font-size: 20px; font-weight: bold; padding-right: 10px; position: absolute; left: 20px; top: 5px; color: #002870;}
#left_nav .left_menu .lmb li:hover a{ color: #fff; background: #2254ac;} 
#left_nav .left_menu .lmb li:hover a:before{ color: #fff;}
#left_nav .left_menu .lmb li.active a{ color: #fff; background: #2254ac; }
#left_nav .left_menu .lmb li.active a:before{ color: #fff;}

#left_nav .left_Hot{ width: 100%; float: left; height: auto; margin-top: 30px;}
#left_nav .left_Hot .lbt{ width: 100%; float: left; }
#left_nav .left_Hot .lbt h2{ width: 100%; float: left; font-family: 'Impact'; text-transform: uppercase; line-height: 30px; background: #002870; font-size: 19px; color: #fff;  padding: 18px 20px;}
#left_nav .left_Hot .flexslider{width: 100%; position:relative; height:auto; background:url(../images/loading.gif) 50% no-repeat;}
#left_nav .left_Hot .slides{  position:relative;z-index:1; width:100%; overflow:hidden;}
#left_nav .left_Hot .slides li{height:auto; width:100%;background-position:center top; background-repeat:repeat-x; margin-top: 30px;}
#left_nav .left_Hot .slides li img{ width:100%; border: 1px solid #f0f0f0;}
#left_nav .left_Hot .slides li h3{ display: block; font-size: 16px; line-height: 24px; text-align: center; padding: 10px;}
#left_nav .left_Hot .flex-control-nav{position:absolute;bottom:0px;z-index:2;width:100%;text-align:center; margin-bottom:0px; padding:9.5px 0; display: none;}
#left_nav .left_Hot .flex-direction-nav{position:absolute;z-index:88;width:100%;bottom:30px;}
#left_nav .left_Hot .flex-direction-nav li a{display:block;width:22px;height:22px;overflow:hidden;cursor:pointer;position:absolute;}
#left_nav .left_Hot .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/iprev.jpg) center center no-repeat;}
#left_nav .left_Hot .flex-direction-nav li a.flex-next{right:40px;background:url(../images/inext.jpg) center center no-repeat;}

@media (min-width:1px) and (max-width:767px)
{
    #left_nav{ padding: 15px 15px 0 15px;}
	#left_nav .left_menu .lbt h2{ padding: 15px 20px;}
    #left_nav .left_menu .lmb{ display: none;}
}

#body #right{ padding: 30px 15px;}
@media (min-width:1px) and (max-width:767px)
{
	#body #right{ padding: 0px 15px 30px 15px;}
}

/*关于我们*/

#body #abframe{ padding: 60px 0;}
#body #abframe h3{ font-family: "Impact"; font-size: 40px; color: #002971; margin-bottom: 30px;}
#body #abframe p{ font-size: 16px; line-height: 30px; color: #333; text-align: justify;}

@media (min-width:1px) and (max-width:767px)
{
    #body #abframe{ padding: 30px 0;}
    #body #abframe h3{font-size: 30px; margin-bottom: 15px;}
    #body #abframe p{ font-size: 14px; line-height: 20px;}
}

#body #abframe1{ padding-bottom: 60px;}
#body #abframe1 #abframe1_l{}
#body #abframe1 #abframe1_l h3{ font-family: "Impact"; font-size: 40px; color: #002971; margin-bottom: 30px;}
#body #abframe1 #abframe1_l p{ font-size: 16px; line-height: 30px; color: #333; text-align: justify;}

#body #abframe1 #abframe1_r{ margin-top: 44px;}
#body #abframe1 #abframe1_r .ipto{ width: calc(50% - 7px); float: left; height: auto; position: relative; margin-right: 10px; margin-bottom: 10px;}
#body #abframe1 #abframe1_r .ipti{ width: 100%; float: left; height: auto;}
#body #abframe1 #abframe1_r .ipti img{ width: 100%; float: left; height: auto;}
#body #abframe1 #abframe1_r .iptz{ position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 10px; background: rgba(0,40,112,0.7); text-align: center;}
#body #abframe1 #abframe1_r .iptz b{ display: block; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #fff;}
#body #abframe1 #abframe1_r .ipto:nth-child(2){ margin-right: 0px;}
#body #abframe1 #abframe1_r .ipto:last-child{ margin-right: 0px;}
#body #abframe1 #abframe1_r .ipto:hover .iptz{ background: rgba(191,1,2,0.7);}
@media (min-width:1px) and (max-width:767px)
{
    #body #abframe1{ padding-bottom: 30px}
    #body #abframe1 #abframe1_l h3{font-size: 30px; margin-bottom: 15px;}
    #body #abframe1 #abframe1_l p{ font-size: 14px; line-height: 20px;}
    #body #abframe1 #abframe1_r .iptz b{ font-size: 12px;}
    #body #abframe1 #abframe1_r{ margin-top: 22px;}
}

#body #abframe2{ padding: 60px 0; height:auto; background: url("../images/1_16.jpg") no-repeat; background-size: cover;}
#body #abframe2 h3{ font-family: "Impact"; font-size: 40px; color: #fff; margin-bottom: 30px;}
#body #abframe2 .ipto{ width: calc(25% - 15px); float: left; height: auto; position: relative; margin-right: 20px; margin-bottom: 20px; cursor: pointer;}
#body #abframe2 .ipti{ width: 100%; float: left; height: auto; text-align: center;}
#body #abframe2 .ipti i.iconfont{ font-size: 70px; display: inline-block; color: #fff; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;}
#body #abframe2 .iptz{ width: 100%; float: left; height: auto;}
#body #abframe2 .iptz b{ display: block; font-size: 16px; font-weight: inherit; font-weight: normal; text-transform:capitalize; color: #fff;}
#body #abframe2 .ipto:last-child{ margin-right: 0px;}
#body #abframe2 .ipto:hover .ipti i.iconfont{ transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }

@media (min-width:1px) and (max-width:767px)
{
    #body #abframe2{ padding: 30px 0;}
    #body #abframe2 .ipto{ width: calc(50% - 15px); margin-right: 30px;}
    #body #abframe2 .ipto:nth-child(3){ margin-right: 0px;}
    #body #abframe2 .ipti i.iconfont{ font-size: 40px;}
    #body #abframe2 .iptz b{ font-size: 10px;}
}


#body #abframe3{ padding: 60px 0;}
#body #abframe3 h3{ font-family: "Impact"; font-size: 40px; color: #002971; margin-bottom: 30px;}
#body #abframe3 #certify{position:relative;width:100%;padding-top:45px}
#body #abframe3 #certify .swiper-slide{width:400px;height:auto;background:#fff;box-shadow:0 8px 30px #ddd}
#body #abframe3 #certify .swiper-slide img{display:block;width:100%}
#body #abframe3 #certify .swiper-slide p{line-height:98px;padding-top:0;text-align:center;color:#636363;font-size:1.1em;margin:0}
#body #abframe3 #certify .swiper-pagination{width:100%;bottom:20px}

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

/*产品筛选*/
#products-filter{ background: #f5f5f5; padding: 30px 0;}
#products-filter h3{ font-size: 16px; line-height: 24px; font-weight: bold; text-transform: uppercase; color: #333; margin-bottom: 15px;}
#products-filter h3 i.iconfont{ color: #d00000; font-size: 20px; padding-right: 5px; margin-top: 2px;}
#products-filter .Majorclass{ width: 300px; float: left;  background: #d00000; color: #fff; padding:0 10px; border-radius: 5px; border: 0; font-size: 16px; margin-right: 15px; height: 43px; line-height: 43px; position: relative;}
#products-filter .Majorclass>dl{ width: 100%; float: left; height: 43px; line-height: 43px; cursor: pointer;}
#products-filter .Majorclass>ul{ width: 100%; float: left; height: auto; position: absolute; top: 100%; left: 0px; z-index: 9; display: none; background: #d00000; border-radius: 5px;}
#products-filter .Majorclass>ul>li{ width: 100%; float: left; height: 43px; line-height: 43px; cursor: pointer; padding: 0 10px;}
#products-filter .Majorclass>ul>li:hover{ background: #666;}
#products-filter .Majorclass>ul>li.active{ background: #666;}


#products-filter .Small2{ font-size: 16px; color: #7a7a7a; line-height: 39px;}
#products-filter .Small2 em{ font-style: italic; color: #d00000; padding-right: 5px;}
@media screen and (min-width:1px) and (max-width:767px) 
{
  #products-filter .Majorclass{ margin-bottom: 15px;}
}

/*产品中心*/
#body .products-list #synopsis{}
#body .products-list #synopsis h3{ font-size: 26px; font-family: "Impact";}
#body .products-list #synopsis p{ font-size: 14px; line-height: 21px; padding: 10px 0; border-bottom: 2px solid #002971;}

#body .indexcategory{ display: block;}
#body .indexcategory #indexcategorytit{ padding: 10px 15px; margin-top: 30px;}
#body .indexcategory #indexcategorytit h4{ display: inline-block; font-size: 24px;}
#body .indexcategory #indexcategorytit a.more{ float: right; color: #002971;}
#body .indexcategory #indexcategorytit p{ width: 100%; float: left; height: auto; border-bottom: 1px dashed #002971; margin-top: 10px; padding-bottom: 15px; font-size: 14px;}
@media screen and (min-width:1px) and (max-width:767px) 
{
    #body .indexcategory #indexcategorytit h4{ font-size: 18px;}
}

#body .products-list .ipto{ width: 100%; float: left; margin-top: 30px; border-bottom: 3px solid #002870;}
#body .products-list .ipti{ width: 30%; float: left; border: 1px solid #dadada; overflow: hidden;}
#body .products-list .ipti img{ width: 100%; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;}
#body .products-list .iptz{ width: 68%; float: right; padding: 5px 10px; }
#body .products-list .iptz b{ display: block; line-height: 30px; font-size: 18px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; text-transform:capitalize; position: relative; font-weight: bold; padding-bottom: 15px; margin-bottom: 15px;}
#body .products-list .iptz b:after{ content: ""; width: 41px; height: 1px; border-bottom: 2px solid #002870; position: absolute; left: 0px; bottom: 0px; }
#body .products-list .iptz strong{ font-size: 14px; display: none;}
#body .products-list .iptz address{ font-size: 12px; color: #666; line-height: 20px; margin-top: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
#body .products-list .iptz address font{ color: #002870;}
#body .products-list .iptz a.more{ padding: 5px 30px;}

#body .products-list .ipto.active{ display: block; margin-top: 30px;}
#body .products-list .ipto.active .ipti{ width: 45%; float: left; height: auto;}
#body .products-list .ipto.active .iptz{ width: 53%; float: right; background: none;}
#body .products-list .ipto.active .iptz b{ background: none; color: #333; text-align: left; font-size: 24px;}
#body .products-list .ipto.active .iptz address{max-height: 151px; display: -webkit-box; overflow: hidden;  -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
#body .products-list .ipto.active .iptz a.more{ display: block;}
#body .products-list .ipto.active:hover .iptz b{ color:#0b63a2;}

#body .products-list .ipto:hover .ipti img{ transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}

@media screen and (min-width:1px) and (max-width:767px) 
{
  #body .products-list .ipto .ipti{ width: 35%;}
  #body .products-list .ipto .iptz{ width: 63%;}
  #body .products-list .ipto .iptz b{ font-size: 14px; line-height: 24px;  text-align: left;  color: #333; text-overflow:inherit; white-space:inherit; padding-bottom: 5px; margin-bottom: 5px; }
  #body .products-list .ipto .iptz strong{ font-size: 10px; font-weight: inherit; font-weight: normal;}
}
/*产品详细页*/
#body .detail{ width: 100%; float: left;  height: auto; padding: 30px 0px;}
#body .detail .detail_tit{ display: block;}
#body .detail .detail_tit h1{ font-family: 'Open_Sans_Light'; font-size: 30px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px;}
#body .detail .detail_tit p{ font-size: 14px;  color: #aaa; border-bottom: 2px solid #dadada; padding-bottom: 15px;}
#body .detail .detail_cont{ display: block; margin-top: 30px;}
#body .detail .detail_cont .detail_big{ display: block;}
#body .detail .detail_cont .detail_big img{ width: 100%; border: 2px solid #f0f0f0;}
@media (min-width:1px) and (max-width:767px)
{
	#body .detail{ padding: 30px 0;}
    #body .detail .detail_tit h1{ font-size: 18px;}
    #body .detail .detail_tit p{ font-size: 12px;;}
}
/*产品详情页小图滚动*/
#rtp_small_img .owl-controls{ display: block!important;}
#rtp_small_img .owl-carousel .owl-controls .owl-buttons{}
#rtp_small_img .owl-carousel .owl-wrapper-outer{ margin-top:5px!important}
#rtp_small_img .owl-controls .owl-buttons>div{background:#002870!important;width:20px;height:80px;font-size:40px;top:0;margin:5px 0;border-radius:0;position:absolute;}
#rtp_small_img .owl-controls .owl-buttons>div>i.iconfont{ padding-top:17px;color:#fff; display:inline-block;}
#rtp_small_img .owl-controls .owl-buttons>.owl-next{right:0; padding:0 !important;}
#rtp_small_img .owl-controls .owl-buttons>.owl-prev{left:0;  padding:0 !important;}
#rtp_small_img .owl-controls .owl-buttons>div:hover{opacity:1;}
.prosmimg{ display: inline-block; padding:10px 5px;}
.prosmimg img{ border: 1px solid #f0f0f0;}

#body .detail .detail_cont .detail_present{ width: 100%; float: left; height: auto;}
#body .detail .detail_cont .detail_present h3{ font-family: 'Open_Sans_Light'; font-weight: bold; font-size: 24px; text-transform:capitalize; margin-bottom: 30px;}
#body .detail .detail_cont .detail_present p{ font-size: 14px; line-height: 26px; color: #696969; margin: 10px 0;}
#body .detail .detail_cont .detail_present p i.iconfont{ display: block; color: #002870; font-size: 40px; margin-top: 10px;}


@media (min-width:1px) and (max-width:767px)
{
	#body .detail .detail_cont .detail_present{ margin-top: 30px;}
    #body .detail .detail_cont .detail_present h1{ font-size: 18px;}
    #body .detail .detail_cont .detail_present p{ line-height: 2em; font-size: 12px;}
}

/*产品详细内容样品展示*/
#body .detail .detail_sample{ width:100%; float:left; height:auto; position:relative; margin: 30px auto;}
#body .detail .detail_sample h3{ font-family: 'Open_Sans_Light'; font-weight: bold; font-size: 18px; text-transform: uppercase; margin-bottom: 30px;}
#body .detail .detail_sample .ipto{ width: 100%; float: left; height: auto; position: relative; border-right: 1px solid #dadada;}
#body .detail .detail_sample .ipti{ display: block;}
#body .detail .detail_sample .ipti img{ width: 100%;}
#body .detail .detail_sample .iptz{ width:100%; display:block; height:100%; position:absolute; left:0px; top:0; right:0; bottom:0; z-index:1; background:rgba(0,0,0,0.6); transform:rotate(360deg) scale(0,0);-ms-transform:rotate(360deg) scale(0,0);-moz-transform:rotate(360deg) scale(0,0);-webkit-transform:rotate(360deg) scale(0,0);-o-transform:rotate(360deg) scale(0,0)}
#body .detail .detail_sample .iptz a{ display: block; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding-top: 30px; text-transform: capitalize;}
#body .detail .detail_sample .ipto:hover .iptz{transform:rotate(360deg) scale(1,1);-ms-transform:rotate(360deg) scale(1,1);-moz-transform:rotate(360deg) scale(1,1);-webkit-transform:rotate(360deg) scale(1,1);-o-transform:rotate(360deg) scale(1,1); -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out;}
#body .detail .detail_sample .owl-theme .owl-controls .owl-buttons div{position: absolute; top: 40%; background: #002870; border-radius: 0; width: 20px; height: 50px; line-height: 50px; text-align: center; padding: 0; margin: 0;}
#body .detail .detail_sample .owl-theme .owl-controls .owl-buttons div.owl-prev{ left: 0px; }
#body .detail .detail_sample .owl-theme .owl-controls .owl-buttons div.owl-next{ right: 0px;}


/*产品详细内容*/
#body .detail .xgeffect{ width:100%; float:left; height:auto; position:relative;}
#body .detail .detailtop{ float:left; width:100%; height:auto; margin-top:15px; position: relative;}
#body .detail .detailtop strong{ float:left; width: 220px; text-align: center; background:#dadada; padding: 10px 0; font-size:18px; color:#fff; font-weight:inherit; font-weight: normal; z-index:22; margin-right: 5px; cursor: pointer;}
#body .detail .detailtop strong.active{ background: #002870;}
#body .detail .detailtop p{ height:1px; border-bottom:2px solid #dadada; float: left; width: 100%;}
#body .detail .detalist{ float:left; width:100%; padding-top:20px;}
@media (min-width:1px) and (max-width:767px)
{
    #body .detail .detailtop strong{ font-size: 14px; padding: 5px 0; width: calc(33.33% - 5px);}
    #body .detail .detailtop p{ top: 15px;}
}
/*产品详细留言*/
#body .detail .onlineInquiry{ background: #f9f9f9; padding: 20px; border:1px solid #f0f0f0;}
#body .detail .onlineInquiry p{ display: block; line-height: 30px; font-size: 16px; margin-bottom: 15px;}
#body .detail .onlineInquiry em{ font-style: italic; font-size: 14px; color: #FF0004; padding-right: 5px;}
#body .detail .onlineInquiry .input-group-addon{}
#body .detail .onlineInquiry input{ line-height: 34px; }
#body .detail .onlineInquiry #btn_send{ margin-top: 30px;}

#body .detail .detalist .ipto{ display: block; margin-top: 30px;}
#body .detail .detalist .ipti{ display: block; border: 2px solid #d00000;}
#body .detail .detalist .ipti img{ width: 100%;}
#body .detail .detalist .iptz{ display: block;}
#body .detail .detalist .iptz b{ display: block; line-height: 30px; text-align: center; background: #d00000; color: #fff; font-size: 14px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px; text-transform: uppercase; font-family: 'Open_Sans_Light';}
#body .detail .detalist .ipto:hover .ipti{ border-color: #0b63a2;}
#body .detail .detalist .ipto:hover .iptz b{ background: #0b63a2;}
@media (min-width:1px) and (max-width:767px)
{
    #body .detail .onlineInquiry{ padding: 15px;}
    #body .detail .ipto{ margin-top: 0px; }
}
/*编辑器内容*/
#input {border:none; margin:0; padding:0; font:14px 'Courier New',Verdana; border:0}
.te {border:1px solid #bbb; padding:0 1px 1px; font:12px Verdana,Arial; margin:0px;}
.te iframe {border:none}
.teheader {height:31px; border-bottom:1px solid #bbb;/* background:url(../images/header-bg.gif) repeat-x;*/ padding-top:1px}
.teheader select {float:left; margin-top:5px}
.tefont {margin-left:12px}
.tesize {margin:0 3px}
.testyle {margin-right:12px}
.tedivider {float:left; width:1px; height:30px; background:#ccc}
.tecontrol {float:left; width:34px; height:30px; cursor:pointer; background-image:url(../images/icons.png)}
.tecontrol:hover {background-color:#fff; background-position:30px 0}
.tefooter {height:auto; border-top:1px solid #bbb; background:#f5f5f5;overflow:hidden; }
.toggle {float:left;padding:9px 13px 0 10px; height:23px;color:#666;}
.resize {float:right; height:32px; width:32px; /*background:url(../images/resize.gif) 15px 15px no-repeat;*/ cursor:s-resize}
#editor {cursor:text; margin:10px}
@media (min-width:1px) and (max-width:767px)
{
	
	.tefooter{ display: none;}
}

/*案例*/
#body #casestit{}
#body #casestit h3{ font-size: 26px; font-family: 'Open_Sans_Light'; font-weight: bold; text-transform: uppercase; margin-top: 30px; padding-bottom: 30px; border-bottom: 3px solid #eee;}

#body .cases{ width: 100%; float: left;  height: auto;}
#body .cases .ipto{ width: 100%; float: left;  height: auto; margin-bottom: 30px; border: 2px solid #f5f5f5;}
#body .cases .ipti{ width: 40%; float: left; height: auto; overflow: hidden;}
#body .cases .ipti img{ width: 100%;}
#body .cases .iptz{ width: 58%; float: right; height: auto;}
#body .cases .iptz b{ display: block; line-height: 30px; font-size: 16px; font-weight: bold; color: #002870; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px 0;}
#body .cases .iptz em{ font-style:normal; display: block; padding: 10px 0;}
#body .cases .iptz address{ font-size: 14px; text-align: left; line-height: 25px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
#body .cases .iptz address span{ width: 50px;}
#body .cases .iptz address p{ width: 89%; float: right; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
#body .cases .ipto:hover .ipti img{ animation:pulse 1.5s;-moz-animation:pulse 1.5s;-webkit-animation:pulse 1.5s;-o-animation:pulse 1.5s;}
@media (min-width:1px) and (max-width:767px)
{
	#body .cases .ipto{ margin-top: 30px; margin-bottom: 0px; padding-bottom: 15px;}
    #body .cases .ipti{ width: 100%;}
    #body .cases .iptz{ width: 100%;}
    #body .cases .iptz b{ margin-top: 15px;}
    #body .cases .iptz em{ display: none;}
}


/*新闻内页推荐*/
#body #insidepage{ padding: 60px 15px 30px 15px;}
#body #insidepage .insidepage_tit{ display: block; margin-bottom: 30px;}
#body #insidepage .insidepage_tit h3{ font-family: 'Open_Sans_Light'; font-size: 30px; text-transform: uppercase; margin-bottom: 30px;}
#body #insidepage .insidepage_tit p{ font-size: 14px; color: #aaa; padding-bottom: 60px; border-bottom: 2px solid #d00000;}
#body #insidepage #insidepage_l{ width: 70%; float: left; height: auto;}
#body #insidepage #insidepage_l .ipto{ width: 100%; float: left; height: auto; position: relative; overflow: hidden;}
#body #insidepage #insidepage_l .ipti{ width: 100%; float: left; height: auto; position: relative;}
#body #insidepage #insidepage_l .ipti img{ width: 100%;}
#body #insidepage #insidepage_l .iptz{ background: rgba(0,0,0,0.5); position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 30px 15px;}
#body #insidepage #insidepage_l .iptz b{ display: block; font-size: 18px; margin-bottom: 15px;}
#body #insidepage #insidepage_l .iptz b a{ color: #fff;}
#body #insidepage #insidepage_l .iptz b em{ color: #fff; font-style: italic; float: right;}
#body #insidepage #insidepage_l .iptz address{ font-size: 12px; color: #fff; line-height: 18px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
#body #insidepage #insidepage_l .ipto:hover .ipti img{ animation:pulse 1.5s;-moz-animation:pulse 1.5s;-webkit-animation:pulse 1.5s;-o-animation:pulse 1.5s;}
#body #insidepage #insidepage_r{ width: 28%; float: right;}
#body #insidepage #insidepage_r .picScroll-top{ margin:0 auto;  width:100%;  position:relative;  }
#body #insidepage #insidepage_r .picScroll-top .hd{ height: 42px; position: absolute; left: 0px; bottom: -55px; right: 0px;}
#body #insidepage #insidepage_r .picScroll-top .hd i.iconfont{ color: #fff; display: inline-block; font-size: 30px;}
#body #insidepage #insidepage_r .picScroll-top .hd .prev{}
#body #insidepage #insidepage_r .picScroll-top .hd .next{ width: 100%; height: 42px; background: #d00000; float: left;  text-align: center; cursor: pointer;}
#body #insidepage #insidepage_r .picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
#body #insidepage #insidepage_r .picScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
#body #insidepage #insidepage_r .picScroll-top .hd ul li.on{ background-position:0 0; }
#body #insidepage #insidepage_r .picScroll-top .bd{ }
#body #insidepage #insidepage_r .picScroll-top .bd ul{ overflow:hidden; zoom:1; }
#body #insidepage #insidepage_r .picScroll-top .bd ul li{ width: 100%; float: left; height: auto; margin-bottom: 10px; zoom:1;}
#body #insidepage #insidepage_r .picScroll-top .bd ul li .pic{ text-align:center; overflow: hidden;}
#body #insidepage #insidepage_r .picScroll-top .bd ul li .pic img{ width:100%; display:block;}
#body #insidepage #insidepage_r .picScroll-top .bd ul li .pic a:hover img{ border-color:#999;  }
#body #insidepage #insidepage_r .picScroll-top .bd ul li .title{ width: 100%; float: left; height: 40px; background: rgba(0,0,0,0.5); line-height:30px; margin-top: -40px; position: relative; z-index: 1; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
#body #insidepage #insidepage_r .picScroll-top .bd ul li .title a{ font-size: 16px; color: #fff; display: block; padding: 5px 10px;}
#body #insidepage #insidepage_r .picScroll-top .bd ul li:hover .pic img{ animation:pulse 1.5s;-moz-animation:pulse 1.5s;-webkit-animation:pulse 1.5s;-o-animation:pulse 1.5s;}

/*新闻*/
#body #newsall{ margin-top: 30px;}
#body #newsall .tit{ width: 100%; float: left;  height: auto; border-bottom: 2px solid #f0f0f0; padding-bottom: 20px; margin-bottom: 20px; margin-top: 20px; text-transform: capitalize;}
#body #newsall .tit h2{ display: inline-block; font-size: 26px; text-transform: uppercase;}
#body #newsall .tit a.more{ margin-left: 15px;}
#body #newsall .tit a.more i.iconfont{ color: #d00000;}
#body #newsall .ipto{ width: 100%; float: left;  height: auto; margin-bottom: 30px; position: relative; border: 1px solid #f5f5f5;}
#body #newsall .ipti{ width: 100%; float: left; height: auto; position: relative; overflow: hidden;}
#body #newsall .ipti img{ width: 100%;}
#body #newsall .iptz{ width: 100%; float: right; height: auto; padding: 15px;}
#body #newsall .iptz b{ display: block; line-height: 30px; font-size: 14px; font-weight: bold; color: #002870; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px 0;}
#body #newsall .iptz em{ font-style:normal; display: block; padding: 10px 0;}
#body #newsall .iptz address{ font-size: 12px; text-align: left; line-height: 25px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
#body #newsall .ipto.active .iptz{ width: auto; position: absolute; left: 0px; bottom: 0px; right: 0px; background: rgba(0,0,0,0.5);}
#body #newsall .ipto.active .iptz em{ color: #fff;}
#body #newsall .ipto.active .iptz address{ color: #fff;}
#body #newsall .ipto:hover{ box-shadow: 0 0 10px #002870;}
@media (min-width:1px) and (max-width:767px)
{
    #body #newsall .tit h2{ font-size:18px;}
}
#body .NewsList{ width: 100%; float: left;  height: auto;}
#body .NewsList .ipto{ width: 100%; float: left;  height: auto; margin-bottom: 30px;  border-bottom: 2px solid #f5f5f5; padding-bottom: 30px;}
#body .NewsList .ipti{ width: 30%; float: left; height: auto; position: relative; overflow: hidden;}

#body .NewsList .ipti img{ width: 100%;}
#body .NewsList .iptz{ width: 68%; float: right; height: auto;}
#body .NewsList .iptz b{ display: block; line-height: 30px; font-size: 18px; color: #d00000; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px 0;}
#body .NewsList .iptz em{ font-style:normal; display: block; padding: 10px 0;}
#body .NewsList .iptz address{ font-size: 14px; text-align: left; line-height: 25px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
#body .NewsList .ipto:hover .ipti img{ animation:pulse 1.5s;-moz-animation:pulse 1.5s;-webkit-animation:pulse 1.5s;-o-animation:pulse 1.5s;}

@media (min-width:1px) and (max-width:767px)
{
	#body .NewsList .ipti{ width: 100%;}
    #body .NewsList .iptz{ width: 100%;}
    #body .NewsList .iptz b{ font-size:14px;}
    #body .NewsList .iptz em{ display: none;}
}

#body .NewsList #dtCate{ }
#body .NewsList #dtCate ul{ display: block; margin-bottom: 30px; border-bottom: 1px solid #dadada;}
#body .NewsList #dtCate li{ display: inline-block; background: #dadada; padding: 15px 50px; margin-right: 10px; text-transform: uppercase; color: #fff; font-size: 16px;}
#body .NewsList #dtCate li a{ display: block; color: #fff;}
#body .NewsList #dtCate li.active{ background: #002870;}

/*案例/新闻详情*/
#body .detailed{ width: 100%; float: left;  height: auto; }
#body .detailed .detailed_tit{ display: block; text-align: center;}
#body .detailed .detailed_tit h3{ font-size: 20px; margin-bottom: 30px;}
#body .detailed .detailed_tit p{ display: block; font-size: 16px;}
#body .detailed .detailed_tit p i{ width: 40px; display: inline-block;}
#body .detailed .detailed_tit #ProShare{ display: inline-block;}
#body .detailed .detailed_cont{ display: block; margin-top: 30px; line-height: 30px;}
#body .detailed #prevnext{ display: block; margin-top: 15px;}
#body .detailed #prevnext span:nth-child(2){ float: right;}
#body .detailed .detailed_Related{ display: block; margin-top: 15px;}
#body .detailed .detailed_Related h3{ display: block; font-size: 24px; font-family: 'Open_Sans_Light'; font-weight: bold; text-align: center; position: relative; padding-bottom: 30px;}
#body .detailed .detailed_Related h3:before{ content: ""; position: absolute; left: 36%; bottom: 0px; right: 36%; height:auto; border-bottom: 2px solid #dedede;}
#body .detailed .detailed_Related h3:after{ content: ""; position: absolute; left: 49%; bottom: 0px; right: 49%; height:auto; border-bottom: 4px solid #d00000;}
#body .detailed .detailed_Related .ipto{ display: block; margin-top: 30px;}
#body .detailed .detailed_Related .ipti{ width: 30%; float: left; height: auto; overflow: hidden;}
#body .detailed .detailed_Related .ipti img{ width: 100%;}
#body .detailed .detailed_Related .iptz{ width: 68%; float: right; height: auto;}
#body .detailed .detailed_Related .iptz b{ display: block; line-height: 30px; font-size: 18px; color: #d00000; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px 0;}
#body .detailed .detailed_Related .iptz em{ font-style:normal; display: block; padding: 10px 0;}
#body .detailed .detailed_Related .iptz address{ font-size: 14px; text-align: left; line-height: 25px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
#body .detailed .detailed_Related .iptz address span{ width: 50px;}
#body .detailed .detailed_Related .iptz address p{ width: 90%; float: right;}
#body .detailed .detailed_Related .ipto:hover .ipti img{ animation:pulse 1.5s;-moz-animation:pulse 1.5s;-webkit-animation:pulse 1.5s;-o-animation:pulse 1.5s;}
@media (min-width:1px) and (max-width:767px)
{
	#body .detailed .detailed_tit h3{ margin-top: 30px; margin-bottom: 10px; padding-bottom: 10px; font-size: 14px; font-weight: bold;}
    #body .detailed .detailed_tit p{ font-size: 12px;}
    #body .detailed #prevnext span{ width: 100%;}
    #body .detailed #prevnext span:nth-child(2){ float: left; margin-top: 15px;}
    #body .detailed .detailed_Related{ margin-top: 30px;}
    #body .detailed .detailed_Related h3{ font-size: 18px;}
    #body .detailed .detailed_Related h3:before{ left: 0px;}
    #body .detailed .detailed_Related .ipti{ width: 100%;}
    #body .detailed .detailed_Related .iptz{ width: 100%;}
    #body .detailed .detailed_Related .iptz b{ font-size: 14px;}
    #body .detailed .detailed_Related .iptz em{ display: none;}
}


/*图册*/
#body .gallery{ width: 100%; float: left;  height: auto; }
#body .gallery .ipto{ width: 100%; float: left;  height: auto; margin-bottom: 30px; position: relative;}
#body .gallery .ipti{ display: block; border: 1px solid #f0f0f0;}
#body .gallery .ipti img{ width: 100%;}
#body .gallery .iptz{ width:100%; display:block; height:100%; position:absolute; left:0px; top:0; right:0; bottom:0; z-index:1; background:rgba(0,0,0,0.6); transform:rotate(360deg) scale(0,0);-ms-transform:rotate(360deg) scale(0,0);-moz-transform:rotate(360deg) scale(0,0);-webkit-transform:rotate(360deg) scale(0,0);-o-transform:rotate(360deg) scale(0,0)}
#body .gallery .iptz b{ display: block; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding-top: 30px; text-transform: capitalize;}
#body .gallery .ipto:hover .iptz{transform:rotate(360deg) scale(1,1);-ms-transform:rotate(360deg) scale(1,1);-moz-transform:rotate(360deg) scale(1,1);-webkit-transform:rotate(360deg) scale(1,1);-o-transform:rotate(360deg) scale(1,1); -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out;}

@media (min-width:1px) and (max-width:767px)
{
	#body .gallery .ipto{ margin-top: 30px; margin-bottom: 0px;}
    #body .gallery .iptz b{ font-size: 14px;}
}

/*视频中心*/
#body .videolist{ width: 100%; float: left;  height: auto; }
#body .videolist .ipto{ width: 100%; float: left;  height: auto; margin-bottom: 30px; position: relative;}
#body .videolist .ipti{ display: block; border: 1px solid #f0f0f0;}
#body .videolist .ipti img{ width: 100%;}
#body .videolist .iptz{ position: absolute; left: 0px; right: 0px; bottom: 0px; background: rgba(0,40,112,0.7); padding: 10px; z-index: 9; text-align: center;}
#body .videolist .iptz b{ display: block; line-height: 30px; font-size: 18px; color: #002870; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px 0; color: #fff; text-transform:capitalize;}
#body .videolist .ipto:hover{ box-shadow: 0 0 10px #002870}

@media (min-width:1px) and (max-width:767px)
{
	#body .videolist .ipto{ margin-top: 30px; margin-bottom: 0px;}
}

/*联系我们*/
#body #cframe{ padding: 60px 0; }
#body #cframe h3{ font-family: "Impact"; text-align: center; font-size: 40px; line-height: 50px; color: #002971; margin-bottom: 10px;}
#body #cframe p{ font-size: 16px; color: #333; text-align: center; margin-bottom: 60px;}
#body #cframe .cframe{ width: 100%; float: left; height: auto; box-shadow: 0px 0px 90px 2px #f5f5f5;}
#body #cframe .cframe #cframe_l{ background: #002971; padding: 52px 30px; color: #fff; font-size: 15px;}
#body #cframe .cframe #cframe_l h4{ font-size: 24px; font-weight: bold; margin-bottom: 60px;}
#body #cframe .cframe #cframe_l dl{ width: 100%; float: left; height: auto; margin-bottom: 20px;}
#body #cframe .cframe #cframe_l dl i.iconfont{ font-size: 18px; float: left; padding-right: 10px;}
#body #cframe .cframe #cframe_l dl span{}
#body #cframe .cframe #cframe_l dl:last-child{}
#body #cframe .cframe #cframe_l dl:last-child i.iconfont{ color: #35a4d6;}
#body #cframe .cframe #cframe_l dl:last-child i.active{ color: #d03c2e;}

#body #cframe .cframe #cframe_r{}

@media (min-width:1px) and (max-width:767px)
{
    #body #cframe{ padding: 30px 0; }
    #body #cframe h3{ font-size: 30px;}
    #body #cframe p{ margin-bottom: 30px;}
    #body #cframe .cframe #cframe_l{ padding: 30px 15px;}
    #body #cframe .cframe #cframe_l h4{ margin-bottom: 30px;}
}


/*感谢页面*/
.thankyou{ width: 100%; float: left; height: auto; padding: 30px; line-height: 40px; font-size: 16px;}
#thk_nav{}
#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;}


/*地图*/
#allmap{ height: 630px; }
@media (min-width:1px) and (max-width:767px)
{
    #allmap{ height: 330px; }
}

/*下载*/
#body #downloadlist{ margin-top: 30px;}
#body #downloadlist table td{ line-height: 40px; font-size: 14px;}
#body #downloadlist table td img{ margin-right: 10px;}
#body #downloadList table td i.iconfont{ display: inline-block; margin-right: 10px;}

#body .downloadList{}
#body .downloadList table th{ font-family: "Open_Sans_Light"; font-size: 18px;}
#body .downloadList table td{ font-size: 14px; line-height: 40px;}
#body #downloadlist table td img{ margin-right: 10px;}
#body .downloadList table td i.iconfont{ margin-right: 10px;}
@media (min-width:1px) and (max-width:767px)
{
    #body .downloadList table th{ font-size: 14px;}
}
/*留言*/
#body .onlineFeedback{ padding: 30px; background: #fff;}
#body .onlineFeedback h4{ font-family: "Open_Sans_Light"; font-size: 36px; text-transform: uppercase; position: relative; padding-bottom: 30px; margin-bottom: 30px;}
#body .onlineFeedback h4:after{ content: ""; width: 180px; height: 1px; position: absolute; left: 0; bottom: 0px; border-bottom: 2px solid #d00000;}
#body .onlineFeedback address{ display: block; line-height: 30px; font-size: 16px;}
#body .onlineFeedback em{ font-style: italic; font-size: 14px; color: #FF0004; padding-right: 5px;}
#body .onlineFeedback .input-group-addon{ }
#body .onlineFeedback input{ line-height: 40px;}
#body .onlineFeedback textarea{}
#body .onlineFeedback #btn_feedback_send{  background: #363636; color: #fff; font-size: 18px; text-transform: uppercase; border: 0; box-shadow: 0px 0px 20px #363636;}
@media (min-width:1px) and (max-width:767px)
{
    #body .onlineFeedback{ padding: 15px 0;}
    #body .onlineFeedback h4{ font-size: 18px; padding-bottom: 15px; margin-bottom: 15px;}
}


/*网站地图*/
#body #sitemapnav { 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 #sitemapnav li{  list-style:none;}
#body #sitemapnav a{ }
#body #sitemapnav .fontbig {	width:100% !important;}
#body #sitemapnav .bigli{float:left;	width:100%;  line-height:35px;font-size:18px;}
#body #sitemapnav .bigli a { font-weight:bold;text-transform:capitalize;}
#body #sitemapnav .bigli a:hover {text-decoration:underline;}
#body #sitemapnav .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 #sitemapnav .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 #sitemapnav .abli_02{width:44%;}
}
.probigclass {padding-left:50px;}
#body #sitemapnav .PROclass_01 { float:left;width:95%;margin-left:5%; font-size:16px; line-height:30px; display:inline;font-weight:bold; }
#body #sitemapnav .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 #sitemapnav .PROclass_01 a{}
#body #sitemapnav .PROclass_02 a{}
#body #sitemapnav .PROclass_01 a:hover{ text-decoration:underline;}
#body #sitemapnav .PROclass_02 a:hover{ text-decoration:underline;}

#body #sitemapnav .PROclass_03 { float:left;width:40%;margin-left:10%;color:#666666;font-size:14px;display:inline; line-height:20px;}
#body #sitemapnav .PROclass_03 a:hover{ text-decoration:underline;}
#body #sitemapnav .PROclass_04 { float:left;width:40%;margin-left:10%;display:inline;}


#body .onSalesman{ width: 100%; float: left; height: auto; z-index: 99; background: #fff; border: 1px solid #f0f0f0;}
#body .onSalesman .onSalesman_i{ width: 40%; float: left; height: auto;}
#body .onSalesman .onSalesman_cont{ width: 59%; float: right; height: auto; padding: 10px; line-height: 24px; font-size: 12px;}


/*服务中心*/
#body #Tracepoint{ padding: 60px 0;}
#body #Tracepoint h3{ font-family: "Impact"; text-align: center; font-size: 40px; line-height: 50px; color: #002971; margin-bottom: 30px;}
#body #Tracepoint p{ font-size: 16px; color: #333; text-align: center; margin-bottom: 60px;}
#body #Tracepoint #Tracepoint_l{ position: relative;}
#body #Tracepoint #Tracepoint_l img{ position: relative; z-index: 1;}
#body #Tracepoint #Tracepoint_l i.iconfont{ font-size: 16px; color: #002971; position: absolute; z-index: 9; cursor: pointer; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;}
#body #Tracepoint #Tracepoint_l i.active{ font-size: 24px;}
#body #Tracepoint #Tracepoint_l i.iconfont:hover{ transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
#body #Tracepoint #Tracepoint_r{}
#body #Tracepoint #Tracepoint_r .ipto{ width: 100%; float: left; margin-top: 30px; box-shadow: 0px 0px 90px 2px #f5f5f5;}
#body #Tracepoint #Tracepoint_r .ipti{ width: 30%; float: left; border: 1px solid #dadada; overflow: hidden;}
#body #Tracepoint #Tracepoint_r .ipti img{ width: 100%; -webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition:all 0.7s;}
#body #Tracepoint #Tracepoint_r .iptz{ width: 68%; float: right; padding: 5px 10px; }
#body #Tracepoint #Tracepoint_r .iptz b{ display: block; line-height: 30px; font-size: 18px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; text-transform:capitalize; position: relative; font-weight: bold; padding-bottom: 15px;}
#body #Tracepoint #Tracepoint_r .iptz a.more{ padding: 5px 30px;}
#body #Tracepoint #Tracepoint_r .ipto:hover .ipti img{ transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
#body #Tracepoint #Tracepoint_r .ipto:hover{ box-shadow: 0px 0px 10px 2px #002870;}
@media screen and (min-width:1px ) and (max-width:767px)
{
	#body #Tracepoint{ padding: 30px 0;}
    #body #Tracepoint h3{ font-size: 30px; margin-bottom: 15px;}
    #body #Tracepoint p{ margin-bottom: 30px;}
}