/* CSS Document */
.banner {position:relative;background:#000;margin:0 auto;}
.banner .bd {position:relative;z-index:0;}
.banner .bd li img {width:100%;vertical-align:top;}
.banner .hd { position:absolute; bottom:5%; width:100%; height:14px; z-index:1; }
.banner .hd ul { width:90%; margin:0 auto; text-align:center; }
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:40px; height:14px; margin:0 3px; /*border-radius:50%;*/ background:#fff; line-height:999px; overflow:hidden; cursor:pointer; }
.banner .hd ul .on { background:#c5231c; }

.indexTit{ }
.indexTit .c-line{border-bottom: 1px solid #b1b1b1;margin: 39px auto 0px auto;width: 1000px;}
.indexTit .c-tlt-en{font-size: 14px;color: #b1b1b1; width: 100%;text-align: center;margin-top: -40px;}
.indexTit .c-tlt-cn{background-color:#FFF;height:31px;line-height:28px;width:160px;font-size:27px;color:#d30303;font-weight:bold;text-align:center;border-left:1px solid #b1b1b1;border-right:1px solid #b1b1b1;left:50%;margin-left:-80px;    position: absolute;}
.indexTit .c-tlt-t {font-size:18px;color:#000;text-align:center;line-height:30px;margin:52px 0;}
 
.products{ width: 100%; overflow: hidden; padding: 40px 0 30px; }
.products .g-doc .inner{width:100%;height:auto;margin:40px 0 20px 0;}
.products .g-doc .inner ul{width:100%;height:auto;}
.products .g-doc .inner ul li{width:220px;float:left;}
.products .g-doc .inner ul li  h2   {width:100%;height:30px;line-height:30px;float:left;}
.products .g-doc .inner ul li  h2   a{font-weight:200;color:#777;margin:0 10px 0 10px;    transition: 560ms;}  
.products .g-doc .inner ul li  h2 :before{content: "\e608"; line-height: 30px;font-family: "iconfont" !important;font-size: 0.6rem;padding: 0 10px;float: left;position: relative;top: 0;color:#d30303;}
.products .g-doc .inner ul li h2:hover a{color:#2553b3;margin:0 20px 0  0px;}
.h2p{font-size:1em}
.About{background: #f3f3f3;padding-bottom: 34px;}
.About .hd{text-align: center;padding:40px 0 30px;}
.About .hd .p1{font-size:1em;color: #000;letter-spacing:0.2em;}
.About .hd h1{font-size: 2em;color: #d30303;line-height:40px;letter-spacing:0.2em;}
.About .hd h1 em{color: #c5231c;}
.About .hd .p2{font-size: 13px;font-family: Arial;color: #5c5c5c;text-transform: uppercase;line-height: 1.8;}
.About .iart{width: 68%;height:auto; margin:20px 0 2%;line-height: 28px;float:left; } 
.About .iimg{width: 28%;height:auto; margin:20px 2% 20px 0; float:right;} 
.About .iimg img{width:100%;height:auto;transition: all .3s;}
.About .iimg img:hover{transform: scale(1.2, 1.2);}
.about-link {padding-top: 24px;text-align: center;}
.about-link a{display: inline-block;width: 130px;height: 45px;margin: 0 12px;background: #2553b3;color: #fff;font-size: 14px;line-height: 45px;}


.App {padding:20px 0 0;background:#fff;}

.hot-pro .pro-pic ul li { float: left; width: 210px; padding:0 5px; height: 180px; margin-top:25px;}
.hot-pro .pro-pic ul li a { float: left; width: 100%; height: auto; text-decoration: none; cursor: pointer; }
.hot-pro .pro-pic ul li img { width: 100%; height: auto; margin: 0 auto;  display: block;border:1px #e2e2e2 solid; }
.hot-pro .pro-pic ul li  h3{ font-size: 1.0em;font-weight:200; color: #666; line-height: 14px; padding-top: 12px; text-align: center; }
.hot-pro .pro-pic ul li a:hover h3 { color: #f50; }


.tags{background: #f3f3f3;padding-bottom: 34px;}
.tags .hd{text-align: center;padding:40px 0 30px;}
.tags .hd .p1{font-size:1em;color: #000;letter-spacing:0.2em;}
.tags .hd h1{font-size: 2em;color: #d30303;line-height:40px;letter-spacing:0.2em;}
.tags .hd h1 em{color: #c5231c;}
.tags .hd .p2{font-size: 13px;font-family: Arial;color: #5c5c5c;text-transform: uppercase;line-height: 1.8;}
.tags .con{height:280px; overflow:hidden;}
.tags .con h3 a{float:left;font-weight:200;color:#CDA46F;margin:0 2px;}
.tags .con h3:nth-child(2n+1) a{font-size:0.6em;font-weight:600;color:#000;}
.tags .con h3:nth-child(3n+2) a{font-size:0.9em;font-weight:300;color:#888;}
.tags .con h3:nth-child(5n+3) a{font-size:0.7em;font-weight:100;color:#11406C;}
.tags .con h3:nth-child(7n+5) a{font-size:0.8em;font-weight:500;color:#ccc;}
.tags .con h3:nth-child(11n+7) a{font-size:0.4em;font-weight:300;color:#009CFD;}
.tags .con h3:nth-child(13n+9) a{font-size:0.7em;font-weight:500;color:#BB170F;}
.tags .con h3:nth-child(15n+9) a{font-size:0.6em;font-weight:200;color:red;}



.news {text-align:center;margin-top:89px;}
.news .pic-news {text-align:left;position:relative;z-index:1;width:46%;float:left;}
.news .pic-news .tlt {font-size:1.2em;color:#ffa800;padding-top:20px;font-weight:400;}
.news .pic-news .tlt a {color:#ffa800;}
.news .pic-news .tlt a:hover {color:#2553b3;}
.news .pic-news p {color:#707070;text-align:left;line-height:18px;padding-top:8px;}
.news .pic-news .more {display:block;text-align:center;width:146px;height:30px;line-height:30px;background:#2553b3;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin-top:35px;font-size:1.0em;transition:ease-in-out 0.2s;}
.news .pic-news .more:hover {background:#d30303;width:182px;}
.news .pic-news .time {position:absolute;left:0;top:0;width:77px;height:77px;color:#fff;z-index:10;display:block;background:#2553b3;text-align:center;}
.news .pic-news .a {overflow:hidden;width:463px;height:125px;display:block;}
.news .pic-news  .hot_pic {height:125px;overflow:hidden}
.news .pic-news  .hot_pic  img {width:100%;height:auto;overflow:hidden;}
.news .pic-news .time  .day {font-size:2.0em;font-family:"helv";font-weight:100;line-height:40px;padding-top:8px;}
.news .pic-news .time  .ym {font-size:1.0em;font-family:"helv";font-weight:100;}
.news .text-news {width:50%;float:right;}
.news .text-news .item {width:100%;border-bottom:1px solid #d9d9d9;padding:20px 0;}
.news .text-news .item .tlt {font-size:1.2em;color:#202427;text-align:left;font-weight:400;}
.news .text-news .item a {height:60px;display:block;width:100%;}
.news .text-news .item .txt {color:#707070;height:48px;overflow:hidden;font-size:0.8em;line-height:24px;text-align:left;}
.news .text-news .item .time {float:left;height:60px;margin-right:20px;text-align:center;font-family:helv;line-height:14px;*line-height:22px;color:#8c8c8c;}
.news .text-news .item .time .day {font-size:2.0em;line-height:48px;display:block;*margin-bottom:4px;}
.h1p{font-size:1.0em;font-weight:600;text-align:left;line-height:26px;}