@charset "utf-8";

body,hr, p,blockquote, dl, dt, dd, ul, ol, li,form, fieldset, legend, img{ border:none; margin: 0; padding: 0;}

body{font-size:12px;color:#666;font-family:"微软雅黑";background:#fff; width:100%;overflow-x:hidden;word-break:break-all;min-width:1200px}

em{font-style:normal;}

h1,h2,h3,h4,h5{margin:0;padding:0;font-weight:normal}

ul, ol{list-style:none;}

a{text-decoration:none;color:#999;}

a:hover{text-decoration:none;}

img{border:none;line-height:0;font-size:0;vertical-align:bottom;}

.clear{clear:both;line-height:0;font-size:0;overflow:hidden;}

.wrap,.w1200{width:1200px;margin:0 auto;}

.fr{float:right}

.fl{float:left}

/*======================浮动的外层==================*/

.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix{display:inline-block; }

/* required comment for clearfix to work in Opera \*/

* html .clearfix{zoom:1}

.clearfix{display:block;}

/* end clearfix */

/*header*/

.header{width:100%;}

.topnav{width:100%;height:21px;background:#0570d4;color:#fff;font-size:12px;line-height:21px;padding:9px 0}

.topnav .hi{padding-left:25px;background:url(../images/main_08.png) no-repeat left center;}

.topnav .t_right{color:#fff;fot-size:12px}

.topnav a{color:#fff;fot-size:12px;display:inline-block;}

.topnav a span{display:inline-block;vertical-align:middle;margin-top:-3px;margin-right:5px;}

.header .head{padding:15px 0;}

.head .menu{padding-top:25px;position:relative}

.menu li{float:left;margin-left:20px;}

.menu li a{color:#000;font-size:16px;padding:0 18px 38px 18px;border-bottom:1px solid #fff}

.menu li:hover a{border-bottom:1px solid #0570d4;color:#0570d4}

.menu li dd{}

.menu li dd a{color:#333;font-size:12px;font-weight:normal;padding:0px 7px;border-bottom:0;line-height:26px}

.menu li:hover dd a{border-bottom:0;color:#333;}

.menu li dd a:hover{color:#0570d4}

.menu li .snav{position:absolute;width:950px;overflow:hidden;top:86px;background:#fff url(../images/shadow.jpg) repeat-x left top;z-index:10;left:0;padding:10px 19px 40px 19px;display:none;left:-160px}

.menu li dt a{display:block;color:#0570d4;font-size:16px;border-bottom:0;padding:0;font-weight:normal}

.menu li:hover dt a{border-bottom:0;color:#0570d4;}

.menu li dt{padding-left:7px;margin-bottom:13px}

.menu .snav .s_left{width:200px}

.menu .snav .s_center{width:200px;margin:0 37px}

.menu .snav .s_right{width:200px}

.menu li .snav dl{padding-top:28px; overflow:hidden;height: 190px;}

.menu li.li1{position:relative}

.menu li .sub_snav{width:320px;top:61px;padding:12px 0 12px 22px;left:-30px}

.menu li .sub_snav dd{text-align:center;display:inline-block;}

.menu li .sub_snav dd a{margin:0;display:block; padding-right:5px}

.menu li .sub_snav dl{padding-top:0px;height:auto}

/*banner*/

.banner{ 

    max-width:100%; 

	min-width:1200px; 

	clear:both; 

	position:relative;

	}

.flexslider { 

    position: relative;

	z-index:2; 

	height:600px; 

	overflow: hidden; 

	background: url(../images/loading.gif) 50% no-repeat;

	}

.slides { 

    position: relative; 

	z-index: 10;

	}

.slides li { 

    height: 4460px;

	}

.flex-control-nav { 

    position: absolute; 

	bottom:20px; 

	z-index: 20; 

	width: 100%;

	text-align:center; 

	}

.flex-control-nav li { 

    display: inline-block; 

	width: 12px; 

	height: 12px; 

	margin: 0 5px; 

	*display: inline; 

	zoom: 1;

	}

.flex-control-nav a { 

    display: inline-block; 

	width:15px; 

	height:15px; 

	line-height: 40px; 

	overflow: hidden; 

	background:url(../images/dd.png) right 0 no-repeat; 

	cursor: pointer;

	}

.flex-control-nav .flex-active { 

    background:url(../images/dd2.png) right 0 no-repeat; 

	}

.banner ul li a{ 

    display:block; 

	height:100%;

	}

/*footer*/

.footer{width:100%;background:#0570d4;padding:25px 0}

.footer .f_menu{color:#fff;font-size:14px;margin-bottom:20px}

.f_menu a{display:inline-block;color:#fff;font-size:14px;}

.footer p{color:#fff;font-size:14px;line-height:32px}

.footer p span{display:inline-block;vertical-align:middle;margin-right:5px}

.footer .f_right{width:198px;background:#0278e6}

.f_right .ewm{width:99px}

.f_right .ewm img{width:99px;height:99px}

.f_right .sao{width:79px;text-align:center;padding:12px 10px 0 10px}

.footer .f_right .sao p{line-height:22px;font-size:12px;padding-top:7px}

.footer .f_left{padding-top:6px}

/*2019年04月24日products01.html和detail01.html样式修改*/
.products ul li{ position:relative;}
.products ul li .text01{position:absolute; top:0px; left:50%; width: 0;height: 199px;transition: all 0.5s; background: rgba(0,0,0,.5);}
.products ul li h2{ font-size:14px; color:#fff; line-height: 25px;position: absolute; top:50px;transition: opacity 1s,top 0.5s, bottom 0.5s;transition-delay: 0s; z-index: 1;opacity: 0;overflow: hidden; text-align:justify; padding:0 20px}
.products ul li:hover .text01{ width:207px;left:0;}
.products ul li:hover h2{opacity: 1;  top:30px;}
.p_detail{ overflow:hidden; margin-top:30px;}
.det01{ overflow:hidden;}
.det01_left{ float:left;width: 490px;height: 389px; border: 1px solid #eee; overflow:hidden}
.det01_left img{width:auto;height: 289px; display:block; margin:50px auto}
.det01_right{ width:420px; float:right;}
.det01_right ul { overflow:hidden; margin-bottom:30px;}
.det01_right ul li{ overflow:hidden;line-height: 52px;font-size: 14px; color: #888888; border-bottom:1px solid #eee}
.det01_right ul li span{ color:red; font-weight:bold; font-size:16px;}
.det01_right a{ display:block; padding-left:80px; background:url(../images/de1.png) left center no-repeat;height:72px;}
.det01_right a h2{ width:85px; height:30px; text-align:center; line-height:30px; font-size:14px; color:#fff; background:red; position:relative; top:21px;}
.det01_right h3{font-size: 14px;color: #666;}
.det01_right h4{font-size: 28px; color: #e40303;}
.inside_hot{ overflow:hidden; margin-bottom:50px;}
.inside_hot h3{ font-size:24px; color:#333; margin-bottom:30px; margin-left:44px;}
.inside_hot .mr_frbox{ overflow:hidden}
.inside_hot .mr_frBtnL{float:left;position: relative;top: 105px;left: 0px;cursor:pointer;display:inline;}
.inside_hot .mr_frBtnR{float:right; position: relative;top: 105px;right:0;cursor:pointer;}
.inside_hot .mr_frUl{float:left; position: relative;left: 14px;width:1118px;}
.inside_hot .mr_frUl ul li{display:inline;float:left;width: 270px;margin-right:10px;overflow:hidden; position:relative }
.inside_hot .tp02{width: 268px; height: 216px; overflow:hidden;background: #fff;border:1px solid #ddd }
.inside_hot .mr_frUl ul li img{display:block;width: 268px; height: 216px; }	
.inside_hot .mr_frUl ul li h2{height: 40px;color: #333;font-size: 14px;overflow: hidden;line-height: 40px; background: #ddd; text-align:center}
.inside_hot .mr_frUl ul li .text02{position:absolute; top:0px; left:50%; width: 0;height: 217px;transition: all 0.5s; background: rgba(0,0,0,.5);}
.inside_hot .mr_frUl ul li p{ font-size:14px; color:#fff; line-height: 25px;position: absolute; top:50px;transition: opacity 1s,top 0.5s, bottom 0.5s;transition-delay: 0s; z-index: 1;opacity: 0;overflow: hidden; text-align:justify; padding:0 20px}
.inside_hot .mr_frUl ul li:hover .text02{ width:270px;left:0;}
.inside_hot .mr_frUl ul li:hover p{opacity: 1;  top:30px;}
.inside_hot .mr_frUl ul li:hover h2{background: #0570d4; color:#fff;}
.inside_hot .mr_frUl ul li:hover .tp02{ border:1px solid #0570d4}



@font-face {
      font-family: 'fontello';
      src: url('../fontello/font/fontello.eot?71359878');
      src: url('../fontello/font/fontello.eot?71359878#iefix') format('embedded-opentype'),
           url('../fontello/font/fontello.woff?71359878') format('woff'),
           url('../fontello/font/fontello.ttf?71359878') format('truetype'),
           url('../fontello/font/fontello.svg?71359878#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
     
     
    .demo-icon
    {
      font-family: "fontello" !important;
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
.cndns-right *:hover {text-decoration: none;}
.cndns-right{position:fixed;right:0;top:200px; z-index:98; font-family: Arial,"Microsoft YaHei" !important; background: #f1f1f1; border: 1px solid #e0e0e0; filter:alpha(opacity=9); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
.cndns-right i { font-style: normal !important;}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:75px;height:80px;text-align:center;display:block;position:relative;text-decoration: none; border-top: 1px solid #e0e0e0;}
.cndns-right-btn:hover { background: #fff;}
.cndns-right-btn span{color:#0570d4; font-size:28px !important;line-height:52px;}
.cndns-right-btn sup{display:block; min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#0570d4;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#333;font-size:12px;line-height:18px;padding-top:0px;margin: 0; text-decoration: none; padding-bottom: 10px;}
.cndns-right-meau:hover .cndns-right-btn p{display:block; text-decoration: none;}
.meau-car .cndns-right-btn {border-color:#0570d4;margin-bottom:20px;text-decoration: none;}
.meau-car .cndns-right-meau:hover .cndns-right-btn{background-color:#0570d4;text-decoration: none;}
.meau-car .cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block; text-decoration: none;}
.meau-code .sev-t img { width: 134px; height: 134px; margin: 0; padding: 0;}
.meau-car .cndns-right-btn span{color:#0570d4;}
.meau-top .cndns-right-btn span{font-size:24px !important;line-height:38px;padding-top:10px;}
.meau-top .cndns-right-btn i{display:block;color:#333; font-size: 12px;}
.meau-top.cndns-right-meau:hover .cndns-right-btn{}
.cndns-right-box{position:absolute;top:-15px;right:62px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border-top:4px solid #0570d4;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative; overflow: hidden;
	-webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#0570d4;font-size:22px;line-height:28px; padding: 0; margin: 0;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#888;font-style:normal !important;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:50%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#888;font-size:14px;padding-left:43px;background:url(../images/zxqq.png) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#0570d4}
.meau-sev .cndns-right-box .box-border{width:300px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block;}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;}
.meau-code .cndns-right-box .box-border i{display:block;color:#666;font-size:14px;line-height:22px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-zs .cndns-right-btn{background-color:#0570d4;color:#fff;margin-top:80px;border-color:#0570d4}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}
.sev-t { overflow: hidden;}
#ClCache { display: none;}