html,body{-webkit-overflow-scrolling:touch; overflow-scrolling:touch; }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset,figure,figcaption, table, th, td img{margin:0; padding:0; } 
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1,time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
body{font-family:微软雅黑; min-width: 1000px;font-size:14px; text-align:left; margin:0 auto; line-height:24px; background:#fff; color:#333; font-weight:normal; overflow-x:hidden;    -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{color:#555; text-decoration:none;cursor: pointer}
a:hover{text-decoration:none; color:#ee7709}
a:link,a:active,a:visited,a:hover { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; }
img {max-width: 100%;height: auto;    vertical-align: bottom;-ms-interpolation-mode: bicubic;border: 0;}
i,em{ font-style: normal;}
li{list-style:none;}
button,input,select,textarea{font-size:100%;}
.clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;}
transition{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout:none; }
button{border-radius:0px; -webkit-border-radius:0px; outline:none; }
input{border-radius:0; outline:none; }
input:-ms-clear{display:none; }/*消除 IE10 里面的那个叉号*/
input,textarea{border:0; }
textarea {resize :none; outline:none; }/*去掉提交框右下角箭头*/
img{border:0; vertical-align:middle; }/*让链接里的 img 无边框；清除图片间距*/
ul,li{list-style:none; } 
.wrap{width:1560px;margin:0 auto;  overflow:hidden}
.fl {float: left}.fr {float: right}
.clearfix {display: inline-table;display: block;zoom: 1}
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden}


.header {padding:8px 0;background:#0E1436; width:100%; overflow:hidden}
.header .logo {display: block;float:left; width:25%;  }
.header .logo img {display: block;height:auto}
.header .nav-list {height: 64px;text-align: center; width:70%; float:right;}
.header .nav-list .tel-panel{ float:right}
.header .nav-list li {display: inline-block;vertical-align: top;margin: 0 3.2%;position: relative}
.header .nav-list li:hover .sub-panel,.header .nav-list li:hover .sub-nav {display: block}
.header .nav-list li:hover>a {line-height:50px;color: #ffc15f}
.header .nav-list li.on:before {min-width: 136px;margin-left: -68px;content: '';position: absolute;top: 0;bottom: 0;left: 50%; }
.header .nav-list li a {transition: .5s line-height ease-in-out;display: block;line-height: 50px;font-size: 18px;color: #fff;position: relative;z-index: 1}
.header .nav-list ul{ float:left; width:82%; }
.header .nav-list .tel-panel{background: -webkit-linear-gradient(45deg,#00c0fc,#0090bd);background: linear-gradient(45deg,#00c0fc,#0090bd);-webkit-transform: skew(-9deg) translateZ(0);transform: skew(-9deg) translateZ(0); box-shadow: inset 0 -2px 0 #71ddff;-webkit-transition: none;transition: none;	position: relative;	float:right; font-size:20px; margin-top:6px;height:46px; line-height:46px; padding:0 10px; border-radius:5px; margin-right:10px; width:16%; color:#fff;}
.header .nav-list .tel-panel .inner-wrapper{display: block;-webkit-transform: skew(9deg) translateZ(0);transform: skew(9deg) translateZ(0);} 
.swiper-container { width:100%; margin:0 auto; position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto;}
.swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform;}
.swiper-container {margin-left: auto; margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0; z-index: 1;}
.swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: .2;}
.swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: .2;}
.swiper-container-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform,height;}
.swiper-container-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform,height;}
.swiper-banner .swiper-wrapper {width: 100%}
.swiper-banner .swiper-slide {width: 100%;overflow: hidden}
.swiper-banner .swiper-slide a {display: block;width: 100%;overflow: hidden}
.swiper-banner .swiper-slide a img {display: block;width: 100%}
.swiper-banner .swiper-pagination {bottom: 70px}
.swiper-banner .swiper-pagination .swiper-pagination-bullet {background: none;opacity: 1;color: #fff;font-size: 20px;font-weight: bold;position: relative;width: auto;height: 30px;line-height: 30px;margin: 0 50px; cursor:pointer;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 10px;left: 0;width: 100%;}
.swiper-pagination {position: absolute; text-align: center;transition: .3s opacity;transform: translate3d(0,0,0);z-index: 10;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {color: #fcc96d}
.swiper-banner .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet:before {content: '';display: block;width: 70px;height: 1px;background: #fff;position: absolute;top: 15px;left: -85px}
.ie-hack .swiper-banner .swiper-slide,.ie-hack .swiper-product .swiper-slide {float: left}
.ie-hack .swiper-banner .swiper-pagination,.ie-hack .swiper-product .swiper-pagination {width: 100%;text-align: center}
.index-about { margin:80px auto 0; padding-bottom:100px;}
.index-about .tit,.index-case .tit{ margin:30px auto 80px; position:relative; text-align:center}
.index-about .tit h1,.index-case h2{ font-size:60px; color:#202a5b; margin-bottom:40px;}
.index-about .tit h1 span{ color:#E80011}
.index-about .tit p,.index-case .tit p{ font-size:18px;}
.about-pic{float: left;width: 50%; position: relative;z-index: 0; padding-left:20px;}
.about-pic:before{content: "";display: inline-block;position: absolute;left:30px;top: 30px;width: 97%;height:95%; background:url(../images/ge.png) repeat;border:8px solid #c0c9d2;z-index: -1;}
.about-pic img{width: 100%;-webkit-box-shadow: 0 5px 20px rgba(5,66,99,.15);-moz-box-shadow: 0 5px 20px rgba(5,66,99,.15);-ms-box-shadow: 0 5px 20px rgba(5,66,99,.15);-o-box-shadow: 0 5px 20px rgba(5,66,99,.15);box-shadow: 0 5px 20px rgba(5,66,99,.15);-webkit-border-top-right-radius: 60px;-moz-border-top-right-radius: 60px;-ms-border-top-right-radius: 60px;-o-border-top-right-radius: 60px;border-top-right-radius: 60px;}
.about-info{position: relative;float: right;width: 45%;}
.about-info:before{content: "";position: absolute;right: 0;top: 0;width: 130px;height:132px; background: url(../images/icon-comma.png) no-repeat;}
.about-info p{font-size: 18px; color:#9b9aac;line-height: 40px;margin-top:100px;}
.index-pro{ background:#252740;background-image: linear-gradient(180deg, #02314F 50%,#00121C 100%); width:100%; margin:30px auto; overflow:hidden}
.index-pro .tit{ width:8%; position:relative;float:left}
.index-pro .tit h2{ font-size:36px; color:#fff; line-height:40px; text-align:center; position:relative; margin:40px 0;left:15px; z-index:99}
.index-pro .tit h2:before {content: '';width: 8px;height:50px;display: block;background: #eb0001;position: absolute; top:0px;}
.index-pro .tit:before {content: '';display: block;width: 100%; position: absolute;top: 0;bottom: 0;left:15px;background:#4bbcdc; background-image: linear-gradient(180deg,#035E9A 50%,#02314F  100%);    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1); moz-box-shadow: 0 10px 20px rgba(0,0,0,.3); -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.3);box-shadow: 0 10px 20px rgba(0,0,0,.3);z-index:8;border-radius: 0 0 100px 100px;}
.index-pro ul{margin:120px 0; width:100%; float:right}
.index-pro ul li{position: relative;float: left; width:29%;margin:0 2% 60px;background: url(../images/bg-lines.png) #f4f7ff no-repeat center bottom;padding:50px 26px 50px;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%;}
.index-pro ul li h3{font-size: 20px;line-height:34px;margin-bottom:15px; height:50px; text-align:center}
.index-pro ul li h3 a{color:#202a5b;}
.index-pro ul li h3 a:hover{color: #F7AB00;}
.index-pro ul li p{width: 100%;color:#202a5b;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 24px;margin-bottom: 16px;}
.index-pro ul li p:before{content: '';display: inline-block;vertical-align: middle;width: 22px;height: 22px;background: url(../images/icon-pro.png) no-repeat;margin-right: 8px;margin-top: -2px;}
.pro-hot{/*position: absolute;bottom: -40px;right: -32px;*/ text-align:center;}
/*.pro-hot a{display: block;}
*/
.pro-hot img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; width:88%;}
.pro-hot img:hover{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03);}
.index-pro ul li + li + li + li .pro-hot{right:-104px}
.index-case {  margin-bottom:80px;}
.index-case .wrap {padding: 50px 0 30px}
.index-case .wrap>p {font-size: 20px;line-height: 32px;color: #334354;text-align: center;overflow: hidden;margin-top: 10px}
.case-list {width: 100%;margin: 50px auto 80px;}
.case-list li {width: 45%; float:left; margin:0 2.5%;position: relative}
.case-list li:hover .case-img a span {-webkit-text-shadow: 0 0 5px rgba(0,0,0,0.5);-moz-text-shadow: 0 0 5px rgba(0,0,0,0.5);text-shadow: 0 0 5px rgba(0,0,0,0.5)}
.case-list li:hover .case-img:before {background-image: -webkit-linear-gradient(left, #4f51a1,#39c5b7);background-image: -o-linear-gradient(left, #4f51a1,#39c5b7);background-image: linear-gradient(to right, #4f51a1,#39c5b7)}
.case-list li:before {content: '';display: block;height: 45px;width:100%;background: url(../images/case_btm_mark.png) center top no-repeat;position: absolute;bottom: -24px; z-index:1}
.case-list li .case-img {transition: .5s all ease-in-out;display: block;width: 100%;padding-bottom: 6px;position: relative; z-index:2}
.case-list li .case-img:before {transition: .5s all ease-in-out;content: '';display: block;width: 100%;height:6px;position: absolute;left: 0;bottom: 0;background: #39c5b7;background-image: -webkit-linear-gradient(left, #39c5b7,#4f51a1);background-image: -o-linear-gradient(left, #39c5b7,#4f51a1);background-image: linear-gradient(to right, #39c5b7,#4f51a1)}
.case-list li .case-img a {display: block;width: 100%;overflow: hidden;position: relative}
.case-list li .case-img a img {display: block;width: 100%}
.case-list li .case-img a span,.case-list li .case-img a em {transition: .5s all ease-in-out;display: block;position: absolute;left: 0;bottom: 0}
.case-list li  span {padding: 10px 0;line-height: 48px; text-align:center; margin:0 auto; width:100%; position:relative;font-size:26px;font-weight: bold; display:block; background:#ECF7FF;z-index: 3}
.index-case .tit{ margin-bottom:40px;}
.bg-gradient {background-image: linear-gradient(135deg, #F60 0%, #eb0001 100%); color: #fff;}
.divider-wave {-webkit-mask: url(../images/heading_wave.png);-webkit-mask-repeat: no-repeat;margin-top: 25px; height: 20px;width:130px /*!important*/; -webkit-mask-size: 100%; margin:0 auto 60px;text-align:center;}
.index_ser{ width:100%; margin:0 auto 40px; overflow:hidden}
.index_ser ._img{ position:relative}
.index_ser ul{ margin-top:-130px;position:relative; }
.index_ser li{ float:left; width:22%; text-align:center; padding:3%;  margin:0 1.5%}
.index_ser li strong{ font-size:30px; font-weight:500; display:block; margin-bottom:20px;}
.index_ser li p{ font-size:18px; line-height:30px;}
.footer { width:100%; padding:30px 0; text-align:center; background:#000;}
.footer p{ font-size:16px; color:#fff; }
.footer #yq{ font-size:14px; margin:0 0 10px 0;}
.footer a{ color:#eee; margin-left:20px;}
.footer a:hover{ color:#F90}
.about_ban{ background:url(../images/construction-worker.jpg) 50%; background-size: cover;width: 100%;height:600px;position: relative; overflow:hidden}
.about_ban:before{ position:absolute; width:100%;    content: ""; height:100%; background: url(../images/ge2.png) repeat}
.product_ban{ background:url(../images/pro_ban.jpg) 50%;background-size: cover;width: 100%;height:374px;position: relative; overflow:hidden}
.news_ban{ background:url(../images/new_ban.jpg) 50%;background-size: cover;width: 100%;height:555px;position: relative; overflow:hidden}
.case_ban{width: 100%; margin:0 auto;overflow:hidden}
.case_ban img{ display:block; text-align:center}
.contact_ban{ background:url(../images/contact_ban.jpg) 50%;background-size: cover;width: 100%;height:657px;position: relative; overflow:hidden}
.about_ore{  position:relative; margin-top:40px;}
.about_ore:before {content: ""; width: 193px;height: 193px;background: url(../images/about-bg02.png) left top no-repeat; display: block;position: absolute;left: 0;top: 0;opacity: 0.8;}
.about_ore .wrap{ background:#fff;overflow: hidden }
.about_ore .tit{ margin:60px auto; }
.about_ore .tit h2{ font-size:42px; margin-bottom:20px; padding:5px 0; text-indent:40px; position:relative}
.about_ore .tit h2:before {content: '';display: block; width: 17px;height: 17px;border-radius: 100%;border: 3px solid #FF4639;background: #fff;position: absolute; margin-right:20px;top:5px;}
.about_ore .tit p{ font-size:18px; line-height:34px;}
.about_ore .about_orepic{clear:both; width:100%;position: relative;}
.about_ore .about_orepic::after {width: 171px;height: 4px;background-color: #c9151e;content: "";position: absolute;bottom: 112px; left: -100px;}
.about_ore .about_oreitem{ background:#db2035;padding:25px 20px;}
.about_ore .about_oreitem {float: right; width: 39.0625%;padding: 30px 30px;position: relative; z-index: 1;margin-top: -360px; }
.about_ore .about_oreitem .H4 {font-size: 45px;font-weight: bolder; font-family: Arial;text-transform: uppercase;margin-left: -184px; color:#fff}
.about_ore .about_oreitem .H5 {font-weight: normal;font-size: 24px;color:#fff;position: relative;margin: 23px 0 28px 0;}
.about_ore .about_oreitem .H5::after {width: 71px;height: 5px; position: absolute;top: 50%;margin-top: -2.5px;left: -96px;content: "";background-color: #fff;}
.about_ore .about_oreitem p{color:#eee;font-size:16px; line-height:32px; margin-bottom:15px; text-indent:20px;}
.about_capa{ overflow:hidden; margin:30px auto}
.about_capa dl{ width:22%; float:left; margin:0 1.5%; text-align:center;}
.about_capa dt{display: block; width: 100%;overflow: hidden; font-family:Impact; font-size:80px; padding:30px 0; color: #333;-webkit-background-clip: text; -webkit-text-fill-color: transparent;background-image: -webkit-linear-gradient(top, #FF5C26, #db2035);}
.about_capa dd{height: 36px;line-height: 36px;font-size: 18px;margin-top: 0;color: #666;}
.about_two {background:#F0F9FF url(../images/about_bg.jpg) repeat;position: relative; margin:100px auto;}
.about_two:after {content: '';display: block;position: absolute;left: 0; bottom: 130px;top: 130px;width: 75.52083%; border-radius:0 100px 0 0;background:rgba(184,145,104,0.05);}
.about_two .wrap {padding: 40px 0 0;z-index:999; position:relative;}
.about_two .wrap h2 {height: 142px;line-height: 122px;font-size:42px;padding-top: 20px;color: #333;width: 100%;vertical-align: middle;position: relative}
.about_two .wrap h2 span {margin-right: 46px;display: inline-block;vertical-align: middle;height: 3px;width: 22.85714%;background:#FF4639;background: -webkit-linear-gradient(left, rgba(254,179,60,0), #db2035);background: -o-linear-gradient(right, rgba(254,179,60,0), #db2035);background: -moz-linear-gradient(right, rgba(254,179,60,0), #db2035);background: linear-gradient(to right, rgba(254,179,60,0),#db2035);position: relative;top: -6px}
.about_two .wrap h2 span:before {content: '';display: block;width: 20px;height: 20px;border-radius: 100%;border: 3px solid #db2035;position: absolute;right: -26px;top: -12px}
.about_two .wrap>p {margin-top: 24px;margin-bottom:30px;font-size: 16px;line-height: 36px;color: #7d8b9f;padding: 0 24% 0 2%; text-indent:30px;}
.about_two .wrap ul {width: 100%; }
.about_two .wrap ul li {float: left;width: 22%; margin:30px 1.5% 80px;background-color: #fff;-webkit-border-radius: 8px; border-radius: 8px;-webkit-box-shadow: 0 5px 20px rgba(18,62,138,.3); box-shadow: 0 5px 20px rgba(18,62,138,.3);padding: 10px;}
.about_two .wrap ul li img {display: block;width: 100%}
.about_three{ margin:60px auto}
.about_three .tit{ text-align:center;margin-bottom:30px; position:relative; padding:60px 0 30px}
.about_three h2{position: relative;text-align: center;font-size:42px;line-height: 1.1;padding-bottom: 28px; margin-bottom:30px;}
.about_three h2:before{content: "";position: absolute;left: 0;top: -52px;width: 100%;height:73px;background: url(../images/font-pic02.png) no-repeat top center;-webkit-background-size: auto 100%;-moz-background-size: auto 100%;-ms-background-size: auto 100%;-o-background-size: auto 100%;background-size: auto 100%; z-index: -1;}
.about_three h2:after{content: "";position: absolute;left: 50%;bottom: 0;width: 70px;height:5px;margin-left: -30px; background-color:#FF5C26;}

.about_three  .tit p{font-size: 18px;line-height:38px; color:#7d8b9f}
.about_three img{ margin:0 auto 60px;}
.pro_list {padding:60px 0; width:100%; background:url(../images/part4-bg_04.jpg) no-repeat center top}
.pro_list .tit{ margin:0 auto 50px;  text-indent:50px;text-align:left}
.pro_list .tit h3{ font-size:60px; padding:20px 0; color:#eb0001; margin-bottom:20px;}
.pro_list .tit p{ font-size:18px;}
.pro_list .wrap{ width:1700px;}
.pro_list ul{padding-bottom:40px;}
.pro_list ul li{position: relative;float: left; width: 27.3%;margin:0 3% 0 ; z-index:9 }
.pro_list ._link{background: url(../images/bg-lines.png) #1C324A no-repeat center bottom;padding:60px 26px 50px;-webkit-background-size: 100%;-moz-background-size: 100%;-ms-background-size: 100%;-o-background-size: 100%;background-size: 100%; position:relative; }
.pro_list ul li h3{font-size: 26px;line-height:34px;margin-bottom:65px; height:30px; text-align:center}
.pro_list ul li h3 a{color:#fff;}
.pro_list ul li h3 a:hover{color: #0085c7;}
.pro_list ul li p{width: 100%;color:#333;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 24px;margin-bottom: 16px;}
.pro_list ul li p:before{content: '';display: inline-block;vertical-align: middle;width: 22px;height: 22px;background: url(../images/pro_ico.png) no-repeat;margin-right: 8px;margin-top: -2px;}
.pro_list ._img{ /*position: absolute;*/ top:100px; bottom: -40px;right: -32px;} 
.pro_list ._img img {-webkit-transition: all .3s ease; -moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.pro_list ._link:before {transition: .5s all ease-in-out;content: '';display: block; width: 100%; height: 6px; position: absolute;left: 0; bottom: 0; background: #39c5b7;background-image: -webkit-linear-gradient(left, #39c5b7,#4f51a1); background-image: -o-linear-gradient(left, #39c5b7,#4f51a1);background-image: linear-gradient(to right, #39c5b7,#4f51a1);}
.pro_list .con{ background: #ECF7FF; padding:30px 0 20px 30px}
.pro_list li:before {content: '';display: block;height: 45px;width: 100%; background: url(../images/pro_btm_mark.png) center top no-repeat;position: absolute;bottom:60px;z-index:-10;}
.lx_con{width:70%; margin:0 auto;}
.lx_info { float:left; width:60%; color:#fff;  overflow:hidden;  margin-top:6%;}
.lx_info h1{ font-size:60px;  padding:25px 0; margin-bottom:10px;  color:#fff}
.lx_info p{  line-height:30px; font-size:18px; margin-bottom:40px;}
.lx_info p img{ width:30px; height:30px; margin-right:5px;}
.contact_lx{ overflow:hidden}
.contact_lx p{display:block;  margin:25px 0; text-indent:30px; color: #fff;width:50%; border-radius: 0 5px 5px 0; font-size:18px; padding:10px 0;border-left: 6px solid #FF5C26;border-top:#6F7E8C 1px solid;border-right:#6F7E8C 1px solid;border-bottom:#6F7E8C 1px solid;overflow: hidden;  background:#112131;display:inline-block}
.contact_lx p strong{  font-size:30px; margin-left:5px;}
.contact_lx p a{ color:#fff; display:block}
.lx_info .swt-link a.icon {width: 70px; background: url(../images/icon_swt.png) no-repeat center center #FF5C26;}
.lx_info .swt-link a { height: 54px;border-radius: 26px;display: inline-block;background-image: -webkit-linear-gradient(left, #FF5C26, #db2035);vertical-align: middle;position: relative; color:#fff;}
.lx_info .swt-link span {display: inline-block;height: 2px;width: 8px;background: #FF5C26;position: relative;}
.lx_info .swt-link a.font {padding: 0 48px;line-height: 54px;font-size: 22px;color: #fff;font-weight: bold;transition: .5s all ease-in-out;}

.lx_info .swt-link {width:26%;height: 32px;position: absolute;padding-left: 30px; margin-top:40px;left:7%;z-index: 10}
.lx_info .swt-link:before {content: '';display: block;width: 22px;height: 20px;
 position: absolute;left: 0;top: 6px}

.contact-list{ margin:100px auto}
.contact-list .tit img{text-align: center;display: block;margin: 0 auto 50px;}
.contact-list .tit h2{ text-align:center;    margin-top: -50px; margin-bottom:40px; font-size:60px;}
.contact-list .tit p{ text-align:center; width:60%; margin:0 auto; line-height:34px;font-size:18px; }
.contact-list ul{ margin-top:80px;}
.contact-list li {width: 25%;padding: 0 42px;float: left}
.contact-list li .item-promise {padding-left: 30px;padding-bottom: 35px;position: relative}
.contact-list li .item-promise:hover:after {-webkit-box-shadow: 10px 10px 20px rgba(2,68,103,0.6);-moz-box-shadow: 10px 10px 20px rgba(2,68,103,0.6);box-shadow: 10px 10px 20px rgba(2,68,103,0.6)}
.contact-list li .item-promise:before,.contact-list li .item-promise:after {content: '';position: absolute;display: block}
.contact-list li .item-promise:after {left: 60px;top: 20px;right: 10px;bottom: 45px;z-index: 2;-webkit-box-shadow: 20px 20px 30px rgba(2,68,103,0.3);-moz-box-shadow: 20px 20px 30px rgba(2,68,103,0.3);box-shadow: 20px 20px 30px rgba(2,68,103,0.3);transition: all .24s linear}
.contact-panel  .lf-panel .rt-content .font-panel .item-font {width: 34.66667%;float: left;margin-left: 6.66667%;}
.contact-panel .wrap:after {left: 120px;top: 120px; bottom: 0;right: 120px;-webkit-box-shadow: 0 10px 30px rgba(42,56,64,0.8);-moz-box-shadow: 0 10px 30px rgba(42,56,64,0.8);box-shadow: 0 10px 30px rgba(42,56,64,0.8);}
.contact-panel .wrap .line-mark {top: 100px; bottom: 0;width: 100%;
background-position: center top;background-repeat: no-repeat;-webkit-background-size: 100% auto;background-size: 100% auto;}
.contact-panel .contact-wrap .font-mark, .contact-panel .contact-wrap .line-mark {position: absolute; left: 0;z-index: 2;}
.contact-list li .item-promise .item-content {padding: 40px 40px 30px;border-radius: 20px; border:#d8d8d8 1px solid;width: 100%;overflow: hidden;background: #2e3e47 url(../images/contact_list_bg.jpg) left top repeat;position: relative;z-index: 3}
.contact-panel .wrap .wrap .rt-panel .message-form:before {left: 0;top: 0; right: 0;bottom: 0;z-index: -1;background: #df703d;background: -webkit-linear-gradient(#fccd7f, #c41c02);background: linear-gradient(#fccd7f, #c41c02);-webkit-box-shadow: -13px 0 18px rgba(0,0,0,0.1); -moz-box-shadow: -13px 0 18px rgba(0,0,0,0.1); box-shadow: -13px 0 18px rgba(0,0,0,0.1);}
.contact-panel .wrap .wrap .rt-panel .message-form:before, .contact-panel .wrap .wrap .rt-panel .message-form:after {content: '';display: block;position: absolute;border-radius: 20px;}
.contact-list li .item-promise .item-content i {width: 90px;height: 90px;display: block;margin: 0 auto}
.contact-list li .item-promise .item-content i img {display: block;width: 100%}

.contact-list li .item-promise .item-content h2 {font-size: 20px;height: 40px;line-height: 40px;margin-top: 20px;margin-bottom: 15px;width: 100%;text-align: center;font-weight: bold}
.contact-list li .item-promise .item-content p {height: 112px;font-size: 16px;line-height: 28px;color: #999999;overflow: hidden}
.contact-list li,.contact-list li+li+li {margin-top: 0}
.contact-list li+li,.contact-list li+li+li+li {margin-top: 90px}
.message {background: url(../images/conatct_msg_bg.jpg) no-repeat center top}
.message .lf-panel {padding-top: 170px;width: 53.33333%;float: left}
.message .lf-panel p {padding-left: 20%;font-size: 16px;line-height: 28px;color: #d4d4d4}
.message .lf-panel p strong {margin-left: -20px;height: 130px;line-height: 130px;font-size: 124px;display: block;font-family: 'ICBF';color: #ffffff}
.message .rt-panel {width: 46.66667%;float: right;padding-left: 20px;padding-bottom: 20px;position: relative; margin:60px 0; z-index: 2}

.message .rt-panel:before {content: '';display: block;left: 0;top: 30px;right: 30px;bottom: 0;background: #F64849;position: absolute;z-index: 1}

.message .rt-panel:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	left: 20px;
	right: 30px;
	bottom:40px; margin-top:
	-webkit-box-shadow: 0 0 20px rgba(145,84,9,0.6);
	-moz-box-shadow: 0 0 20px rgba(145,84,9,0.6);
	box-shadow: 0 0 20px rgba(145,84,9,0.6)
}

.message .rt-panel .message-panel {padding: 20px 80px 40px 60px;width: 100%;background:#fff;position: relative;z-index: 3
}

.message .rt-panel .message-panel h2 {height: 72px;line-height: 72px;font-size: 42px;font-weight: bold;color: #3d3d3d}

.message .rt-panel .message-panel p {margin-top: 10px;font-size: 16px;line-height: 26px;width: 100%;color: #888888
}

.message .rt-panel .message-panel .item-form {
	margin-top: 20px;
	padding: 20px 0 20px 100px;
	border-bottom: 1px solid #cacaca;
	position: relative
}

.message .rt-panel .message-panel .item-form .item-title {
	width: 100px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	top: 20px;
	padding-left: 10px;
	color: #2e2e2e;
	position: absolute;
	left: 0
}

.message .rt-panel .message-panel .item-form .item-content {
	min-height: 36px;
	padding-right: 10px;
	width: 100%
}

.message .rt-panel .message-panel .item-form .item-content input {
	height: 36px;
	font-size: 16px;
	width: 100%;
	overflow: hidden;
	border: none;
	background: none;
	outline: none;
	color: #2e2e2e
}

.message .rt-panel .message-panel .item-form .item-content textarea {
	height: 36px;
	padding: 5px 0;
	font-size: 16px;
	line-height: 26px;
	width: 100%;
	overflow: hidden;
	resize: none;
	background: none;
	border: none;
	outline: none
}

.message .rt-panel .message-panel .item-button {
	margin-top: 60px;
	width: 100%
}

.message .rt-panel .message-panel .item-button input[type='button'],.message .rt-panel .message-panel .item-button input[type='submit'] {
	width: 40.88235%;
	height: 58px;
	font-size: 20px;
	line-height: 58px;
	letter-spacing: 6px;
	border: none;
	background: #F64849;
	text-align: center;
	color: #fff;
	font-weight: bold;
	display: block;
	margin: 0 auto;
	transition: all .2s linear
}

.message .rt-panel .message-panel .item-button input[type='button']:hover,.message .rt-panel .message-panel .item-button input[type='submit']:hover {
	border-radius: 30px
}



.news-main{ margin-top: 100px;}
.news-main a:hover{ color:#fc5600;}
.news-main ul{ clear: both; overflow: hidden; margin-left: -3%;}
.news-main ul li{ position: relative; float: left; width: 30.3%; margin-left: 3%; background:url(../images/p13.png)}
.news-main ul li img{ width: 100%; height: auto;}
.main-info{ position: relative; padding: 20px; margin: -40px 4% 10px 4%; padding-top: 20px\0; margin-top: -40px\0; padding-top: 60px\9; margin-top: -90px\9; background-color:#fff; box-shadow: 0px 10px 10px -2px rgba(0,142,210,0.1); -webkit-box-shadow: 0px 10px 15px -2px rgba(0,142,210,0.1); -moz-box-shadow: 0px 10px 15px -2px rgba(0,142,210,0.1); z-index: 20; margin-bottom:20px;}

.main-info i{ position: absolute; right: -10px; top: -30px; right: -10px\0; top: -30px\0; top: 8px\9; right: -22px\9; color: #FFF; font-size: 16px; width: 112px; height: 35px; line-height: 35px; padding-left: 24px; background-image: linear-gradient(135deg, #F60 0%, #eb0001 100%); border-radius:50px 0 0 50px}
.main-info h3{ color: #DA4E4E; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.main-info h3 a{ color:#202a5b; font-size: 20px;}
.main-info p{ color: #666; font-size: 16px; line-height: 28px; height: 56px; margin: 16px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.main-info a.info-more{ color: #DA4E4E; font-size: 16px; padding-right: 26px;
 }
.main-info a.info-more:hover{ padding-right: 32px;}
.news_tit{ color:#fff; text-align: center; margin-top:10%;padding:30px 0}
.news_tit strong{ font-size:40px; margin-bottom:30px; display:block }
.news_tit p{ font-size:18px; line-height:38px;}
.mouse{width: 34px;height:100px;background: url(../images/mouse.png) no-repeat top center;position: relative;z-index: 10;margin: 80px auto 0}
.mouse-bottom{position: absolute;bottom:20px; height:15px;left: 50%;margin-left: -5px;animation: myfirst 0.5s infinite;display: inline-block;}
@keyframes myfirst {
    0% {transform: translate(0px, 0px); }
    5% {transform: translate(0px, 5px); }
    7% {transform: translate(0px, 7px);}
}





.news-list{ margin: 80px auto;}
.news-list ul{ clear: both; margin-left: -3%;}
.news-list ul li{ position: relative; float: left; width: 47%; height: 210px; margin-left: 3%; margin-bottom: 40px;}
.news-list li .list-time{ position: relative; float: left; width: 12%; height: 100%; }
.time-show{ position: absolute; height: 66px; top: 50%; margin-top: -33px; float: left; width: 70%; margin: -33px 0 0\0; margin: -33px 15% 0\9; line-height: 1; color:#0053A2; font-size: 14px; text-align: center; z-index: 5;}

.news-list li .list-info{ float: left; width: 88%; height: 100%; padding: 40px 30px 30px 64px; width: 88%\0; height: 100%\0; border: none\0; padding: 40px 30px 30px 64px\0; width: 83%\9; padding: 30px 2%\9; background-color:#F2F9FF;  z-index: 20; height: 150px\9; border: 1px solid #EEEEEE \9;}
.news-list li .list-info:after{ content: ''; position: absolute; top: 50%; left: 12%; width: 46px; height: 1px; background-color: #CCC; display: block\0; display: none\9;}
.list-time b{ display: block; font-size: 46px; font-weight: bold; margin-bottom: 6px;}
.list-info h3{ line-height: 28px; height: 56px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.list-info h3 a{ color: #333; font-size: 20px;}
.list-info h3 a:hover{ color: #fc5600; font-size: 20px;}

.list-info p{ color: #666; font-size: 16px; line-height: 26px; height: 52px; margin-top: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.nrswt{position: relative;display: inline-block; color: #FFF;background-color: #FF8000;border-radius: 20px 0 20px 0;padding:5px 12px;line-height: 1.6;margin: 4px 5px;text-indent: 0;}
.nrswt:before{content: "";display: inline-block;position: absolute;right: 0;top: -5px;width: 84%;height: 24px;border-radius: 20px 0 20px 0;background-color: #FEDBB7;z-index: -1;}
.news-list li:nth-child(even) .list-info{ padding: 40px 64px 30px 30px;}
.news-list li:nth-child(even) .list-info:after{ left: auto; right: 12%;}
.news-list li:nth-child(even) .time-show{ margin-left: 30%;}




.case_list {margin-left: -3.5%;padding-top: 40px; position:relative; margin-top:30px; margin-bottom:80px;}
.case_list:before {content: "";width: 193px;height: 193px; background: url(../images/about-bg02.png) left top no-repeat; display: block;position: absolute;left: 0; top: 0; opacity: 0.8;}
.case_list .tit{ position:relative; margin:0 auto 80px;  text-indent:40px;text-align:left}
.case_list .tit h3{ font-size:60px; padding:20px 0; margin-bottom:10px; color:#eb0001; }
.case_list .tit p{ font-size:18px;}
.case_list .tit:before {content: '';display: block; width: 17px; height: 17px;border-radius: 100%;border: 3px solid #FF4639;background: #fff; position: absolute;margin-right:0px;top:20px;}
.case_list li { float: left;width: 21.5%;margin-left: 3.5%; overflow:hidden; margin-bottom:60px; padding-bottom: 15px; position:relative}
.case_list li .Pic {clear: both;display: block; overflow: hidden;}
.case_list li .pic img { width: 100%;-o-transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s; -ms-transition: all 0.5s;transition: all 0.5s;}
.case_list li .pic img:hover {-o-transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}
.case_list li .title { clear: both;display: block; position: relative; z-index: 2;margin: 0px;padding: 10px 5px;line-height: 24px;text-align: center; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;-o-transition: all 0.5s;-webkit-transition: all 0.5s; -moz-transition: all 0.5s;-ms-transition: all 0.5s; transition: all 0.5s; font-size:18px;}
.case_list li .title:after {content: ''; position: absolute;left: 0px;bottom: -100%;width: 100%;height: 100%;background: #a30000;z-index: -1;-o-transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s; transition: all 0.5s;}
.case_list li:hover .title {color: #fff}
.case_list li:hover .title:after {bottom: 0;}
.new_con{ margin:80px auto}
.daodu{  margin-bottom:50px; text-align:left; padding:0 0 30px 0;color:#FA3B1F;     border-bottom: 1px dotted #cccccc; width:100%; overflow:hidden}
.daodu h1{line-height: 36px;font-size: 34px;margin-bottom:25px;color: #07284E;}
.daodu .z-day{font-size: 14px;color:#666;}
.daodu .z-day span{padding-right: 2%;}
.daodu ._date{ height:30px; line-height:30px; margin-bottom:7px; font-size:13px; color:#676767;  background:url(../images/clock.png) no-repeat left center;padding:3px 0 3px 25px;}
.daodu ._back{background:url(../images/icon_newfh.jpg) no-repeat left center; padding-left: 25px;}
.daodu ._author{background:url(../images/author.png) no-repeat left center; background-size:25px; padding-left:30px;}
.new_con .left .daodu p{ text-indent:0}
.new_con .left{ width:72%; float:left}
.new_con .left p{line-height: 32px;padding-bottom: 15px;font-size: 16px;color: #3d3d3d;text-indent: 2em; margin:10px 0 10px 0;}
.new_con .left p img{display: block;margin:15px auto;text-align: center;}
.new_con .left img{ margin:15px auto}
.new_con .left h3{ font-size:20px; margin:10px 0 20px 0}
.new_con .left  strong{ font-size:16px;}
.new_con .right {width: 22.22222%;float: right;padding-right:20px; padding-bottom:20px;}
.hot-product {width: 100%}
.hot-product h2 {height: 66px;line-height: 66px;font-size: 28px;margin: 0 25px;background:#4a83a1;text-align: center;color: #fff;font-weight: bold;border-radius: 10px;position: relative;z-index: 1;letter-spacing: 5px}
.hot-product h2:before,.hot-product h2:after {content: '';display: block;width: 20px;height: 14px;position: absolute;top: 50%;margin-top: -7px;
 }
.hot-product h2:before {left: 14px}
.hot-product h2:after {right: 14px}
.hot-product ul {padding: 40px 20px 20px;margin-top: -32px;width: 100%;background: #fff;border-radius: 10px;-webkit-box-shadow: 0 0 18px rgba(1,1,1,0.1);-moz-box-shadow: 0 0 18px rgba(1,1,1,0.1);box-shadow: 0 0 18px rgba(1,1,1,0.1);position: relative}
.hot-product ul:before {top: 20px;content: '';display: block;position: absolute;left: 45px;right: 45px;height: 10px;background: #5d3b08;-webkit-box-shadow: 0 0 10px 6px rgba(1,104,183,0.6);-moz-box-shadow: 0 0 10px 6px rgba(1,104,183,0.6);box-shadow: 0 0 10px 6px rgba(1,104,183,0.6)}
.hot-product ul li {margin-top: 28px;width: 100%;overflow: hidden}
.hot-product ul li:hover .product-img a:before {-webkit-animation: lightMove .6s ease-out forwards;-moz-animation: lightMove .6s ease-out forwards;-o-animation: lightMove .6s ease-out forwards;animation: lightMove .6s ease-out forwards}
.hot-product ul li:hover p a {color: #bc9a67}
.hot-product ul li .product-img {display: block;width: 100%;overflow: hidden; background:#EDF2F8; padding:15px;}
.hot-product ul li .product-img a {display: block;border-radius: 10px;overflow: hidden;width: 100%;position: relativ}
.hot-product ul li .product-img a:before {content: '';position: absolute;width: 60px;/*height: 140%;*/margin-top: 0;margin-left: -100%;overflow: hidden;z-index: 6;background: -moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0.4)), color-stop(100%, rgba(255,255,255,0)));background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);background: -o-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg)}
.hot-product ul li .product-img a img {display: block;width: 100%}
.hot-product ul li p {width: 100%; background:#DDE7F2}
.hot-product ul li p a { padding:10px 0;font-size: 16px;display: block;width: 100%;overflow: hidden;text-align: center;color: #525c6e;transition: .5s all ease-in-out}

/*ccadd*/
.hot-news-c {width: 100%}
.hot-news-c h2 {height: 66px;line-height: 66px;font-size: 28px;margin: 0 25px;background:#4a83a1;text-align: center;color: #fff;font-weight: bold;border-radius: 10px;position: relative;z-index: 1;letter-spacing: 5px}
.hot-news-c h2:before,.hot-news-c h2:after {content: '';display: block;width: 20px;height: 14px;position: absolute;top: 50%;margin-top: -7px; }
.hot-news-c h2:before {left: 14px}
.hot-news-c h2:after {right: 14px}
.hot-news-c ul {padding: 40px 20px 20px;margin-top: -32px;width: 100%;background: #fff;border-radius: 10px;-webkit-box-shadow: 0 0 18px rgba(1,1,1,0.1);-moz-box-shadow: 0 0 18px rgba(1,1,1,0.1);box-shadow: 0 0 18px rgba(1,1,1,0.1);position: relative}
.hot-news-c ul:before {top: 20px;content: '';display: block;position: absolute;left: 45px;right: 45px;height: 10px;background: #5d3b08;-webkit-box-shadow: 0 0 10px 6px rgba(1,104,183,0.6);-moz-box-shadow: 0 0 10px 6px rgba(1,104,183,0.6);box-shadow: 0 0 10px 6px rgba(1,104,183,0.6)}
.hot-news-c ul li {margin-top: 28px;width: 100%;overflow: hidden}
 .hot-news-c ul li:hover p a {color: #bc9a67}
  
.hot-news-c ul li p {width: 100%; background:#DDE7F2}
.hot-news-c ul li p a { padding:10px 0;font-size: 16px;display: block;width: 100%;overflow: hidden;text-align: center;color: #525c6e;transition: .5s all ease-in-out}

/*xgxw ccadd*/


.pro_top{ margin-bottom:50px; background:url(../images/pro_bg.jpg) no-repeat center top; background-size:cover; padding:60px 0;} 
.pro_top .left{ float:left; width:55%;  background-size: contain; padding-bottom:60px;}
.pro_top .left p{ width:90%; margin:0 auto;}
.pro_top .left p i{ width:22%; margin:0 1.5%; float:left; position:relative;color: #fff;display: inline-block;vertical-align: middle;color: #65718a; padding-left: 25px; font-size:16px;}
.pro_top .left p i:before {margin-top: -6px;content: '';display: block;width: 12px; height: 12px;border-radius: 100%;border: 1px solid #70798d;background: #334260;position: absolute;left: 0; right:20px; top: 50%;-webkit-box-shadow: 3px 3px 5px rgba(109,121,162,0.5);-moz-box-shadow: 3px 3px 5px rgba(109,121,162,0.5);box-shadow: 3px 3px 5px rgba(109,121,162,0.5);}
.pro_top .left p img{width: 20px; height: 20px;margin-right:10px;margin-top: -5px;}
.pro_top .pro_top_tab{}
.pro_top .js_tab{padding-right:72px; margin-left:-5px;}
.pro_top .js_tab ul{clear:both; margin-top:15px;}
.pro_top .js_tab ul li{float:left;width: calc(33.3% - 10px); margin:0 5px; text-align:center; padding:15px 0; background:#1b356c; color:#fff; font-size:16px; cursor:pointer;}
.pro_top .js_tab ul li.active{background:#FF5C26;background-image:linear-gradient(to right, #FF5C26 0%, #db2035 100%);}

.pro_top .right{ float:right; width:45%; margin-top:40px; font-size:16px;color:#fff}
.pro_top .right h1{ font-size:46px; padding:30px 0; margin-bottom:20px; position: relative; }
.pro_top .right h1:before {width: 54px;left: 0;}
.pro_top .right h1:before, .pro_top .right h1:after {content: '';display: block;position: absolute;bottom: -6px;height: 6px;background: #e52425;border-radius: 6px;}
.pro_top .right h1:after { width: 10px;left: 60px;}
.pro_top .right .zi{  line-height:34px;padding-top:30px;color:#D1DCED}
.pro_top .right .maoshu{ margin:40px auto; width:100%;  padding:0 0 20px 20px;overflow:hidden}
.pro_top .right .maoshu p{   background: -webkit-linear-gradient(45deg,#253d70,#0a1631);background: rgba(0,0,0,0.2); -webkit-transform: skew(-9deg) translateZ(0);transform: skew(-4deg) translateZ(0);box-shadow: inset 0 -3px 0 #0c5686; -webkit-transition: none;transition: none; position: relative;float: left;font-size: 20px;line-height: 36px; border:#1b356c 1px solid;padding: 0 10px;border-radius: 5px;margin-right: 10px;width: 42%; margin-right:8%; padding:20px 0 20px 0; text-align:center; color: #fff;}
.pro_top .right .maoshu p strong{ color:#00c0fc; font-size:28px; display:block}
.pro_top .right .field{color:#D1DCED; margin-top:30px; line-height:30px; display:block}
.pro_top .right .field strong{}
.pro_contact{margin-top:60px;}
.btn-line{position: relative; display: inline-block;cursor: pointer; color:#fff;font-size:22px; width:250px;height:54px;line-height:54px;text-align:center;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px; background:#FF5C26;-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.13);-moz-box-shadow: 0px 5px 5px rgba(0,0,0,.13);-ms-box-shadow: 0px 5px 5px rgba(0,0,0,.13);-o-box-shadow: 0px 5px 5px rgba(0,0,0,.13);box-shadow: 0px 5px 5px rgba(0,0,0,.13);-webkit-background-size: 120% 100%;-moz-background-size: 120% 100%;-ms-background-size: 120% 100%; border: #fff 2px solid;background-image: linear-gradient(to right, #FF5C26 0%, #db2035 100%);}
.pro_top .right.btn-line:before{content: "";display: inline-block;position: absolute;left: -10%;top: 48%;width: 110%;height:10px;background-color: #FFF;z-index: -1;}

.pro_top .right .btn-line:hover{color:#000;}
.pro_top .right .tel{ display:inline-block; margin:15px 0 0 80px;padding: 0 0 10px; color:#D1DCED}
.pro_top .right .tel p{ font-size:18px; }
.pro_top .right .tel span{ font-size:34px; margin:0 0 0 10px; font-weight:600 }
.pro_file{  padding:60px 0; color:#323757; font-size:16px; line-height:30px; text-indent:30px; position:relative; z-index:1}
.pro_file .wrap:before{ position: absolute;content: ""; background:url(../images/testimonials_icon.png) no-repeat;width: 130px;height: 132px; z-index:-1;background-size:cover; left: 0;top:40px;} 
.pro_file .wrap{ padding-top:20px; position:relative}
.pro_adva{ margin:80px auto;color:#323757; position:relative}
.pro_adva .tit,.pro_file .tit,.pro_data .tit{ text-align:center; margin-bottom:60px;}
.pro_adva .tit h3,.pro_file .tit h3,.pro_data .tit h3{ font-size:56px;}
.pro_adva ul{ padding:20px 0 20px 0; z-index:999; position:relative}
.pro_adva li{ width:22%; float:left; height:290px; overflow:hidden;  margin:0 1.5%;box-shadow: 4px 8px 14px 0px rgba(47,57,112,0.15);transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; font-size:16px; line-height:30px;padding: 30px 30px 30px 30px; background:#fff}
.pro_adva li:hover{ background:#f4f4f4}
.pro_adva li span{ background:#034888;background: linear-gradient(124deg,#396be2,#1f2ba0); font-size:30px; font-weight:600; color:#fff; padding:30px 5px 0px  0px; display:inline-block; margin-bottom:20px;}
.pro_adva:before, .pro_adva:after{position: absolute;content: url(../images/section-element.png); z-index:8}
.pro_adva:after {right: 50px;bottom: 50px;transform: rotateZ(0deg);}
.pro_adva:before {top: 120px;left: 50px;transform: rotateZ(90deg);}
.con{color:#323757; text-align:center; padding-top:20px; margin-bottom:80px;}
.con table, .new_con table{width:100%; border-spacing:0px; border-collapse:collapse; background:#fff; border-bottom:1px solid #ddd; margin-bottom:15px;}
.con tr:first-child, .new_con tr:first-child{    background-image: linear-gradient(90deg,#035E9A 3%,#02314F 100%); height:60px; line-height:60px;color: #fff;}
.con tr:nth-child(2n+3), .new_con tr:nth-child(2n+3){background:#f5f5f5;}
.con .bhead, .new_con .bhead{background-image: linear-gradient(90deg,#4A8BEC 3%,#1842A3 100%);  color: #fff}
.con tr.odd, .new_con tr.odd{background: #f5f5f5; color: #333;}
.con tr.even, .new_con tr.even{background: none;}
.con td.even, .new_con td.even{background: #fff;}
.con table td, .new_con table td{line-height:46px;}
.con tr, .new_con tr{ border:1px solid #ddd;}
.new_con table{text-align:center;}

.con p{text-align:left; margin-left:20px; color:#666; font-size:16px;}
.con strong{width:100%; text-align:left; color:#fff; float:left; font-size:16px; margin:10px 0}
.case_top{ margin:80px auto}
.case_top .left{ width:70%; float:left; position:relative}
.case_top .right{ width:38%; float:right}
.case_top .right{    background: #02314F url(../images/case_bg.jpg) no-repeat left top;
    background-size: cover;
    padding: 30px 20px 55px 40px;
    position: relative;
    z-index: 1;
    margin-top: -500px; }
.case_top .right .H1 {font-size: 34px;
    color: #8ca5dd;
    position: relative;
    margin: 23px 0 28px 0;
    line-height: 46px;}
.case_top .right .H1::after {width: 71px;height: 5px;position: absolute; top: 50%; margin-top: -2.5px;left: -80px;content: "";background-color: #F23C49;}
.case_top .right p{color:#eee;font-size:16px; line-height:32px; margin-bottom:15px; }
.case_tel{font-size: 26px; display:inline-block;color:#fff; overflow:hidden; margin-bottom:10px; padding:14px 0px; }
.case_tel span{ margin:0; line-height:18px}
.case_tel a{ color:#fff;}
.case_con{ margin:0 auto 80px;}
.case_con .left{ width:72%; float:left; border-radius:20px; border-top:#d8d8d8 6px solid;padding:0 50px 50px; background:url(../images/xline.jpg) repeat left top; margin:20px 0 20px 20px; box-shadow: 0 0 24px rgba(1,1,1,0.1);}
.case_con .left h3 {font-size:24px; margin:15px 0; color:#272727; background:url(../images/case_ico.png) no-repeat left 7px; padding:5px 0 5px 40px;margin:50px 0px 30px 0px; background-size:30px; }
.ie8-hack .casetwo .casetwofl h3{background: none; padding-left:0px;}
.case_con .left p {padding:10px 0; line-height:34px; font-size:16px; text-indent:30px;}
.case_con .left a{color:#df1111;}
.case_con .left a:hover{ text-decoration:underline;}
.case_con .left img {     display: block;
    margin: 0px auto;
    text-align: center;}

.case_con .right{ width:22%; float:right;margin:0 15px 15px 0}
.case_con .pro_nr_youshi ul{display: flex;flex-wrap:wrap;}
.case_con .pro_nr_youshi ul li{width:50%; padding:0 15px; text-align:center; margin-top:30px;}
.case_con .pro_nr_youshi ul li img{width:60px;}
.case_con .pro_nr_youshi ul li h5{font-size:22px; font-weight:bold;margin-top:15px; color:#000;}
.case_con .pro_nr_youshi ul li p{line-height:1.8; margin-top:5px;}

.pro_content_edit .left{width:97%;}


.xg_case{ margin:40px auto 80px;}
.xg_case .tit{ overflow:hidden; width:98%; margin:0 auto 15px;}
.xg_case .tit h2{ font-size:42px; padding:5px 0; float:left}
.xg_case .tit a {display: block;height: 30px;border: 1px dotted #02314F;border-radius: 5px;padding: 0 15px;float: right;margin: 10px 20px 0 0;line-height: 28px;font-size: 16px;color: #4c4c4c;position: relative;transition: all .5s linear;}
.xg_case .tit a:after {content: '';display: block;width: 28px;height: 7px;position: absolute;right: -20px;top: 11px; background: url(../images/icon_more.png) right top no-repeat;transition: all .5s linear;}
.xg_case li{ width:22%; float:left; margin:20px 1.5%; overflow:hidden; background:#fff; border-bottom:#D14834 4px solid; border-radius:10px 10px 10px 60px;box-shadow: 0 0 24px rgba(1,1,1,0.1); text-align:center}
.xg_case li img {display: block;width: 100%;transition: .5s all linear;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.xg_case li:hover img{transform: scale(1.1);opacity: 0.85;filter: alpha(opacity=85);}
.xg_case li .case_img{ margin-bottom:5px;}
.xg_case li .case_tit{ line-height:30px; padding:20px 0; font-size:16px; display:block; background:url(../images/xline.jpg) repea}


/* 分页 */
.page{margin:100px auto 30px; overflow:hidden;color: #07284E;text-align: center;}
.page .gobutton,.page .num{color: #07284E;display: inline-block;border: 1px solid #ededed;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff;font-size: 16px;font-weight: normal;}
.page .active{background: #ed1c24;color:#fff;}
.pages {color: #999; margin:15px; clear:both;   }
.pages a, .pages .cpb {text-decoration:none; padding:12px 18px; margin:2px; border: 1px solid #ddd;background: #ffff;font-size:13px; color:#07284E;}
.pages a:hover { background-color: #064187; color:#fff;border:1px solid #064187; text-decoration:none;}
.pages .cpb { font-weight: bold; color: #fff; background: #064187; border:1px solid #064187;}


/*上一页下一页*/
.detail_pages {position: relative;padding: 10px 50px;margin: 50px auto 20px}
.detail_pages:before,.detail_pages:after {content: '';display: block;position: absolute;border-radius: 10px}
.detail_pages:after {z-index: 2;left: 10px;top: 10px;right: 10px;bottom: 10px;background: #fff;
-webkit-box-shadow: 0 0 6px rgba(89,101,133,0.4);
-moz-box-shadow: 0 0 6px rgba(89,101,133,0.4);
box-shadow: 0 0 6px rgba(89,101,133,0.4)
}

.detail_pages div { padding-bottom:0;padding-right: 120px;font-size: 16px;line-height: 56px;position: relative;z-index: 3;width: 100%; text-indent:0; margin:30px 0 10px 0; }

.detail_pages div:nth-child(1){border-bottom:dashed 1px #cccccc;}
.detail_pages div span.title {color: #333333}

.detail_pages div a {color: #666666}
.detail_pages div a:hover {color: #666666; text-decoration:underline;}

.detail_pages div span.time {width: 120px;height: 56px;line-height: 56px;font-size: 16px;display: block;position: absolute;right: 0;top: 0;color: #cccccc;text-align: right;z-index: 1}

.detail_pages p+p {border-top: 1px dashed #cfcfcf}
.detail_pages img {width: 28px;height: 29px;vertical-align: middle;margin-top: 5px;margin-right: 8px;}







.def_news_tit{    font-size: 60px;
    color: #202a5b;
    margin-bottom: 40px; text-align:center;    padding: 0 0 50px 0;}
.def_news_list{ margin: 80px auto;}
.def_news_list ul{ clear: both; margin-left: -0%;}
.def_news_list ul li{ position: relative; float: left; width: 47%; height: 210px; margin-left: 3%; margin-bottom: 40px;}
.def_news_list li .def_list_time{ position: relative; float: left; width: 12%; height: 100%; }
.def_time-show{ position: absolute; height: 66px; top: 50%; margin-top: -33px; float: left; width: 70%; margin: -33px 0 0\0; margin: -33px 15% 0\9; line-height: 1; color:#0053A2; font-size: 14px; text-align: center; z-index: 5;}

.def_news_list li .def_list_info{ float: left; width: 88%; height: 100%; padding: 40px 30px 30px 30px; width: 88%\0; height: 100%\0; border: none\0; padding: 40px 30px 30px 64px\0; width: 83%\9; padding: 30px 2%\9; background-color:#F2F9FF;  z-index: 20; height: 150px\9; border: 1px solid #EEEEEE \9;}
 
 .def_list_time b{ display: block; font-size: 46px; font-weight: bold; margin-bottom: 6px;}
.def_list_info h3{ line-height: 28px; height: 56px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.def_list_info h3 a{ color: #333; font-size: 20px;}
.def_list_info h3 a:hover{ color: #fc5600; font-size: 20px;}

.def_list_info p{ color: #666; font-size: 16px; line-height: 26px; height: 52px; margin-top: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.nrswt{position: relative;display: inline-block; color: #FFF;background-color: #FF8000;border-radius: 20px 0 20px 0;padding:5px 12px;line-height: 1.6;margin: 4px 5px;text-indent: 0;}
.nrswt:before{content: "";display: inline-block;position: absolute;right: 0;top: -5px;width: 84%;height: 24px;border-radius: 20px 0 20px 0;background-color: #FEDBB7;z-index: -1;}
.def_news_list li:nth-child(even) .def_list_info{ padding: 40px 64px 30px 30px;}
.def_news_list li:nth-child(even) .def_list_info:after{ left: auto; right: 12%;}
.def_news_list li:nth-child(even) .def_time_show{ margin-left: 30%;}


.fpage{overflow:hidden;color: #07284E;text-align: center; margin-bottom: 20px;}
.fpage ul li{float:left;}
.fpage ul li a{color: #07284E;display: inline-block;border: 1px solid #ededed;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff;font-size: 16px;font-weight: normal;}
.fpage .page-num-current{background: #ed1c24;color:#fff;}
.fpage ul li:hover.a{background: #ed1c24; color:#fff;}