/* reset */
*,*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html{font-size: 62.5%;-webkit-text-size-adjust: 100%;}
body{position: relative; font-size:1.4rem; line-height: 1.3; font-family:PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif; color: #333;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
button, input, optgroup, select, textarea { color: inherit; font: inherit;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%; font-weight: normal;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button,input[type="submit"]{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{outline:0;}
body{background:#fff;}
a{color:#666; transition: all .3s;}
a:hover{color:#333;}
img{max-width: 100%;vertical-align:middle;}

/*conmon*/
.w1200{max-width: 1200px; margin: 0 auto;}
.f-w100{width: 100%; margin: 0 auto;}
.mb30{margin-bottom: 30px;}
.mt30{margin-top: 30px;}
.mb60{margin-bottom: 60px;}
.mt60{margin-top: 60px;}
.mt15{margin-top: 15px;}
.mb15{margin-bottom: 15px;}
.pb15{padding-bottom: 15px;}
.pt15{padding-top: 15px;}
.f-plr15{padding-left: 15px; padding-right: 15px;}
.f-pr{position:relative;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-oh{overflow:hidden;}
.f-dn{display:none;}
.f-db{display:block;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-cb:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-fs12{font-size: 1.2rem;}
.f-fs14{font-size: 1.4rem;}
.f-fs16{font-size: 1.6rem;}
.f-fs18{font-size: 1.8rem;}
.f-fs20{font-size: 2rem;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-csp{cursor:pointer;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
	/* 单行文本截断 */
.f-text-truncate{	
	word-wrap: normal; /* for IE */  
    text-overflow: ellipsis;  
    white-space: nowrap;
    overflow: hidden;
}
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/*head*/
.header .top{background: #282828; height: 40px; color: #d2d2d2; line-height: 40px; }
.head{height:100px;}
.head .w1200{position: relative;}
.head .logo{margin-top:10px;width: 30%; font-size: 3rem; font-weight: 600; color: #242A92;}
.head .logo img{max-width: 100%; height: 80px;}
.head .menu{margin-top:10px;width: 70%;}
.head .menu li{float: left; display: inline-block; width: 12.5%; text-align: center;}
.head .menu li a{line-height: 30px; padding: 25px 0; display: inline-block; font-size: 1.6rem; font-weight: 600; color: #333;}
.head .menu li a:hover{color: #E40301;}
.banner .swiper-banner{width: 100%;}

/*tab*/
.zzsc .tab{ overflow:hidden; background:#ccc;}
.zzsc .tab a{ display:block; padding:10px 20px; float:left; text-decoration:none; color:#333; font-size: 1.4rem; width: 12.5%;}
.zzsc .tab a i{font-size: 5rem;}
.zzsc .tab a:hover{ background:#E64E3F; color:#fff; text-decoration:none;}
.zzsc .tab a.on{ background:#E40301; color:#fff; text-decoration:none;}
.zzsc .content{ overflow:hidden;}
.zzsc .content li{ display:none;}
.zzsc .content li:hover{opacity: .8;}
.zzsc .content li figure{width: 20%; float: left; text-align: center; border: 1px solid #ddd; padding-bottom: 15px;}
.zzsc .content li figure{border-right: none;}
.zzsc .content li figure:last-child{border-right: 1px solid #ddd;}
.zzsc .content li figcaption{line-height: 24px;}

.index .section1 h2 , .index .section2 .t , .index .section3 .t , .index .section4 .t , .index .section5 .t{font-size: 2.2rem; font-weight: 600; margin-top: 35px; margin-bottom: 25px; line-height: 30px;}
.index .section2 .t .more , .index .section3 .more , .index .section4 .more{font-size: 1.4rem; font-weight: normal; }
.index .section2 ul{margin-left: -2%;}
.index .section2 li{width: 23%; margin-left: 2%; float: left;}
.index .section2 li:hover{opacity: .8;}
.index .section2 figure{position: relative;}
.index .section2 figcaption{position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,.5); height: auto;}
.index .section2 figcaption a{color: #fff; line-height: 24px; padding: 0 5px;}


.index .section3 .bgc{background: url(../img/about_bg.jpg) no-repeat #e2edf1;}
.index .section3 li{width: 25%; float: left; height: 300px; line-height:26px;}
.index .section3 li img{height: 300px;}
.index .section3 li.text a {color: #333;}
.index .section3 li.text2 a{color: #fff;}
.index .section3 li.text a:hover , .index .section3 li.text2 a:hover{text-decoration: underline;}
.index .section3 li.text{ padding:8px;line-height:25px; opacity:0.8;}
.index .section3 li.text2{ padding:8px;line-height:25px; opacity:0.8; color:#FFF;}
.index .section3 li:nth-of-type(2) , .index .section3 li:nth-of-type(4){background: #ccc; position: relative;}
.index .section3 li:nth-of-type(5) , .index .section3 li:nth-of-type(7){background: #0086B3; position: relative;}
.index .section3 li:nth-of-type(2):before ,.index .section3 li:nth-of-type(4):before{content: ""; display: inline-block;  width: 0; height: 0; position: absolute; top: 10px; left: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #ccc; z-index: 1;}
.index .section3 li:nth-of-type(5):after , .index .section3 li:nth-of-type(7):after{content: ""; display: inline-block;  width: 0; height: 0; position: absolute; top: 10px; right: -10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fff; z-index: 1;}


.index .section4 .news.f-fl{width: 70%;}
.index .section4 .news.f-fl ul{margin-left: -2%; }
.index .section4 .news.f-fl li{width: 48%; margin-left: 2%; float: left;  margin-bottom: 28px; height: 24px; line-height: 24px;}
.index .section4 .news.f-fl li span{margin-right: 5px; color: #777;line-height: 24px; display: inline-block; float: left;}
.index .section4 .news.f-fl li span:after{content: "|"; margin-left: 5px; color: #999;line-height: 24px; display: inline-block;}
.index .section4 .news.f-fl li a{color: #333;}
.index .section4 .special.f-fr{width: 28%;}
.index .section4 .special.f-fr li{ margin-bottom: 30px;}

.index .section5{margin-bottom: 60px;}
.index .section5 li{width: 20%; float: left; text-align: center; padding-left: 5px; padding-right: 5px;}
.index .section5 li:hover i{color: #E40301;}
.index .section5 li i{font-size: 5rem;}
.index .section5 li strong {margin-top: 15px;}
.index .section5 li strong a{font-size: 1.7rem; font-weight: normal;}
.index .section5 li p{line-height: 20px; margin-top: 8px; color: #777;}

.footer.bgc{background: #333333; padding-top: 50px; color: #F7F7F7;}
.footer a{color: #F7F7F7;}
.footer .footer-nav{width: 65%; border-right: 1px solid #FFFDEF;}
.footer .footer-us{width: 30%;}
.footer .footer-nav dl{float: left; width: 20%;}
.footer .footer-nav dt a{font-size: 1.8rem;}
.footer .footer-nav dd{margin-top: 10px;}
.footer .footer-nav dd a{font-size: 1.4rem; line-height: 24px; height: 24px;}
.footer .footer-nav dd a:hover{text-decoration: underline;}
.footer .footer-search{margin-top: 40px;}
.footer .footer-search input{border: 1px solid #666; background: rgba(0,0,0,0); height: 40px; line-height: 30px; color: #666; padding: 5px;}
.footer .footer-search input[type=text]{width: 65%; }
.footer .footer-search input[type=submit]{width: 15%; margin-left: -1px;}
.footer .footer-search input[type=submit]:hover{color: #999;}

.footer .footer-us .tel p{font-size: 1.5rem; display: inline-block; line-height: 18px; height: 18px; border-left: 3px solid #F7F7F7; padding-left: 8px;}
.footer .footer-us .tel span{font-size: 1.8rem; display:block; margin-top: 10px;}
.footer .footer-ads{margin-top: 15px;}
.footer .footer-ads p{line-height: 24px;}
.footer .footer-qr{margin-top: 15px;}
.footer .footer-qr > p{margin-bottom: 10px;}
.footer .footer-qr .l{margin-right: 25px;}
.footer .footer-qr .r p{font-size: 1.5rem; margin-bottom: 15px;}

.footer .footer-b{line-height: 24px; padding: 15px 0; margin-top: 30px; font-size: 1.2rem; color: #999999;}
.footer .footer-b.bgc{background: #282828;}
.footer .footer-b a{color: #999999; display: inline-block; margin-right: 5px; float: left;}
.footer .footer-b a:after{content: "|"; display: inline-block; margin-left: 5px;}
.footer .footer-b a:last-child:after{display: none;}

/*products*/
.box-pro .pro-title{width: 60%; padding: 10px 30px 30px 0; margin-bottom: 30px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(241,251,253,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(241,251,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(241,251,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1fbfd',GradientType=1 ); /* IE6-9 */
}
.box-pro .pro-img{width: 40%; }
.box-pro .pro-title h2{font-size: 3rem; margin-bottom: 20px;}
.box-pro .pro-title p{line-height: 24px; margin-top: 8px;}
.box-pro .pro-title .online {margin-top: 25px; position: relative;}
.box-pro .pro-title .online > a{font-size: 1.6rem; line-height: 30px; padding: 8px 0; display: block; text-align: center;}
.box-pro .pro-title .online > a:hover{opacity: .9;}
.box-pro .pro-title .online > a i{font-size: 2.4rem; vertical-align: middle;}
.box-pro .pro-title .online a.chat{background: #ff3f3c; color: #fff; margin-right: 10px; width: 150px;}
.box-pro .pro-title .online a.tel{background: #424355; color: #fff; width: 190px;}
.box-pro .pro-title .download {position: absolute; bottom: 0; right: 0;}
.box-pro .pro-title .download a i{font-size: 2.6rem; }

.article-pro .subMenu {height: 50px;z-index: 1000;width: 100%; background: #fff;}
.article-pro .subMenu.fxd{background: rgba(0,0,0,.3);}
.article-pro .subMenu .inner { margin-left: -0.1%; padding: 0;}

.article-pro .subNavBtn {display: block;height: 50px; line-height: 30px; float: left; text-decoration: none;font-size: 14px;width: 16.566666666667%; margin-left: 0.1%; text-align: center;color: #444; background: #EFEFEF; padding: 10px 0;}

.article-pro .subMenu a:hover {background: #FF3F3C; color: #fff;}
.article-pro .content .active {background: #FF3F3C; color: #fff;}
.article-pro .section {width: 100%;/*max-width: 1600px;min-width: 960px;*/z-index: 10;position: relative;margin: 0 auto;padding: 0 0 20px 0;height:auto;}
.inner {margin:0 auto;position: relative;/*min-height: 50px;*/padding:30px 0; height:auto;}
.article-pro .section h3{color: #008cdb; font-size: 2.2rem; border-bottom: 1px solid #e7e7e7; padding-bottom: 8px; margin-bottom: 25px;}
.article-pro .s2-bg{background: #f6f6f6;}
.article-pro .section article p , .article-pro .section article div , .article-pro .section article img{margin-bottom: 15px; line-height: 24px; font-size: 1.4rem;}
.article-pro .section article img{display: block; margin: 0 auto; border: solid 1px #EBEBEB;}
.article-pro .section article {line-height: 1.5;}
.article-pro .s4 ul{margin-left: -2%; text-align: center; }
.article-pro .s4 li{width: 23%; margin-left: 2%; float: left;}
.article-pro .s4 figcaption , .article-pro .s5 figcaption{font-size: 1.4rem; margin-top: 15px;}
.article-pro .s5 ul{margin-left: -2%;}
.article-pro .s5 li{width: 23%; margin-left: 2%; float: left;}
.article-pro .s5 li img{border: solid 1px #EBEBEB;}


/*single-about*/
.crm{border-left: 4px solid #ff2020; border-bottom: 1px solid #efefef; padding-left: 10px; line-height: 2; font-size: 1.2rem; margin-top: 30px; margin-bottom: 30px;}
.single-about .top{padding: 0 60px; border-bottom: 1px solid #f0f0f0; margin-bottom: 30px;}
.single-about .top h2{font-size: 2.8rem; font-weight: 600;}
.single-about .top h2:after{content: ""; position: absolute; bottom: -5px; left: 50%; margin-left: -20px; height: 4px; width: 40px; background: #ff0707;}
.single-about .top ul{margin-left: -2%; margin-top: 30px; margin-bottom: 10px;}
.single-about .top ul li{display: inline-block; float: left; width: 14.666666666667%; margin-left: 2%; border: 1px solid #d1d1d1; }
.single-about .top ul li a{display: inline-block; line-height: 40px; height: 40px; font-size: 1.6rem;}
.single-about .top ul li a.active{color: #ff0707; }
.single-about .child{text-align: center;}
.single-about .middle .column{width: 25%;}
.single-about .middle .row{width: 45%; margin: 0 2.5%;}
.single-about .middle .row img{height: 372px;}
.single-about .middle .column img{height: 175px;}
.single-about .middle .column img:first-child{margin-bottom: 22px;}
.single-about .customer{margin-top: 60px;}
.single-about .customer strong{font-size: 1.6rem;}
.single-about .customer ul{margin-left: -2%; margin-top:380px;}
.single-about .customer li{float: left; width: 18%; margin-left: 2%;}
.single-about .customer li img{border: 1px solid #ccc;}
.single-about  p{font-family:"microsoft yahei",'SimSun',sans-serif;  color: #333; text-indent:inherit; line-height:24px;}
.m-order{margin-top: 30px; margin-bottom: 50px;}
.m-order h3{color: #4495d4; font-size: 2rem; border-bottom: 1px solid #e7e7e9; padding-bottom: 15px;}
.m-order p{margin: 15px 0; padding: 0 30px; color: #666;}
.m-order .submit{margin-left: -5%;}
.m-order input[type=text]{width: 45%; margin-left: 5%; float: left; height: 35px; line-height: 35px; border: 1px solid #e5e5e5; padding: 5px; margin-bottom: 15px;}
.m-order input[type=code]{width: 45%; margin-top:15px; float: left; height: 35px; line-height: 35px; border: 1px solid #e5e5e5; padding: 5px;}
.m-order textarea{width: 100%; border: 1px solid #e5e5e5; padding: 5px;}
.m-order .btn{width: 190px; margin: 30px auto 0;} 
.m-order .btn input{text-align: center; font-size: 1.6rem; color: #fff; width: 90px; height: 35px; line-height: 35px; border: none; float: left;}
.m-order .btn input[type=submit]{background: #ff3f3c; margin-right: 10px;}
.m-order .btn input[type=reset]{background: #999999;}

.m-online{border: 1px solid #dcdcdc; padding: 25px 0; margin-bottom: 50px;}
.m-online li{display: inline-block; float: left; width: 25%; text-align: center; border-right: 1px solid #dcdcdc;}
.m-online li:last-child{border-right: none;}
.m-online li a{font-size: 1.6rem; line-height: 40px; height: 40px; display: inline-block;}
.m-online li a i{font-size: 3rem; vertical-align: top;}

/*single-service*/
.single-service .content .img{text-align: left; margin-right: 25px; margin-bottom: 25px;}
.single-service .content {text-align: center;}
.single-service .content h2 , .list-solution h2{font-size: 2.6rem; font-weight: normal;}
.single-service .content p , .list-solution h2 + p{text-align: left; text-indent: 2em; margin-top: 25px; line-height: 24px;}
.single-service .content .cnt p{text-indent: initial;margin-top: 0; margin-bottom: 25px;}
.single-service .cnt .f-fr img{border: 1px solid #ddd;}

/*single-contact*/
.single-contact .dec{text-indent: 2em; line-height: 24px;}
.single-contact .cnt .f-fl{width: 35%;}
.single-contact .cnt .f-fr{width: 60%;}
.single-contact .cnt .tel1 , .single-contact .cnt .tel2 , .single-contact .cnt .tel3{margin-bottom: 20px; line-height: 24px;}
.single-contact .cnt .tel1 i{font-size: 2.6rem; margin-right: 10px;}
.single-contact .cnt i{font-size: 2rem; margin-right: 10px; vertical-align: middle;}
.single-contact .cnt .tel1 span{font-size: 3rem; color: #eb1c24;}
.single-contact .cnt .adr{line-height: 24px; margin-bottom: 20px;}
.single-contact .cnt .mail{line-height: 24px; margin-bottom: 20px;}
.cnt a.price{background: #019cdf; color: #fff; width: 150px; padding: 8px 0; text-align: center; font-size: 1.6rem; line-height: 28px; margin: 0 auto;}
.single-contact #allmap{width: 100%; height: 500px;}

/*btn-qr*/
#btn-qr img{position: absolute; left: 0; top: -120px; z-index: 2;}

/*list-solution*/
.list-solution .content ul{margin-top: 50px; margin-left: -4%;}
.list-solution .content li{width: 46%; margin-left: 4%; float: left; margin-top: 20px;}
.list-solution .content li h3 a{font-size: 1.8rem; margin-bottom: 10px; display: inline-block;}
.list-solution .content li figure{border: 1px solid #F0F0F0;}
.list-solution .content li figure img{height: 316px;}
.list-solution .content li figcaption{color: #666; line-height: 24px; height: 116px; overflow: hidden; padding: 10px;}
.list-solution .content li figcaption a.more{font-size: 1.2rem; line-height: 24px; color: #D64C29;}

/*index-pro*/
.index-pro .top-menu strong , .list-pro .top-menu h2{font-size: 2.6rem; line-height: 30px;}
.index-pro .top-menu strong:after , .list-pro .top-menu h2:after{content: ""; height: 4px; width: 32px; background: #ff0607; position: absolute; bottom: -10px; left: 50%; margin-left: -16px;}
.index-pro .top-menu ul{margin-left: -2%;}
.index-pro .top-menu li{float: left; display: inline-block; width: 10.5%; margin-left: 2%;}
.index-pro .top-menu a{display: block; border: 1px solid #d1d1d1; line-height: 22px; padding: 6px 0;}
.index-pro .top-menu a:hover{color: #ff0607; border-color: #ff0607;}

.index-pro .bottom-pro {margin-top: 50px;}
.index-pro .bottom-pro  ul{margin-left: -2%;}
.index-pro .bottom-pro > ul > li{width: 23%; margin-left: 2%; float: left; margin-bottom: 25px; max-height: 250px; overflow: hidden;}
.index-pro .bottom-pro > ul > li img{border: solid 1px  #EBEBEB;}

.index-pro .bottom-pro ul ul li{width: 48%; margin-left: 2%; float: left;}
.index-pro .bottom-pro ul ul li h3:before{content: "•"; margin-right: 5px;}
.index-pro .bottom-pro ul ul li a:hover{text-decoration: underline;}
#pro-nav{background: #5e5e5e; color: #fff; padding: 0 10px; height:357px;}
#pro-nav h2{line-height: 30px; font-size: 1.5rem;}
#pro-nav a{color: #fff; line-height: 40px; height: 40px; color: #D2D2D2;}
.index-pro .bottom-pro > ul > li figcaption{margin-top: 15px;}
.index-pro .bottom-pro > ul > li figcaption a{line-height: 1.5; display: inline-block; font-size: 1.5rem;}

/*2018-3-26 index-pro*/
.i-pro .sidebar{width: 20%;}
.sidebar .t{background: #000000; color: #fff; border-top-right-radius: 5px; border-top-left-radius: 5px; padding: 20px 15px;}
.sidebar .t strong{font-size: 2.4rem; font-weight: normal;}
.sidebar .t strong:after{content: ">";position: absolute; right: 0; bottom: -10px; border: 1px solid #fff; border-radius: 50%; width: 24px; height: 24px; font-size: 1.4rem; vertical-align: middle; line-height: 20px; text-align: center; display: inline-block; }
.sidebar .t span{font-size: 1.4rem; margin-top: 5px; font-family: arial; letter-spacing: 2px;}
.sidebar .side-nav{border: 1px solid #ededed; }
.sidebar .side-nav li{position: relative;}
.sidebar .side-nav li a{font-size: 1.6rem; font-weight: bold; line-height: 40px; border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; margin-bottom: -1px; padding-left: 15px;}
.sidebar .side-nav li ul{padding-left: 20px;}
.sidebar .side-nav li li a{font-size: 1.4rem; line-height: 36px; border-bottom: 1px dashed #ededed; border-top: none; font-weight: normal;}
.sidebar .side-nav li li:last-child a{border-bottom: none}
.sidebar .side-nav a{display: block; transition: all .3s;}
.sidebar .side-nav a:hover{color: #000;}
.sidebar .side-nav a:after{display: inline-block; content: ">"; position: absolute; right: 20px; font-weight: normal; font-size: 1.4rem; transition: all .3s linear;}
.sidebar .side-nav a:hover:after{transform: translateX(10px);} 

.side-tell{border: 1px solid #ededed;;}
.side-tell .t{background: #555555;}
.side-tell p{line-height: 3;}
.side-tell b{font-size: 2rem; display: block; border-bottom: 1px solid #ededed; color: #C22715; }
.side-tell a{display: inline-block; background: #C22715; color: #fff; padding: 8px 15px; border-radius: 5px;}

.i-pro .section{width: 78%;}
.i-pro .row .t{border-bottom: 2px solid #ddd; padding: 10px 15px;}
.i-pro .row .t .more{position: absolute; right: 10px; bottom: 15px;}
.i-pro .row h2{font-size: 2.4rem;}
.i-pro .row h2 a{color: #333;}
.i-pro .section ul{margin-left: -2.3333%;}
.i-pro .section li{margin-top: 25px; float: left; width: 31%; margin-left: 2.3333%;}
.i-pro .section li img{transition: all .3s linear;}
.i-pro .section figure{overflow: hidden; border: 1px solid #ededed;}
.i-pro .section h3{margin-top: 5px;}
.i-pro .row li:hover a{color: #ff0607;}
.i-pro .row li:hover img{transform: scale(1.1);}

.i-pro .row6 b{font-size: 3rem;}
.i-pro .row6 li:hover a{font-size: 4rem;}
.i-pro .row6 figure{position: relative;}
.i-pro .row6 figcaption{ position: absolute; width: 100%; height: 100%; z-index: 5; right: 0; bottom: 0; background: rgba(0,0,0,.6)}
.i-pro .row6 h2{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; }
.i-pro .row6 a{color: #fff; font-size: 3rem; display: block;}

/*list-news*/
.list-news .news-nav ul{padding: 0 10%; text-align: center;}
.list-news .news-nav li{width: 23%; margin: 0 1%; float: left;}
.list-news .news-nav li a{line-height: 24px; font-size: 1.6rem; padding: 12px 0; border: 1px solid #dcdcdc; display: inline-block; width: 100%;}
.list-news .news-nav li a:hover , .list-news .news-nav li.active a{background: #ff3f3c; color: #fff; border-color: #ff3f3c;}
.list-news .special{margin-top: 50px;}
.list-news .special .f-fl{width: 35%; height: 235px;}
.list-news .special .f-fr{width: 63%; color: #777; position: relative; height: 235px;}
.list-news .special .f-fr h3 a{font-size: 2.4rem;}
.list-news .special .f-fr span{display: block; margin-top: 15px;}
.list-news .special .f-fr p{margin-top: 15px; line-height: 24px;}
.list-news .special .f-fr a.more{display: inline-block; border: 1px solid #e0e0e0; line-height: 24px; padding: 5px 15px; position: absolute; left: 0; bottom: 0;}
.list-news ul.list-item{margin-top: 50px;}
.list-news ul.list-item li{border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: 25px 15px; color: #777; margin-bottom: -1px;}
.list-news ul.list-item li h3 a{font-size: 2rem; font-weight: normal;}
.list-news ul.list-item li span , .list-news ul.list-item li p{margin-top: 15px;}
.list-news .list-page {width: 520px; margin: 30px auto;}
.list-news .list-page li{display: inline-block; float: left;}
.list-news .list-page li a{padding: 5px;}
.list-news .list-page li a:hover , .list-news .list-page li a.active{color: #ff3f3e;}

/*artcile-news*/
.article-news .top h2{font-size: 2.4rem; font-weight: normal;}
.article-news .top p{color: #555; margin-top: 15px;}
.article-news .top span:first-child{margin-right: 10px;}
.article-news article{border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 25px 0; margin-top: 30px;}

.article-news article p{margin-bottom: 15px; text-indent: 2em; line-height: 24px;}
.article-news article img{display: block; margin: 0 auto; margin-bottom: 15px;}
.article-news .page{padding: 25px 15px;}

/* 表格优化 */
table {
  max-width: 100%;
  background-color: transparent;
  empty-cells: show;
}
table code {
  white-space: normal;
}
th {
  text-align: left;
}
.am-table {
  width: 100%;
  margin-bottom: 1.6rem;
  border-spacing: 0;
  border-collapse: separate;
}
.am-table > thead > tr > th,
.am-table > tbody > tr > th,
.am-table > tfoot > tr > th,
.am-table > thead > tr > td,
.am-table > tbody > tr > td,
.am-table > tfoot > tr > td {
  padding: 0.7rem;
  line-height: 1.6;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.am-table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #ddd;
}
.am-table > caption + thead > tr:first-child > th,
.am-table > colgroup + thead > tr:first-child > th,
.am-table > thead:first-child > tr:first-child > th,
.am-table > caption + thead > tr:first-child > td,
.am-table > colgroup + thead > tr:first-child > td,
.am-table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.am-table > tbody + tbody tr:first-child td {
  border-top: 2px solid #ddd;
}
/* Bordered version */
.am-table-bordered {
  border: 1px solid #ddd;
  border-left: none;
}
.am-table-bordered > thead > tr > th,
.am-table-bordered > tbody > tr > th,
.am-table-bordered > tfoot > tr > th,
.am-table-bordered > thead > tr > td,
.am-table-bordered > tbody > tr > td,
.am-table-bordered > tfoot > tr > td {
  border-left: 1px solid #ddd;
  /*&:first-child {
          border-left: none;
        }*/
}
.am-table-bordered > tbody > tr:first-child > th,
.am-table-bordered > tbody > tr:first-child > td {
  border-top: none;
}
.am-table-bordered > thead + tbody > tr:first-child > th,
.am-table-bordered > thead + tbody > tr:first-child > td {
  border-top: 1px solid #ddd;
}
/* Border-radius version */
.am-table-radius {
  border: 1px solid #ddd;
  border-radius: 2px;
}
.am-table-radius > thead > tr:first-child > th:first-child,
.am-table-radius > thead > tr:first-child > td:first-child {
  border-top-left-radius: 2px;
  border-left: none;
}
.am-table-radius > thead > tr:first-child > th:last-child,
.am-table-radius > thead > tr:first-child > td:last-child {
  border-top-right-radius: 2px;
  border-right: none;
}
.am-table-radius > tbody > tr > th:first-child,
.am-table-radius > tbody > tr > td:first-child {
  border-left: none;
}
.am-table-radius > tbody > tr > th:last-child,
.am-table-radius > tbody > tr > td:last-child {
  border-right: none;
}
.am-table-radius > tbody > tr:last-child > th,
.am-table-radius > tbody > tr:last-child > td {
  border-bottom: none;
}
.am-table-radius > tbody > tr:last-child > th:first-child,
.am-table-radius > tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: 2px;
}
.am-table-radius > tbody > tr:last-child > th:last-child,
.am-table-radius > tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: 2px;
}
/* Zebra-striping */
.am-table-striped > tbody > tr:nth-child(odd) > td,
.am-table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
/* Hover effect */
.am-table-hover > tbody > tr:hover > td,
.am-table-hover > tbody > tr:hover > th {
  background-color: #e9e9e9;
}
.am-table-compact > thead > tr > th,
.am-table-compact > tbody > tr > th,
.am-table-compact > tfoot > tr > th,
.am-table-compact > thead > tr > td,
.am-table-compact > tbody > tr > td,
.am-table-compact > tfoot > tr > td {
  padding: 0.4rem;
}
.am-table-centered > thead > tr > th,
.am-table-centered > tbody > tr > th,
.am-table-centered > tfoot > tr > th,
.am-table-centered > thead > tr > td,
.am-table-centered > tbody > tr > td,
.am-table-centered > tfoot > tr > td {
  text-align: center;
}
.am-table > thead > tr > td.am-active,
.am-table > tbody > tr > td.am-active,
.am-table > tfoot > tr > td.am-active,
.am-table > thead > tr > th.am-active,
.am-table > tbody > tr > th.am-active,
.am-table > tfoot > tr > th.am-active,
.am-table > thead > tr.am-active > td,
.am-table > tbody > tr.am-active > td,
.am-table > tfoot > tr.am-active > td,
.am-table > thead > tr.am-active > th,
.am-table > tbody > tr.am-active > th,
.am-table > tfoot > tr.am-active > th {
  background-color: #ffd;
}
.am-table > thead > tr > td.am-disabled,
.am-table > tbody > tr > td.am-disabled,
.am-table > tfoot > tr > td.am-disabled,
.am-table > thead > tr > th.am-disabled,
.am-table > tbody > tr > th.am-disabled,
.am-table > tfoot > tr > th.am-disabled,
.am-table > thead > tr.am-disabled > td,
.am-table > tbody > tr.am-disabled > td,
.am-table > tfoot > tr.am-disabled > td,
.am-table > thead > tr.am-disabled > th,
.am-table > tbody > tr.am-disabled > th,
.am-table > tfoot > tr.am-disabled > th {
  color: #999999;
}
.am-table > thead > tr > td.am-primary,
.am-table > tbody > tr > td.am-primary,
.am-table > tfoot > tr > td.am-primary,
.am-table > thead > tr > th.am-primary,
.am-table > tbody > tr > th.am-primary,
.am-table > tfoot > tr > th.am-primary,
.am-table > thead > tr.am-primary > td,
.am-table > tbody > tr.am-primary > td,
.am-table > tfoot > tr.am-primary > td,
.am-table > thead > tr.am-primary > th,
.am-table > tbody > tr.am-primary > th,
.am-table > tfoot > tr.am-primary > th {
  color: #0b76ac;
  background-color: rgba(14, 144, 210, 0.115);
}
.am-table > thead > tr > td.am-success,
.am-table > tbody > tr > td.am-success,
.am-table > tfoot > tr > td.am-success,
.am-table > thead > tr > th.am-success,
.am-table > tbody > tr > th.am-success,
.am-table > tfoot > tr > th.am-success,
.am-table > thead > tr.am-success > td,
.am-table > tbody > tr.am-success > td,
.am-table > tfoot > tr.am-success > td,
.am-table > thead > tr.am-success > th,
.am-table > tbody > tr.am-success > th,
.am-table > tfoot > tr.am-success > th {
  color: #5eb95e;
  background-color: rgba(94, 185, 94, 0.115);
}
.am-table > thead > tr > td.am-warning,
.am-table > tbody > tr > td.am-warning,
.am-table > tfoot > tr > td.am-warning,
.am-table > thead > tr > th.am-warning,
.am-table > tbody > tr > th.am-warning,
.am-table > tfoot > tr > th.am-warning,
.am-table > thead > tr.am-warning > td,
.am-table > tbody > tr.am-warning > td,
.am-table > tfoot > tr.am-warning > td,
.am-table > thead > tr.am-warning > th,
.am-table > tbody > tr.am-warning > th,
.am-table > tfoot > tr.am-warning > th {
  color: #F37B1D;
  background-color: rgba(243, 123, 29, 0.115);
}
.am-table > thead > tr > td.am-danger,
.am-table > tbody > tr > td.am-danger,
.am-table > tfoot > tr > td.am-danger,
.am-table > thead > tr > th.am-danger,
.am-table > tbody > tr > th.am-danger,
.am-table > tfoot > tr > th.am-danger,
.am-table > thead > tr.am-danger > td,
.am-table > tbody > tr.am-danger > td,
.am-table > tfoot > tr.am-danger > td,
.am-table > thead > tr.am-danger > th,
.am-table > tbody > tr.am-danger > th,
.am-table > tfoot > tr.am-danger > th {
  color: #dd514c;
  background-color: rgba(221, 81, 76, 0.115);
}
.am-scrollable-horizontal {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
}
.am-scrollable-vertical {
  height: 240px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  resize: vertical;
}

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  background-color: #e1e4e7;
  z-index: 100;
}
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
  margin: 0 60px 0 0;
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 60px;
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #516270;
  background: #c6cacd;
  border: none;
  cursor: pointer;
}
/* btn */
.hamburger{font:inherit;display:none;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}
.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}