/* reset */
html,body,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,select,button,textarea,menu
{
margin:0;padding:0; font-family:'Microsoft Yahei'; font-size: 14px; color:#555;
}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
li,ul{list-style:none;}
img{border:0; padding:0px; }
a{color:#555;outline:none; text-decoration:none;}
a:hover{color:#000;text-decoration:none;}
/* 文字样式 */
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
/* 常用 */
.clear{clear:both;}
/*浮动*/
.fl{float:left;}
.fr{float:right;}
/* 下拉三角符号 */
.caret{display:inline-block;width:15px;height:9px;vertical-align:middle; background:url(../images/bg-arrow-nav-global.png); }
.caret.up{border-top:none;}
.caret.down{border-top:none;}
.layout{width:1060px; margin:0 auto;}
.header{height:90px;position:relative;z-index:200; }
.nav_box{position:relative; width:1060px; margin:0 auto;}
.logo{width:400px; }
.nav{ padding-left:600px;height:50px;position:absolute;right:0;bottom:0; margin-top:20px;background:url(../images/nav-bg.png);}
.nav li{width:130px; text-align:right;float:right;line-height:50px;font-weight:bold;text-align:center;}
.nav li a{display:block; text-align:right; color:#000;}
.nav li a i{}
.nav li .cur{font-weight:600; color:#0263c6; font-size:15px;}
.nav li .subnav{position:relative;display:none; background:none; padding:14px;}
.nav li .subnav .caret{position:absolute;top:0;left:50%;margin-left:-8px;border-top-color:#cfcfcf;}
.nav li .subnav a{font-weight:normal;line-height:2;}
.nav li .subnav a:hover{background:#fafafa;}
.navhide-cart{background:#fff; margin-top:-6px; }
.no-js .nav li:hover .subnav{display:block;}
.nav li .product-nav{width:321px;overflow:hidden; background:#f6f6f6;}
.nav li .product-nav p{float:left;text-align:left;width:110px;height:172px;padding:0 25px;}
.nav li .caret{left:40px;}
.nav li .service-nav{width:900px;margin-left:-364px;overflow:hidden; }
.nav li .service-nav p{height:120px;float:left;text-align:left;padding:30px 25px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; }
.nav li .service-nav .left{padding-right:40px; padding-left:40px; border-left:1px solid #ddd;}
.nav li .service-nav .right a{color:#000; padding:0 30px 0 30px; margin-top:10px; text-align:left; border-left:1px solid #ddd}
.nav li .service-nav .right a:hover{color:#0263c6;}
.nav li .service-nav .right:last-child{border-right:1px solid #ddd;}
.nav li .service-nav .left img{width:200px; height:100px; margin-top:13px;}
.nav li .service-nav p .more{display:block;width:118px;height:34px;line-height:34px;background:#f03b32;text-align:center;color:#fad0cf;}
.nav li .service-nav p .more i{font-size:14px;margin-right:5px;}
.nav li .service-nav p .more:hover{background:#c00;}
/*-- banner --*/
.comiis_wrapad { overflow: hidden; }
.block { margin: 0;position: relative; }
.comiis_wrapad #frameHlicAe { margin: 0px !important; border: 0px !important; }
.comiis_wrapad .comiis_wrap960, .comiis_wrapad { margin: 0 auto; width: 100%; }
.comiis_wrapad #slidesImgs li { width: 100%; height: 560px; display: none; }
.comiis_wrapad img { float: left; margin-top: 0px; width:100%; height:560px;}
.comiis_wrapad .cl { zoom: 1; }
.comiis_wrapad .title { padding: 0 10px; height: 32px; line-height: 32px; overflow: hidden; }
.comiis_wrapad .slideshow { clear: both; }
.comiis_wrapad .slideshow li { position: relative; overflow: hidden; }
.banner-img{position:relative}
.img-word{position:absolute; top:14%; right:23%;font-size:24px; color:#fff; }
.img-word h2{text-shadow:2px 2px 2px #666; }
.comiis_wrapad .slidebar li {
background: rgba(126,126,126,0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000,endColorstr = #30000000); color: #FFF; overflow: hidden;
}
.comiis_wrapad .slidebar { position: absolute; bottom:26px; left:48%}
.comiis_wrapad .slidebar li { float: left; margin-right: 10px; width: 14px; height: 14px;background:url(../images/btn_main_img.png) -24px -4px; color:rgba(255,255,255,0); font-size: 10px; cursor: pointer; }
.comiis_wrapad .slidebar li.on { background:url(../images/btn_main_img.png) -24px 20px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF,endColorstr = #50FFFFFF);
}
/* hot-news */
.hot-news-box{ width:100%; background-color:rgba(0,0,0,0.05); border-bottom:1px solid #e4e4e4; padding:4px 0px;}
.hot-class-till{ width:1060px; margin:0 auto;position:relative; }
.hot-title{position:absolute;top:5px; font-weight:bold; margin-left:10px;}
#hot-news{height:27px;line-height:27px;overflow:hidden;}
#hot-news #up_li{list-style-type:none;margin:0;padding:0;margin-left:90px;}
#hot-news #up_li a{ line-height:30px; font-size:12px; color:#000;}
/* content */
.content{width:1060px; margin:0 auto; margin-top:70px; overflow:hidden;}
.content-sort{width:250px; float:left; margin-right:20px;}
.content-sort p{line-height:40px; font-weight:600; }
.content-sort:last-child{margin-right:0px;}
.content-sort-a{width:250px; display:inline-block;}
.content-sort-a img{width:250px; height:150px;}
.sort-detil{font-size:12px; line-height:24px; height:50px; overflow:hidden; color:#666;}
.content .more{padding:4px 18px; background:#f4f4f4; line-height:30px; font-size:13px;}
.content .more:hover{background:#0263c6; color:#fff; -moz-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;}
.img-scroll { position:relative; margin:80px auto; width:1120px;}
.img-scroll span { position:absolute; display:block; width:20px; height:28px;top:0; background:url(../images/arrowhead.png) no-repeat; cursor:pointer;}
.img-scroll .prev { left:0; top:60px; background-position:0px -0px}
.img-scroll .next { right:0; top:60px; background-position:0px -56px}
.img-scroll .prev:hover{ background-position:0px -28px}
.img-scroll .next:hover{ background-position:0px -84px}
.img-list { position:relative; width:1060px; height:300px; margin-left:30px; overflow:hidden}
.img-list ul { width:9999px;}
.img-list li { float:left; display:inline; width:250px; margin-right:20px; height:300px; }
.img-list li img{width:250px; height:150px;}
.img-list li p{line-height:40px; font-weight:600; }
.img-list li .sort-detil{font-size:12px; line-height:24px; height:50px; overflow:hidden; color:#666;}
.img-list li .more{padding:4px 18px; background:#f4f4f4; line-height:30px; font-size:13px;}
.img-list li .more:hover{background:#0263c6; color:#fff; -moz-transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
-ms-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;}
/*-- foot --*/
.foot{background:#000; color:#fff; width:100%; padding-bottom:4px;}
.foot a{font-size:13px; color:#fff; line-height:30px;}
.foot-content{width:1060px; margin:0 auto; }
.foot-left a{display:inline-block; padding-right:16px;}
.foot-right{font-size:12px; color:#999; position:relative;}
.foot-right a{ margin-right:10px; width:20px; height:18px; display:inline-block; background:url(../images/fn-icon.png);}
.foot-right span{margin-left:20px;}
.foot-right .weibo{ background-position:0px -25px;}
.foot-right .weixin{ background-position:-20px -25px; position:relative;}
.qrcode-pic { position:absolute; right:136px; bottom:40px; display:none; width:200px; height:200px; }
/*样式*/
[data-role="transition"] {
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
[data-before="transition"]:before, [data-before="transition"]:after {
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}