*{margin:0; padding:0; outline:0 !important;}
*, *:before, *:after{
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
		box-sizing: border-box;
}
html{-ms-touch-action: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
li{list-style:none}
table{border-collapse:separate; border-spacing:0}
img{max-width:100%; height:auto; border:0}
input[type="submit"],input[type="text"]{-webkit-appearance:none}
.clearfix:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
body{font-family:'微软雅黑', Arial, Helvetica; font-size:16px; color:#333; -webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
a{color:#6A9E78; text-decoration:none;
-webkit-transition:color .25s ease-out;
   -moz-transition:color .25s ease-out;
	-ms-transition:color .25s ease-out;
		transition:color .25s ease-out;
}
a:hover{color:#F30; text-decoration:none;}


h1,h2,h3,h4,h5,h6{margin-bottom:10px; font-weight:normal; line-height:170%;}
h1{font-size:34px}
h2{font-size:26px}
h3{font-size:22px}
h4{font-size:18px}
h5{font-size:14px}
h6{font-size:12px}
h4.hr{padding-bottom:20px; border-bottom:1px solid #d2d6d5; line-height:normal}
p,blockquote{margin-bottom:10px; line-height:170%}

.left{float:left;}
.right{float:right;}
.overflow{overflow:hidden;}
.marTop{margin-top:20px;}
.red{color:#18935c;}


/**/
/**/

input[type="checkbox"] {
position: absolute;
left: -9999999px;
display: inline-block;
}
input[type="checkbox"]:checked ~ label.checkboxlogin {
box-shadow: inset 0 0 0 2px #fff;
border-color: #0a4d6d;
background-color: #0a4d6d;
}
input[type="checkbox"]:checked ~ label.color_red{background-color: #18935c;border:2px solid #FFF;}

label.checkboxlogin {
position: relative;
display: inline-block;
width: 18px;
height: 18px;
margin: 20px 0;
border-radius: 100%;
background-color: #FFF;
border: 2px solid #FFF;
cursor: pointer;
}




/* ==============================
   Page loader
   ============================== */


.page-loader{
 	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background:rgba(255,255,255,0.6);
	z-index: 100000;	
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.spinner{
    display: inline-block;
    width: 8em;
    height: 8em;
    margin: 1.5em;
    margin: -4em 0 0 -4em;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #999;
    background: #f1f1f1;
    text-align: center;
    line-height: 8em;
    font-weight: 400;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* :not(:required) hides this rule from IE9 and below */
.spinner:not(:required) {
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -ms-border-radius: 0.5em;
    -o-border-radius: 0.5em;
    border-radius: 0.5em;
    -webkit-box-shadow: #999 1.5em 0 0 0, #999 1.1em 1.1em 0 0, #999 0 1.5em 0 0, #999 -1.1em 1.1em 0 0, #999 -1.5em 0 0 0, #999 -1.1em -1.1em 0 0, #999 0 -1.5em 0 0, #999 1.1em -1.1em 0 0;
    -moz-box-shadow: #999 1.5em 0 0 0, #999 1.1em 1.1em 0 0, #999 0 1.5em 0 0, #999 -1.1em 1.1em 0 0, #999 -1.5em 0 0 0, #999 -1.1em -1.1em 0 0, #999 0 -1.5em 0 0, #999 1.1em -1.1em 0 0;
     box-shadow: #999 1.5em 0 0 0, #999 1.1em 1.1em 0 0, #999 0 1.5em 0 0, #999 -1.1em 1.1em 0 0, #999 -1.5em 0 0 0, #999 -1.1em -1.1em 0 0, #999 0 -1.5em 0 0, #999 1.1em -1.1em 0 0; 
    background: none;
    display: inline-block;
    font-size: 16px;
    width: 1em;
    height: 1em;
    overflow: hidden;
    text-indent: 100%;
    margin: -0.5em 0 0 -0.5em;
    position: absolute;
    top: 50%;
    left: 50%;
  
}




/*栅格*/
.inner{max-width:1182px; margin:0 auto;
-webkit-transition:all .3s ease-out;
   -moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
		transition:all .3s ease-out;
}
.inner .grid{margin:0 0 0 -34px;}
.grid .col{position:relative; float:left; padding:34px 0 0 34px;
-webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
		box-sizing:border-box;
-webkit-transition:width .3s ease-out;
   -moz-transition:width .3s ease-out;
	-ms-transition:width .3s ease-out;
		transition:width .3s ease-out;
}
.grid .col.n_2{width:20%;}
.grid .col.n_3{width:25%;}
.grid .col.n_4{width:33.33333%;}
.grid .col.n_6{width:50%;}
.grid .col.n_12{width:100%;}





/*slider*/
.swiper-container{width:100%;height:100%;color:#fff;text-align:center;}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}



/*header*/
.header{ position:relative; padding-top:64px; background-color:#000; z-index:10;}
.header .headercon{ height:42px; background-color:#6f6f6f;}
.header .headercon .headetopinner{position:relative; top:-64px;}
.header .topNav{position:relative; height:64px;}
.header .menu{position:relative; height:42px; background-color:#464646; text-align:center; z-index:11; top:-64px;}
.header .logo{height:106px; width:120px; position:absolute; top:0; z-index:20;}
.header .logo a{ width:100%; height:100%; background-image:url(../images/logo.png); cursor:pointer;  background-size:100% 100%; z-index:10; overflow:hidden; display:inline-block; text-indent:-999em;}

.header .menu .menuCol{ height:100%; position:relative;}
.header .menu .menuCol .menuColitemd{ display:inline-block;margin-left:-4px;}/*margin:0 40px;*/
.header .menu .menuCol .menuColitemd .tile{ margin:0; padding:0 40px; height:42px; line-height:42px; font-size:16px; position:relative; cursor:pointer; color:#fff;}
.header .menu .menuCol .menuColitemd .tile:before{position:absolute; content:" "; width:1px; height:16px; border-left:1px solid #FFF; top:14px; left:0px; display:inline-block;}
.header .menu .menuCol .menuColitemd:first-child .tile:before{border-left:none;}
.header .menu .menuCol .menuColitemd:hover{background-color:#000; }
.header .menu .menucontent{ background-color:#000; position:absolute; left:0; width:100%; border-top:1px solid #000; border-bottom:1px solid #d4d4d4; display:none;}
.header .menu .menuCol .menuColitemd:hover .tile:after{border-top:5px solid #e0027b;}
.header .menu .menuCol .menuColitemd:hover .menucontent{display:block;}


.header .menucontentwarp{ position:relative; padding-right:580px; min-height:420px;}
.header .mcnews_list{ position:absolute; top:30px; right:0; width:560px; border-left:1px solid #666666; padding-left:20px;}
.header .mcnews_list .mcnews_list_con{ overflow:hidden; padding-left:290px; height:180px; position:relative; text-align:left;}
.header .mcnews_list .mcnews_list_con .img{position:absolute; left:0; top:16px; width:273px; height:145px; overflow:hidden;}
.header .mcnews_list .mcnews_list_con .mcnltile{ font-size:24px; margin-top:16px; color:#f30;}
.header .mcnews_list .mcnews_list_con .mcnlcon{ font-size:14px; color:#fff;}
.header .mcnews_list .mcnews_list_con .mcnlmore{font-size:14px;}
.header .mcnews_list .mcnews_list_con .mcnlmore a{font-style:normal;}
.header .mcpro_list{ padding-top:30px; margin-left:-35px;}
.header .mcpro_list .mcpro_item{ float:left; width:33.33333%; text-align:left; padding-left:35px; margin-bottom:20px;}

.header .mcpro_list .mcpro_item .subtile{ font-size:20px; height:26px; line-height:26px; background-size:auto 100%; margin-bottom:2px; color:#f30;}
.header .mcpro_list .mcpro_item .subimg{width:177.328px; height:87px; overflow:hidden;}
.header .mcpro_list .mcpro_item .subimg img{ width:100%; border:1px solid #fff;}
.header .mcpro_list .mcpro_item .moretet{ border-top:1px solid #666666; font-size:14px; margin-top:10px; padding-top:6px;}
.header .mcpro_list .mcpro_item .moretet em{font-style:normal; color:#FC5701;}
.header .mcpro_list .mcpro_item ul{ padding-left:0px; font-size:16px; min-height:174px;}
.header .mcpro_list .mcpro_item .pdsc{ padding-left:0px; font-size:16px; color:#fff; line-height:2em;}
.header .mcpro_list .mcpro_item li{ line-height:32px;}
.header .mcpro_list .bm_more{ font-size:14px; float:left; width:100%; margin-bottom:10px;}
.header .mcpro_list .bm_more a{color:#F30; border: 1px solid #F30; padding: 3px 7px 4px;}
.header .mcpro_list .bm_more a:hover{ background-color:#F30;color:#FFFFFF;}

.header .topNav .h_icon{position:relative; line-height:30px; height:30px;float: left; margin-left:-1px; font-size:14px;}
/*.header .topNav .h_icon a:before{ content:''; width:30px; height:30px; background-color:#6f6f6f; border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:inline-block; position:absolute; left:0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.header .topNav .h_icon:hover a:before{background-color:#e0027b;}*/
.header .topNav .h_icon.h_after{ padding-left:0; padding-top:0px !important;}
.header .topNav .h_icon.h_after a:before{right:0; left:auto;}



.header .topNav .h_search{ display:inline-block; margin-right:24px;}
.header .topNav .h_searchcon{ display:inline-block; margin-right:10px; vertical-align:top; display:none;}
.header .topNav .h_searchcon .h_searchconwarp{height:30px; width:260px; border:1px solid #999; border-radius:3px; position:relative; padding:2px 50px 2px 2px; margin-right:45px;}
.header .topNav .h_searchcon .h_searchconwarp input{ width:100%; height:100%; padding:0 4px; border:0;}
.header .topNav .h_searchcon .h_searchconwarp .searchicon{ position:absolute; display:inline-block; top:-1px; right:-1px; width:42px; height:30px; background:url(../images/icon_search.png) #464646 no-repeat center;}
.header .topNav .h_searchcon .h_searchconwarp .searchicon:hover{ background-color:#e0027b;}
.header .topNav .h_searchcon .h_searchconwarp .h_searchclose{position:absolute; top:0; right:-36px; line-height:30px;}
.header .topNav .h_about{ display:inline-block;}
.header .topNav .h_service{ display:inline-block;}
.header .topNav .h_news{ display:inline-block;}
.header .topNav .h_shopping{ display:inline-block;}

.header .topNav .hlicon{ float:left; padding-top:26px;}
.header .topNav .hlicon a{width:24px; height:24px; display:inline-block; margin-left:20px;border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; color:#FFF; text-align:center; line-height:25px;}
.header .topNav .hlicon a .des{position:absolute; margin:0; top:-19px; left:-20px; padding:0px 0px 2px; width:60px; background-color:#CCC; display:none; color:#FFF; text-align:center; line-height:120%;}
.header .topNav .hlicon a:hover .des{ display:block;}
.header .topNav .h_lang a{background-color:#0074bd;}
.header .topNav .h_wechat a{background-image:url(../images/icon_wechat.png);background-color:#3cb134;}
.header .topNav .h_sina a{background-image:url(../images/icon_sina.png);background-color:#d91f14;}


.header .topNav .h_about a:before,
.header .topNav .h_service a:before,
.header .topNav .h_news a:before,
.header .topNav .h_shopping a:before{position:absolute; content:" "; width:1px; height:16px; border-left:1px solid #DDD; top:33px; left:0px; display:inline-block;}
.header .topNav .h_shopping a:before{display:none;}

.header .topNav .h_about a,
.header .topNav .h_service a,
.header .topNav .h_news a,
.header .topNav .h_shopping a{display: block;padding: 26px 16px 7px; position:relative; color:#fff;}


.header .topNav .h_left{display:inline-block;margin-left:0px; position:absolute; right:0; z-index:2;}
.header .topNav .h_right{ position:absolute; right:130px;}
.header .topNav .h_language{ position:absolute; right:0; bottom:-29px; color:#FFF; z-index:12; font-size:16px;}
.header .topNav .h_language a{color:#FFF; background-color:#a7a7a7; height:14px; line-height:14px; border-radius:7px; padding:0 10px;}

.header .topNav .h_searchconnew{position:absolute; right:0; bottom:-34px; color:#FFF; z-index:12;border-radius:3px; background-color:#939393; font-size:16px;}
.header .topNav .h_searchconnew .h_searchconwarp{height:26px;position:relative; padding:2px 37px 2px 2px;}
.header .topNav .h_searchconnew .h_searchconwarp form{height:100%;}
.header .topNav .h_searchconnew .h_searchconwarp input{ width:100%; height:100%; padding:0 4px; border:0;background-color:#000; color:#FFF;}
.header .topNav .h_searchconnew .h_searchconwarp .searchicon{ position:absolute; display:inline-block; top:-1px; right:-1px; width:42px; height:26px; background:url(../images/icon_search.png) no-repeat center;}
.header .topNav .h_searchconnew .h_searchconwarp .selectpro{position:relative; width:56px; display:inline-block; padding:2px 0px 2px 8px;}
.header .topNav .h_searchconnew .h_searchconwarp .selectpro .select-skin{border-right:1px solid #BBBBBB; line-height:100%;background:url(../images/arrow_bottom.png) 30px center no-repeat; background-size:12px auto;}


.mini_nav{position:absolute; width:24px; height:24px; cursor:pointer; z-index:11; overflow:hidden; top:22px; right:20px; display:none;}
.mini_nav span{ display:block; width:100%; height:3px; left:0; background-color:#666; position:absolute;
-webkit-transition:all .25s linear;
   -moz-transition:all .25s linear;
    -ms-transition:all .25s linear;
        transition:all .25s linear;
}
.mini_nav span.l_1{top:0px;}
.mini_nav span.l_2{top:8px;}
.mini_nav span.l_3{top:16px;}
.mini_nav:hover span{ background-color:#a5a5a5;}

.mini_nav.open span.l_2{ display:none;}
.mini_nav.open span.l_1{ top:10px;
-webkit-transform:rotate(-45deg);
   -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
		transform:rotate(-45deg);
}
.mini_nav.open span.l_3{ top:10px;
-webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
		transform:rotate(45deg);
}

/**/
.footer{ background-color:#2D2D2D; clear:both; width:100%; position:relative; overflow:hidden;}
.footer .cptet{overflow:hidden; padding-bottom:14px; clear:both;}
.footer .cptet .fastlink{ margin-left:-22px;}
.footer .cptet .fastlink a{ color:#FFF; display:inline-block; margin-top:10px; margin-left:10px;}
.footer .cptet .fastlink a:hover{color:#e0027b;}
.footer .cptet .fastlink a:before{ content:'|'; margin-right:10px;}
.footer .cptet .fastlink a:hover:before{color:#FFF;}
.footer .cptet .tet{ margin-top:10px; color:#C1BFBF;}
.footer .cptet .tet span{display:inline-block; margin-right:10px;}

.go_top{ width:50px; height:50px; position:fixed; right:20px; bottom:20px; background-image:url(../images/gotop.png); background-size:contain; background-repeat:no-repeat; background-position:center center; cursor:pointer; z-index:1000; display:none;}

/**/
.main_grey{width:100%; background-color:#f5f5f5; padding:10px 0;}

.indprocesses .indpwarp{ background-color:#FFF;}
.indprocesses .indpwarp .tile{ line-height:100%; padding:10px 0; text-align:center; font-size:18px;}
.indprocesses .indpwarp .pic img{ vertical-align:bottom; width:100%; padding:0 1px; max-height:230px;}
.indprocesses .indpwarp .pic img:hover{opacity:0.8;}
.indprocesses .picdiv{clear:both;padding:34px 0;}
.indprocesses .picdiv img{vertical-align:bottom; width:100%;}
.indprocesses .picdiv a:hover{opacity:0.8;}

.indNews{width:100%; padding:36px 0;}
.indNews .indnew_type{ background-color:#FFF; position:relative;}
.indNews .indnew_type .pic img{vertical-align:bottom; width:100%;}
.indNews .indnew_type .pic img:hover{opacity:0.8;}
.indNews .indnew_type .tile{ color:#e0027b; font-size:18px; padding:10px 5px 5px; display:none;}
.indNews .indnew_type .tet{font-size:16px; padding:5px 5px 10px; background-color:rgba(255,255,255,.8); width:100%;}

.indNews .indnew_con{ position:relative;}
.indNews .indnew_con .pic img{vertical-align:bottom; width:100%; max-height:230px;}
.indNews .indnew_con .tile{ position:absolute; bottom:0; left:0; width:100%; background-color:rgba(0,0,0,0.6); color:#FFF; padding:10px 10px 10px 26px; font-size:16px;}
.indNews .indnew_con .tile:before{ content:'>'; position:absolute; left:10px; width:10px;}
.indNews .indnew_con a:hover{opacity:.8;}
.indNews .indnew_con .pic img:hover{opacity:.8;}
.indNews .indnew_video{ position:relative; margin-top:34px;}
.indNews .indnew_video .videopic img{vertical-align:bottom; width:100%;}
.indNews .indnew_video .playicon{position:absolute; width:92px; height:92px; margin:-46px 0 0 -46px; left:50%; top:50%; background:url(../images/videoplay.png) no-repeat center; text-indent:-999em; cursor:pointer;}
.indNews .indnew_video .playicon:hover{ opacity:0.8;}

.indNews .indnew_list{ background-color:#f5f5f5; overflow:hidden; font-size:16px; height:60px; position:relative; padding-left:110px;}
.indNews .indnew_list .tile{ position:absolute; left:0; top:0; height:60px; display:inline-block; color:#f30; line-height:60px; background-color:#e5e5e5; padding:0 20px;}
.indNews .indnew_list .tile:after{width:0; height:0;content:" ";display:block;position:absolute; top:0; right:-14px;
border-top-style:inset;border-bottom-style:inset;border-left:14px solid #e5e5e5; border-top:30px solid transparent; border-bottom:30px solid transparent;}
.indNews .indnew_list .indnew_warp{ padding-right:70px; position:relative;}
.indNews .indnew_list .indnew_warp ul{position:relative; width:100%;}
.indNews .indnew_list .indnew_warp li{line-height:60px; width:100%; height:60px; padding:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:absolute; top:100px; left:0;
-webkit-transition:all .3s linear;
   -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
        transition:all .3s linear;
}
.indNews .indnew_list .indnew_warp li.show{
-webkit-transition:all 0s linear;
   -moz-transition:all 0s linear;
    -ms-transition:all 0s linear;
	    transition:all 0s linear;
}
.indNews .indnew_list .arrow{ position:absolute; width:66px; height:54px; top:4px; right:4px; display:none;}
.indNews .indnew_list .arrow span{ width:66px; height:26px; background-repeat:no-repeat; background-position:center; background-image:url(../images/arrow_top.png); display:inline-block; text-indent:-999em; overflow:hidden; float:left;  cursor:pointer;}
.indNews .indnew_list .arrow span:hover{ background-color:rgba(204,204,204,0.2);}
.indNews .indnew_list .arrow .up{}
.indNews .indnew_list .arrow .down{background-image:url(../images/arrow_bottom.png);}

/*links*/
.links{margin:20px auto;}
.links .indnew_list{ background-color:#ccc; overflow:hidden; font-size:16px; height:60px; position:relative; padding-left:110px;}
.links .indnew_list .tile{ position:absolute; left:0; top:0; height:60px; display:inline-block; color:#fff; line-height:60px; background-color:#4D4D4D; padding:0 20px;}
.links .indnew_list .tile:after{width:0; height:0;content:" ";display:block;position:absolute; top:0; right:-14px;
border-top-style:inset;border-bottom-style:inset;border-left:14px solid #4D4D4D; border-top:30px solid transparent; border-bottom:30px solid transparent;}
.links .indnew_list .indnew_warp .lcon{width:80%; height:60px; line-height:30px; overflow:hidden; float:left;}
.links .indnew_list .indnew_warp .lcon a{margin-left:15px;}
.links .indnew_list .indnew_warp .lmore{width:20%; height:60px; line-height:60px; text-align:center; float:left; white-space:nowrap; text-overflow:ellipsis;}
/*banner*/
.bannerwarp{height:550px; border-bottom:1px solid #999;}
.bannerwarp .swiper_slidebgimg{ background-position:center; background-size:cover; background-repeat:no-repeat;}


.subbannerwarp{height:500px;}
.subbannerwarp .bgimg{width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:auto 100%;}

/*submenuwarp*/
.submenuwarp{border-bottom:1px solid #e3e3e3; padding:10px 0; position:relative; width:100%; background-color:#FFF;}
.submenuwarp.submenuwarpbgcolor{border-bottom:none; background-color:#f5f5f5; border-bottom:1px solid #FFF;}
.submenuwarp .tile{ display:inline-block; font-size:22px; line-height:24px; vertical-align:middle; border-right:2px solid #e0027b; padding-right:20px;}
.submenuwarp .items{display:inline-block; vertical-align:middle;}
.submenuwarp .items ul{display:inline-block; font-size:18px; line-height:24px;}
.submenuwarp .items li{ display:inline-block; padding-left:25px; cursor:pointer;}
.submenuwarp .items li em{font-style:normal;}
.submenuwarp .items li.active,.submenuwarp .items li.active a{color:#e0027b;}
.submenuwarp .items li:hover{ color:#e0027b;}



/*maincontent*/
.maincontent{ width:100%;}
.maincontent .mainfwork:first-child{border-top:none;}
.maincontent .mainfworkslider:first-child{border-top:none;}
.mainfwork,.mainfworkslider{height:562px; position:relative; border-top:1px solid #e3e3e3;}
.mainfwork .mbg{background-position:center; background-size:cover; background-repeat:no-repeat; height:100%; width:100%;}
.mainfwork .mpositon{ position:absolute; width:100%; height:100%;}
.mainfwork .mpositon .inner{height:100%; position:relative;}
.mainfwork .mpositon .mtetwarp{height:100%; width:100%; position:relative;}
.mainfwork .mtet{position:absolute; max-width:470px;}
.mainfwork .mtet .tile{ font-size:28px; padding:0 12px;}
.mainfwork .mtet .smtile{font-size:28px; color:#e0027b; padding:0 12px;}
.mainfwork .mtet .tet{ font-size:18px; padding:0 12px;}
.mainfwork.colorWhite .tile,.mainfwork.colorWhite .tet{ color:#FFF;}
.mainfwork.typeLeftConter .mpositon .mtet{top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.mainfwork.typeLeftBottom .mpositon .mtet{ bottom:8%;}
.mainfwork.typeLeftTop .mpositon .mtet{ top:8%;}

.mainfwork.typeRightTop .mpositon .mtet{ right:0; top:8%; text-align:right;}
.mainfwork.typeRightCenter .mpositon .mtet{ right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); text-align:right;}
.mainfwork.typeRightBottom .mpositon .mtet{ right:0; bottom:8%; text-align:right;}

.mainfwork.typeTopCenter .mpositon .mtet{ width:100%; top:8%; text-align:center; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.mainfwork.typeBottomCenter .mpositon .mtet{ width:100%; bottom:8%; text-align:center; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);}

.mainfwork.movingIn{}
.mainfwork.movingIn .mtet .tile{transform:translateX(-100px); -webkit-transform:translateX(-100px); -moz-transform:translateX(-100px); -ms-transform:translateX(-100px); opacity:0;
-webkit-transition:all .5s ease-in-out;
   -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
}
.mainfwork.movingIn .mtet .smtile{transform:translateX(-100px); -webkit-transform:translateX(-100px); -moz-transform:translateX(-100px); -ms-transform:translateX(-100px); opacity:0;
-webkit-transition:all .8s ease-in-out;
   -moz-transition:all .8s ease-in-out;
    -ms-transition:all .8s ease-in-out;
        transition:all .8s ease-in-out;
}
.mainfwork.movingIn .mtet .tet{transform:translateX(-100px); -webkit-transform:translateX(-100px); -moz-transform:translateX(-100px); -ms-transform:translateX(-100px); opacity:0;
-webkit-transition:all 1s ease-in-out;
   -moz-transition:all 1s ease-in-out;
    -ms-transition:all 1s ease-in-out;
        transition:all 1s ease-in-out;
}
.mainfwork.movingIn.show .mtet .tile{transform:translateX(0px); -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); opacity:1;}
.mainfwork.movingIn.show .mtet .smtile{transform:translateX(0px); -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); opacity:1;}
.mainfwork.movingIn.show .mtet .tet{transform:translateX(0px); -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); opacity:1;}

.subSlider .swiper_slidebgimg{ background-position:center; background-size:cover; background-repeat:no-repeat;}



/*maincontent2*/
.maincontent2{ width:100%; text-align:center;}
.maincontent2 h2{ padding:52px 0 0;}
.maincontent2 h4{color:#666;}
.maincontent2 .allimg img{ width:100%; vertical-align:bottom;}


/*maincontent3*/
.maincontent3{width:100%; padding:44px 0;}
.maincontent3.bgcolor{ background-color:#f6f6f6;}
.maincontent3 h2{overflow:hidden;}
.maincontent3 h2.borderbottom{border-bottom:1px solid #949494;}
.maincontent3 h2 .share{ display:inline-block; margin-left:5px; float:right; margin-top:10px;}
.maincontent3 h2 .share span{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing:content-box;}
.maincontent3 .info{ font-size:16px; color:#666; line-height:170%;}
.maincontent3 .info p{ text-indent:2em;}
.maincontent3 .info_colse{ display:block;}
.maincontent3 .info_open{ display:none;}
.maincontent3 .info_btn{ text-align:center; margin-top:10px;}
.maincontent3 .info_btn .tagbtn{font-size:16px; color:#e0027b; cursor:pointer; }
.maincontent3 .info_btn .tagbtn em{background:url(../images/arrow_double_bottom.png) no-repeat center; display:inline-block; width:20px; height:20px; background-size:contain; vertical-align:middle; margin-left:6px; line-height:20px;
-webkit-transition:all .3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out;
}
.maincontent3 .info_btn .tagbtn b{font-weight:normal;}
.maincontent3 .info_btn .tagbtn.open em{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.maincontent3 .info_btn .tagbtn a{color:#e0027b;}

.maincontent3 .servicecon{margin-top:15px; font-size:16px;}

.content508{ height:508px; background-position:center top; background-size:cover; background-repeat:no-repeat; position:relative;}
.content508 .morebtn_br{position:absolute; bottom:8%; right:20px; font-size:16px; color:#e0027b;}
.content508 .morebtn_br a{ color:#e0027b;}

.service_intro{ margin-top:10px; overflow:hidden;}
.service_intro .item{margin-bottom:10px; text-align:center;}
.service_intro .item .img img{vertical-align:bottom;}
.service_intro .item .tet{font-size:16px; text-align:center; padding:20px; min-height:100px; overflow:hidden; line-height:20px;}
.service_intro .item .tet a{color:#e0027b;}

.wallpaperBanner{margin-top:20px;}
.wallpaperList{ padding-bottom:34px; overflow:hidden;}
.wallpaperList .item{ background-color:#FFF;}
.wallpaperList .item .box{position:relative;border:1px solid #e4e4e4; padding:6px;}
.wallpaperList .item .pic img{vertical-align:bottom; width:100%;}
.wallpaperList .item .pic img:hover{opacity:0.8;}
.wallpaperList .item .tile{text-align:right; padding:10px;}
.wallpaperList .item .tile a{color:#e0027b; color:#e0027b; font-size:18px; margin-right:14px; border-right:1px solid #838383; padding-right:14px;}


.wechatlist{}
.wechatlist h2.tile{color:#e0027b; margin-top:20px;}
.wechatlist .wechatlistbox{ overflow:hidden;}
.wechatlist .wechatlistbox .grid{ margin-top:-2px;}
.wechatlist .wechatlistbox .grid .item{border-top:1px solid #e3e3e3; margin-bottom:30px;}
.wechatlist .wechatlistbox .grid .item .img img{vertical-align:bottom;}
.wechatlist .wechatlistbox .grid .item .tet{font-size:16px; text-align:center; padding:20px; min-height:100px; overflow:hidden; line-height:20px;}



/**/
.serieswarp{ border-top:1px solid #e3e3e3; overflow:hidden; padding:20px 0 0;}
.serieswarp .tilepic{ max-width:75%;}
.serieswarp .tilepic img{vertical-align:bottom;}
.serieswarp .seriescon{ margin-top:14px; color:#666; padding-right:2px;}
.serieswarp .seriescon ul{ overflow:hidden; border-right:1px solid #e3e3e3\9;}
.serieswarp .seriescon li.swiper-slide{float:left; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; padding:0 14px; text-align:center; cursor:pointer; margin:0; margin-right:-1px; width:150px\9 !important; margin-right:-2px\9;}
.serieswarp .seriescon li:hover,.serieswarp .seriescon li.active{color:#e0027b;}
.serieswarp .seriescon li .tile{ font-size:18px; margin:0; font-weight:bold;}
.serieswarp .seriescon li .tet{ margin:0; margin-bottom:4px;}

.serieswarp .seriescon li.swiper-slide{display:inline-block; width:auto;}


/*sublistwarp*/
.sublistwarp{ background-color:#f3f3f3; overflow:hidden; position:relative; padding-top:20px;}
.sublistwarp .sublistwarpposition{position:relative; padding-right:880px; min-height:130px;}
.sublistwarp .slwdeskimage{ position:absolute; right:40px; bottom:10px;}
.sublistwarp .slwdeskimage a{color:#e0027b;}
.sublistwarp .slwright{ position:absolute; top:0px; right:0;}
.sublistwarp .slwleft{ padding-bottom:20px;}
.sublistwarp .slwleft .tile{ font-size:24px;font-weight:bold;}
.sublistwarp .slwleft .tet{ font-size:14px; margin-bottom:0px;}
.sublistwarp .slwright .slwrightwarp{width:780px; height:100px; position:relative; overflow:hidden;}
.sublistwarp .slwright .slwrightwarp .slwrightbtn{ position:absolute; right:0; width:20px; height:20px; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:contain;}
.sublistwarp .slwright .slwrightwarp .slwrightbtn:hover{opacity:0.5;}
.sublistwarp .slwright .slwrightwarp .slwrightbtn_up{ background-image:url(../images/arrow_top_c.png); top:15px;}
.sublistwarp .slwright .slwrightwarp .slwrightbtn_down{background-image:url(../images/arrow_bottom_c.png); top:65px;}
.sublistwarp .slwright .slwrightwarp .slwrightul{overflow:hidden;padding-right:25px;
-webkit-transition:all .3s linear;
   -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
        transition:all .3s linear;
}
.sublistwarp .slwright .slwrightwarp .slwrightul li{ float:right; width:124px; padding-right:15px;}
.sublistwarp .slwright .slwrightwarp .slwrightul li a{ display:block; border:1px solid #a0a0a0; margin:10px 0px; padding:0 10px; word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align:center; height:30px; line-height:30px; border-radius:15px;}
.sublistwarp .slwright .slwrightwarp .slwrightul li a:hover,.sublistwarp .slwright .slwrightwarp .slwrightul li a.active{ background-color:#e0027b; border:1px solid #e0027b; color:#FFF;}



.slwrightmobile{}
.slwrightmobile .swiper-slide{width:124px; padding-left:7px; padding-right:7px;}
.slwrightmobile .swiper-slide a{ display:block; border:1px solid #a0a0a0; margin:10px 0px; padding:0 10px; word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align:center; height:30px; line-height:30px; border-radius:15px;}
.slwrightmobile .swiper-slide a:hover,.slwrightmobile .swiper-slide a.active{ background-color:#e0027b; border:1px solid #e0027b; color:#FFF;}


.proparameter table{ width:100%; margin-bottom:30px;}
.proparameter table tr:hover{background-color:rgba(204,204,204,0.2);}
.proparameter table tr.nobgcolor:hover{background-color:#FFF;}
.proparameter table td{width:33.33333%; font-size:16px; padding:10px; word-break:break-all; word-wrap:break-word;}
.proparameter table h2{margin:0;}
/*.proparameter table>tbody>tr:nth-of-type(odd){background-color:#f9f9f9;}
.proparameter table>tbody>tr:nth-of-type(odd):hover{background-color:rgba(204,204,204,0.2);}*/

.proparameter table.tabelcol5{ min-width:770px;}
.proparameter table.tabelcol5 td{width:20%;}

/*news*/
.newslist{ }
.newslist .newsc_item{ position:relative; margin-top:30px; padding-bottom:30px; border-bottom:1px dashed #e1e1e1; min-height:170px;}
.newslist .newsc_item .tile{ font-size:20px;}
.newslist .newsc_item .tile a{color:#333;}
.newslist .newsc_item .tile a:hover{ color:#e0027b;}
.newslist .newsc_item .penster{ font-size:14px; color:#777;}
.newslist .newsc_item .tet{ font-size:14px; margin-bottom:0;}

.newsvideolist{ padding-bottom:34px; overflow:hidden;}
.newsvideoitem{border:1px solid #e4e4e4; background-color:#FFF; padding:4px;}
.newsvideoitem .videobox{position:relative;}
.newsvideoitem .pic img{vertical-align:bottom; width:100%; max-height:360px;}
.newsvideoitem .pic img:hover{opacity:0.8;}
.newsvideoitem .tile{ color:#e0027b; font-size:18px; padding:10px 5px 5px; text-align:center;}


.news_showwarp{ margin:30px 0;}
.news_showwarp .tile{ font-size:30px; margin-bottom:15px; text-align:center;}
.news_showwarp .penster{ font-size:18px; color:#777;}
.news_showwarp .con{ border-top:1px solid #acacac; margin-top:15px; padding-top:15px; font-size:16px;}
.news_showwarp .con p{text-indent:2em;}

.newsfooterbtns{ background-color:#f5f5f5; overflow:hidden; height:50px; line-height:50px; margin-bottom:30px; font-size:18px;}
.newsfooterbtns .rl1{ float:left; background:url(../images/arrow_left_c.png) no-repeat left center; padding-left:18px; margin-left:8px;}
.newsfooterbtns .rl2{ float:right; background:url(../images/arrow_right_c.png) no-repeat right center; padding-right:18px; margin-right:8px;}


.newslisthotwarp{ margin-top:30px; height:264px; padding:6px; border:1px solid #d1d1d1;}
.newslisthotwarp .subSlider{}
.newslisthotwarp .swiper-slide{}
.newslisthotwarp .swiper-slide .img{float:left;width:347px; height:100%; border-right:6px solid #FFF;}
.newslisthotwarp .swiper-slide .img img{vertical-align:bottom; width:100%; height:100%;}
.newslisthotwarp .swiper-slide .info{ background-color:#f1f1f1; height:100%; text-align:left; padding:25px 50px 25px 390px;}
.newslisthotwarp .swiper-slide .info .tile{ color:#000; font-size:20px;}
.newslisthotwarp .swiper-slide .info .tet{ color:#333; font-size:14px; max-height:69px; overflow:hidden;}
.newslisthotwarp .swiper-slide .info .more{font-size:18px; text-align:right;}
.newslisthotwarp .swiper-slide .info .more a{color:#e0027b;}

.newslisthotwarp .swiper-button-news{ width:26px; height:26px; background-color:#CCC; border-radius:50%; background-size:18px 18px;}
.newslisthotwarp .swiper-button-next,.newslisthotwarp .swiper-button-prev{ top:auto; margin-top:0; bottom:22px;}
.newslisthotwarp .swiper-button-next{ right:50px;}
.newslisthotwarp .swiper-button-prev{right:90px; left:auto;}
.newslisthotwarp .swiper-button-next:hover,.newslisthotwarp .swiper-button-prev:hover{ background-color:#e0027b;}

.newslisthotwarp .newsheadSlider .swiper-slide .img img{height:auto !important;}

.scrollspy-example{margin-top:5px;}

/*about*/
.thehistory{padding:0 10px; height:505px;}
.thehistory .swiper-slide{width:240px; color:#333; text-align:left;}
.thehistory .tile .tet{font-size:28px; font-weight:bold; text-align:center; margin:0;}
.thehistory .tile .bg{margin:0; background-position:center; background-repeat:no-repeat; background-size:contain; height:94px; position:relative;}
.thehistory .tile .bg:after{content:''; border-bottom:1px solid #bcbcbc; position:absolute; width:100%; height:0px; top:12px; z-index:-1;}
.thehistory .tile.bg0 .tet{color:#6f7b91;}
.thehistory .tile.bg0 .bg{ color:#000; background-image:url(../images/th_bg0.png);}
.thehistory .tile.bg1 .tet{color:#8dc9cc;}
.thehistory .tile.bg1 .bg{ color:#000; background-image:url(../images/th_bg1.png);}
.thehistory .tile.bg2 .tet{color:#f2c43a;}
.thehistory .tile.bg2 .bg{ color:#000; background-image:url(../images/th_bg2.png);}
.thehistory .tile.bg3 .tet{color:#eb6b5c;}
.thehistory .tile.bg3 .bg{ color:#000; background-image:url(../images/th_bg3.png);}
.thehistory .tile.bg4 .tet{color:#a0c6a2;}
.thehistory .tile.bg4 .bg{ color:#000; background-image:url(../images/th_bg4.png);}
.thehistory .info{ font-size:16px; color:#666; padding:0 10px;}
.thehistory .info ul{}
.thehistory .info em{font-style:normal; margin-right:15px;}
.thehistory .info li{margin-bottom:16px;}
.thehistory .info .aftermsg{display:none;}
.thehistory .thTagbtnbox{ font-size:14px; text-align:right; padding-right:10px;}
.thehistory .thTagbtn{color:#e0027b; cursor:pointer;}
.thehistory .thTagbtn em{background:url(../images/arrow_double_bottom.png) no-repeat center; display:inline-block; width:16px; height:16px; background-size:contain; vertical-align:middle; margin-left:6px; line-height:16px;
-webkit-transition:all .3s ease-in-out;
   -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out;
}
.thehistory .thTagbtn b{font-weight:normal;}
.thehistory .thTagbtn a{color:#e0027b;}
.thehistory .thTagbtn.open em{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);}


/**/
.insidelist{ padding-bottom:40px; overflow:hidden;}
.insidelist .col{ font-size:18px;}
.insidelist .col a{display:block; border-radius:25px; height:50px;line-height:40px; text-align:center; border:1px solid #a0a0a0; padding:5px 0;}
.insidelist .col a.active,.insidelist .col a:hover{ background-color:#e0027b; border:1px solid #e0027b; color:#FFF;}
.insidelist .col a.double{ line-height:20px;}

.privacyPolicycon{ font-size:16px; color:#7f7f7f; margin:20px 0; line-height:170%;}

.sitemap{ font-size:18px; line-height:170%;}
.sitemap .home{ margin:20px 0 20px;}
.sitemap .item{ overflow:hidden; background:url(../images/border_bottomline.gif) bottom repeat-x; position:relative; padding-left:230px; padding-top:20px; padding-bottom:20px;}
.sitemap .item .tile{display:inline-block; position:absolute; top:19px; left:0; font-weight:bold;}
.sitemap ul{ overflow:hidden;}
.sitemap li{ float:left; margin-right:60px; font-size:16px;}



/*jobs*/
.jobslist{}
.jobslist .jobsc_item{ margin-top:30px;}
.jobslist .jobsc_item .tile{ font-size:34px; border-bottom:1px solid #444444; padding-bottom:10px;}
.jobslist .jobsc_item .tet{font-size:18px; color:#666; padding:10px;}
.jobslist .jobsc_item .cvsbtn{font-size:18px; text-align:right;}
.jobslist .jobsc_item .cvsbtn a{color:#e0027b; padding-right:10px;}

.jobstab{ overflow:auto; background-color:#fbfbfb; padding:8px 10px; margin-top:30px;text-align:center;}
.jobstab ul{ text-align:center; overflow:hidden; display:inline-block;}
.jobstab li{ float:left; background:url(../images/jobtabli.png) 20px center no-repeat; padding-left:55px; font-size:18px;}
.jobstab li:first-child{background:none; padding-left:0;}
.jobstab li a.active{ color:#e0027b; border-bottom:2px solid #e0027b; display: inline-block;}


/**/
input[type="text"]{ border:1px solid #b5b5b5; padding:5px;}
textarea{border:1px solid #b5b5b5; padding:5px;}

.frm_main{padding:10px; overflow:hidden; margin:0 auto; max-width:1200px;}
.frm_main .title_header{ font-size:16px;}
.frm_main .frcol_1{ float:left; width:50%;}
.frm_main .frcol_2{float:left; width:100%;}

.frm_main .frcol{margin-top:20px; min-height:28px; position:relative; padding-left:110px; padding-right:10px;}
.frm_main .frcol label.tile{position:absolute; top:0; left:0; width:100px; text-align:right; line-height:27px;}
.frm_main .frcol label.radio{ display:inline-block; height:28px; line-height:28px; margin-right:30px;}
.frm_main .frcol label.radio input{width:auto; margin-right:10px;}
.frm_main .frcol input{width:100%;}
.frm_main .frcol textarea{width:100%; height:120px;}
.frm_main .frcol input.yzm{width:80px;}
.frm_main .frcol .yzmpic{ height:28px; vertical-align:middle; display:inline-block; margin-left:4px;}
.frm_main .frcol .yzmpic img{height:28px;}
.frm_main .frcol .yzmtet{ display:inline-block; height:28px; line-height:28px; margin-left:4px; }
.frm_main .frcol .yzmtet a{color:#0091d5; cursor:pointer;}
.frm_main .frcol .errStr{position: absolute;top:4px;right:15px;}

.frm_main .frcol_2 .frmc3{float:left; width:33.33333%; padding-right:10px;}
.frm_main .frcol_2 .frmc3:last-child{padding-right:0px;}

.frm_main .sendBtn{ margin-top:40px; margin-bottom:30px; text-align:center; width:100%; float:left;}
.frm_main .sendBtn a{display:inline-block; margin:0 38px; color:#e0027b; font-size:18px;}

.select_frm{ position:relative; height:24px; margin-top:0px;}
.select_frm .a_morelink{position:relative; color:#e0027b; margin-top:10px;}
.select_frm .a_morelink a{color:#FFF;}
.select_frm .angle_down{position:absolute; top:0; right:0; height:24px; line-height:24px; text-align:center; font-size:14px; color:#333; width:24px;}

.frm_main .select-skin{ position:absolute; left:0px; top:0px; height:24px; width:100%; background-color:#FFF;border:1px solid #b5b5b5; height:27px;}
.frm_main .select-skin .select-skin-mask{ width:100%; height:100%;position:absolute; top:0; left:0; line-height:24px; padding:0 5px; z-index:0;} 
.frm_main .angle_down{position:absolute; top:0; right:0; height:24px; line-height:24px; text-align:center; font-size:14px; color:#333; width:24px;}

.frm_main .radiowarp{ display:inline-block; width:60px; line-height: 27px;}
.frm_main .frcol .radiowarp input{ display:inline-block; width:14px; height:14px; margin-right:5px; vertical-align:middle;}

.jointile{font-size:24px; color:#e0027b; line-height:170%; padding-top:10px; overflow:hidden; width:100%;}
.threeTechnology{padding-bottom:0px;}
.threeTechnology img{vertical-align:bottom;}
.threeTechnology h2{color:#e0027b;}
.threeTechnology .inner{position:relative; overflow:hidden;}
.threeTechnology .tet01{position:absolute; bottom:40px; left:0px; max-width:470px;}
.threeTechnology .img01{float:right;}
.threeTechnology .imgright{float:right; margin-left:30px;}
.threeTechnology sup{ font-size:14px;}

.threeTechnology2{padding:0;}
.threeTechnology .list4{}
.threeTechnology .list4 ul{ overflow:hidden; }
.threeTechnology .list4 li{width:25%; float:left; position:relative;border-bottom:1px solid #FFF;}
.threeTechnology .list4 li p{position:absolute; top:5px; left:15px; color:#FFF; font-size:20px; font-weight:normal;}

.threeTechnology3{padding:0;}
.threeTechnology3 .inner{ position:relative;}
.threeTechnology3 .ptet3{ position:absolute; top:10px; left:0; z-index:1;}
.threeTechnology3 .ptet3.colorWhite{color:#FFF;}
.threeTechnology3 .ptet3 h2,.threeTechnology3 .ptet3 h4{margin-top:50px; padding:10px;}
.threeTechnology3 .ptet3 h4{ max-width:520px;}
.threeTechnology3 .tetright{ text-align:right; left:auto; right:0;}

.threeTechnologyvideobox{ position:relative; text-align:center;}
.threeTechnologyvideobox .playicon{position:absolute; width:92px; height:92px; margin:-46px 0 0 -46px; left:50%; top:50%; background:url(../images/videoplay.png) no-repeat center; text-indent:-999em; cursor:pointer;}
.threeTechnologyvideobox .playicon:hover{ opacity:0.8;}
.threeTechnologyvideobox #videwarphtml{ left:0;}

.service2{padding-bottom:0px; overflow:hidden;}
.service2 img{vertical-align:bottom;}
.service2 .imgright{float:right; margin-left:30px;}
.service2 .tet01warp{ position:relative;}
.service2 .tet01warp .tet01{ position:absolute; top:20px; left:20px;}
.service2 .tet01warp.colorWhite{ color:#FFFFFF;}


#topopenshopping span{ width:100px; height:100px; margin:0 10px; display:inline-block;}



/**/
/* page */
.pageZone {padding:40px 0;}
.pageZone a,.pageZone span{display:inline-block;height:34px; line-height:34px; font-size:14px; border:1px solid #d8dadf; margin-right:10px;font-family:"Microsoft Yahei","Arial",HELVETICA; margin-top:10px;}
.pageZone a font{border:1px solid #e0027b; padding:0 13px; background:#e0027b; color:#fff !important;}
.pageZone span.nolink{background:#f8f8f8; color:#9a9a9a;}
.pageZone a,.pageZone span{color:#555; padding:0 13px;}
.pageZone input{font-size:16px;}


.swiper-button-next,.swiper-button-prev{width:35px;height:70px;margin-top:-35px;-moz-background-size:35px 70px;-webkit-background-size:35px 70px;background-size:35px 70px;position:absolute;top:50%;z-index:10;cursor:pointer;background-position:center;background-repeat:no-repeat}
.subnavSlider-button-prev,.subnavSlider-button-next{width:20px; height:50px; background-size:20px 50px; margin-top:-25px;}
.subnavSlider-button-prev{left:0px !important;}
.subnavSlider-button-next{right:0px !important;}

.slwrightwarp-button-prev,.slwrightwarp-button-next{width:20px; height:50px; background-size:20px 50px; margin-top:-25px;}
.slwrightwarp-button-prev{left:0px !important;}
.slwrightwarp-button-next{right:0px !important;}

.onlinesericebtn{color:#e0027b; font-size:16px; position:absolute; right:10%; bottom:20%;}



#bannerSlider .swiper-button-next:hover{ opacity:1; background-color:#FFF;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23dd248a'%2F%3E%3C%2Fsvg%3E");}
#bannerSlider .swiper-button-prev:hover{ opacity:1; background-color:#FFF;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23dd248a'%2F%3E%3C%2Fsvg%3E");}
#bannerSlider .swiper-button-next,#bannerSlider .swiper-container-rtl .swiper-button-prev{ right:0px; left:auto; background-color:#dd248a; margin-top:-51px; height:50px; background-size:50% 50%;}
#bannerSlider .swiper-button-prev,#bannerSlider .swiper-container-rtl .swiper-button-next{ right:0px; left:auto; background-color:rgba(0,0,0,.4); margin-top:0px; height:50px; background-size:50% 50%;}



#topopenshopping .items{ position:relative;}
#topopenshopping .items:after{position:absolute; content:" "; width:1px; border-left:1px solid #e4e4e4; top:3px; left:0px; display:inline-block; bottom:50px;}
#topopenshopping .items:first-child:after{display:none;}

/**/
.maincontent_pro{ overflow:hidden; background-color:#f6f6f6;}
.maincontent_pro .item{ border:1px solid #cccccc; background-color:#FFF; border-radius:10px;}
.maincontent_pro .item .img img{border-top-left-radius:10px;border-top-right-radius:10px; vertical-align:middle; width:100%;}
.maincontent_pro .item .tet{ text-align:center; padding:10px;}
.maincontent_pro .item .tet h3{color:#e0027b;}
.maincontent_pro .item .tet p{font-size:14px;}


/**/
.search_product{}
.search_product .logosm{ text-align:center;}
.search_product .tname{ font-size:40px; color:#252525; text-align:center; margin-top:20px;}
.search_product .qtet{ margin-top:10px; text-align:center; font-size:20px; color:#e0027b;}
.search_product .formbox{margin:20px auto; max-width:680px;}
.search_product .formbox ul{}
.search_product .formbox li{ float:left; width:33.3333%; border:2px solid #e5e5e5; margin-left:-2px; position:relative; background-color:#FFF;}
.search_product .select-skin{ position:relative; right:0px; top:0px; height:40px; width:100%;}
.search_product .select-skin .select-skin-mask{ width:100%; height:100%;position:absolute; top:0; left:0; line-height:40px; padding:0 10px; z-index:0;}
.search_product .select-skin select{ opacity:0;}
.search_product .angle_down{position:absolute; top:0px; right:10px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#c5c5c5; width:24px; background:url(../images/arrow_bottom_02.png) no-repeat center;}
.search_product .submit{ text-align:center;}
.search_product .submit .sbtns{ background-color:#e0027b; border:1px solid #e5e5e5; color:#FFF; cursor:pointer; font-size:24px; padding:20px 50px; text-align:center;}


.layersearch{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:10060;}
.layersearch .mbg{background-color:rgba(0,0,0,.4); width:100%; height:100%;}
.layersearch .infolist{position:absolute; top:20%; width:450px; background-color:#FFF; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); padding:15px; border:2px solid #e0027b;}
.layersearch .infolist .close{ background-color:#e0027b; color:#FFF; position:absolute; cursor:pointer; top:0; right:0px; padding:5px 10px 7px;}
.layersearch .infolist .close:hover{opacity:.6;}
.layersearch .infolist ul{}
.layersearch .infolist li .item{ margin-top:20px;}
.layersearch .infolist li .item .tile{font-size:16px; border-bottom:1px solid #252525; padding-bottom:8px; color:#333;}
.layersearch .infolist li .item .tet{line-height:150%; margin-top:10px;}