@charset "utf-8";/* CSS Document */

html {font-size: 62.5%;height: 100%}

body {margin: 0 auto;font-family: "opensans";font-size: 12px;font-size: 1.2rem;height: 100%;background:#fff;width:100%;max-width:1920px;margin:0 auto; overflow-x:hidden;}

img {border: none;}
 
ul li {list-style-type: none;}

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}

img{display:block;}

a {text-decoration: none;color: #333;outline: none;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}

h1,h2 {margin: 0;padding: 0;font-weight: normal;color: #333;}

.clear {clear: both;}

.maln {margin-left: auto !important}

input, textarea, select {font-family: "opensans";font-size: 12px;font-size: 1.2rem;color:#999999;border: none;outline: none;}

.fl {float:left;}

.fr {float:right;}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

::selection { color: #fff; background: #338fd0;}

* { margin: 0px; padding: 0px; -moz-box-sizing: border-box; box-sizing: border-box; }





::-webkit-input-placeholder {/* WebKit browsers */

 color:#666666;opacity:1}

:-o-placeholder {/* Mozilla Firefox 4 to 18 */

 color:#666666;opacity:1 }

::-moz-placeholder {/* Mozilla Firefox 19+ */

 color:#666666;opacity:1 }

:-ms-input-placeholder {/* Internet Explorer 10+ */

 color:#666666;opacity:1 }



.sou::-webkit-input-placeholder {/* WebKit browsers */

 color:#fff;opacity:1}

.sou:-o-placeholder {/* Mozilla Firefox 4 to 18 */

 color:#fff;opacity:1 }

.sou::-moz-placeholder {/* Mozilla Firefox 19+ */

 color:#fff;opacity:1 }

.sou:-ms-input-placeholder {/* Internet Explorer 10+ */

 color:#fff;opacity:1 }



@media screen and (min-width:1220px) {.zong {width: 1200px;margin: auto; padding-bottom:20px;}}

@media screen and (min-width:1000px) and (max-width:1219px) {.zong {width: 980px;margin: auto;}}

@media screen and (max-width:999px) {.zong {width: 95%;margin: auto;}}





.at-resp-share-element .at4-share-count-container {text-decoration: none;float: right; padding-right: 15px;line-height: 25px !important;}

.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}

.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}

.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}

.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}

.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}

.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}

.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}

.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}





/*  head  */

.head{ background:#fff; position:fixed; width:100%; left:0px; top:0px; z-index:92}

.het{ background:url(../images/hebei.jpg) no-repeat center; background-size:cover;}

.het:after{ content:""; clear:both; display:block;}

.het a:hover{ text-decoration:underline;}



.hetp{ float:left; font-size:14px; font-size:1.4rem; line-height:32px; color: #fff; padding:14px 0; max-width:50%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.hetp a{ color:#fff}



.hexin{ float:right; margin-top:13px;}

.hexin li{ float:left; font-size:14px; font-size:1.4rem; line-height:24px; color: #fff; margin-left:25px;}

.hexin li a{color: #fff; display:inline-block; vertical-align:middle;}

.hexin li i{ font-size:18px; color:#fff; padding-right:8px; display:inline-block; vertical-align:middle;}



.head>.zong{position:relative;z-index:99;}

.logo{display:block;float:left;margin-top:26px;}

.logon{ display:inline-block; vertical-align:middle; width:304px;}

.logon img{display:block;margin:auto;width:100%;max-width:304px;}



.her{float:right;}



.daohang{ float:right; margin-top:42px; transition:0.5s;}

.daohang>li{ float:left;position:relative;z-index:999; padding-bottom:43px; transition:0.5s;}

.daohang>li>a{ display:inline-block; vertical-align:middle; font-size:18px;font-size:1.8rem;line-height:35px; position:relative; padding:0 26px;}

.daohang>li>a:before{ content:""; position:absolute; width:0px; height:35px; left:50%; top:0px; background:#338fd0; transition:0.5s; z-index:-1}

.daohang>li:hover>a{ color:#fff;}

.daohang>li:hover>a:before{ width:100%; left:0px; border-radius:16px;}

.dangqiandao>a{ color:#fff !important;}

.dangqiandao>a:before{ width:100% !important; left:0px !important; border-radius:16px !important;}



.xiala{ position:absolute; width: 438px; background:#338fd0; top:-9999px; left:50%; transform:translateX(-50%); padding-bottom:24px;}

.xiala:after{ content:""; clear:both; display:block;}

.xial{ width:180px; float:left; margin-left:24px; font-size:16px; font-size:1.6rem; line-height:32px; color: #ffffff; padding-top:5px;}

.xial>li>a{ display:block; color: #ffffff; margin-top:10px;}

.xiar{ width:160px; float:right; margin-right:41px;}

.xiatu{ display:block; margin-top:23px;}

.xiatu img{ width:100%;}

.xial>li>a:hover{ text-decoration:underline;}

.daohang>li:hover .xiala{ top:78px;}





.xialapy{ position:absolute; width: 500px; background:#338fd0; top:-9999px; left:50%; padding-bottom:24px; margin-left:-250px;}

.xialpypy{ margin-left:24px; font-size:16px; font-size:1.6rem; line-height:32px; color: #ffffff; padding-top:5px;}

.xialpypy>li{ margin-top:10px; /*width:32%;*/width:44%; float:left; margin-left:1%; }

.xialpypy>li>a{ display:block; color: #ffffff;}

.xialpy2{ margin-left:20px; font-size:14px; font-size:1.4rem; }

.xialpy2 li a{ display:block; color: #ffffff;}

.xialpypy>li>a:hover{ text-decoration:underline;}

.daohang>li:hover .xialapy{ top:78px;}



.yijiw{position:absolute;width:180px;top:-9999px; left:50%; margin-left:-90px; text-align:left; z-index:9999}

.yiji{ background:#338fd0;}

.yiji li{position:relative;transition:0.5s; padding:0 13px;}

.yiji li a{display:block;font-size:16px;font-size:1.6rem; line-height:0px;padding:5px 0px; padding-left:7px; border-top:1px solid #84adf2; color:#fff; position:relative; overflow:hidden;}

.yiji li a i{ font-size:12px; font-size:1.2rem; position:absolute; left:-10px; top:5px; transition:0.5s;}

.yiji li:hover>a{ padding-left:13px;}

.yiji li:hover>a i{ left:0px;}

.erji{position:absolute;width:281px; background:#338fd0; top:-9999px;left:100%;}

.sanji{position:absolute;width:200px; background:#338fd0; top:-9999px;left:100%;}

.daohang>li:hover .yijiw{top:34px;}

.daohang>li:hover .yiji>li>a{line-height:26px;}

.yiji>li:hover .erji{top:0px;}

.yiji>li:hover .erji>li>a{line-height:26px;}

.erji>li:hover .sanji{top:0px;}

.erji>li:hover .sanji>li>a{line-height:26px;}

.yiji li:first-child>a{ border:none}



/*  sousuo  */

.sousuo{ float:right; margin-top:10px; margin-left:17px;}

.sousuo form{ width:236px; height:32px; border-bottom:1px solid #ffffff; overflow:hidden; position:relative; z-index:1}

.sou{ width:160px; height:30px; float:left; line-height:30px; float:left; background:none; font-size:14px; font-size:1.4rem; color:#fff; border-radius:15px;}

.suo{ width:29px; height:32px; float:right; cursor:pointer; background:none; position:relative; z-index:3;}

.sousuo form i{ display:block; width:29px; line-height:32px; position:absolute; right:0px; top:0px; color:#fff; text-align:center; font-size:18px; font-size:1.8rem; color:#fff; z-index:2;}



.daohang2,sousuo2,.xnav{display:none}



.headh .logo{margin-top:10px;}

.headh .logon{ width:230px;}



.headh .daohang{ float:right; margin-top:16px;}

.headh .daohang>li{ padding-bottom:23px;}



.headh .daohang>li:hover .xiala{ top:58px;}

.headh .daohang>li:hover .xialapy{ top:58px;}



/*  banner */

.banner1{ margin-top:181px;}

#wowslider-container1 { display: table; zoom: 1; position: relative; width: 100%; max-width: 1920px; max-height:800px; margin:0px auto 0px; z-index:90; text-align:left; /* reset align=center */

	font-size: 10px; text-shadow: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

* html #wowslider-container1{ width:1920px }

#wowslider-container1 .ws_images ul{ position:relative; width: 10000%; height:100%; left:0; list-style:none; margin:0; padding:0; border-spacing:0; overflow: visible; /*table-layout:fixed;*/

}

#wowslider-container1 .ws_images ul li{ position: relative; width:1%; height:100%; line-height:0; overflow: hidden; float:left;	padding:0 0 0 0 !important; margin:0 0 0 0 !important; }

#wowslider-container1 .ws_images{ position: relative; left:0; top:0; height:100%; max-height:800px; max-width: 1920px; vertical-align: top; border:none; overflow: hidden; }

#wowslider-container1 .ws_images ul a{ width:100%; height:100%; max-height:800px; display:block; color:transparent; }

#wowslider-container1 img{ max-width: none !important; }

#wowslider-container1 .ws_images .ws_list img,

#wowslider-container1 .ws_images > div > img{ width:100%; border:none 0; max-width: none; padding:0; margin:0; }

#wowslider-container1 .ws_images > div > img { max-height:800px; }

#wowslider-container1 .ws_images iframe { position: absolute; z-index: -1; }

#wowslider-container1 .ws-title > div { display: inline-block !important; }

#wowslider-container1 a{ text-decoration: none; outline: none; border: none; }

#wowslider-container1  .ws_bullets { float: left; position:absolute; z-index:70; }

#wowslider-container1  .ws_bullets div{ position:relative; float:left; font-size: 0px; }

/* compatibility with Joomla styles */

#wowslider-container1  .ws_bullets a { line-height: 0; }

#wowslider-container1  .ws_script{ display:none; }

#wowslider-container1 sound, 

#wowslider-container1 object{ position:absolute; }



/* prevent some of users reset styles */

#wowslider-container1 .ws_effect { position: static; width: 100%; height: 100%; }

#wowslider-container1 .ws_photoItem { border: 2em solid #fff; margin-left: -2em; margin-top: -2em; }

#wowslider-container1 .ws_cube_side { background: #A6A5A9; }





/* hide controls when video start play */

#wowslider-container1.ws_video_playing .ws_bullets,

#wowslider-container1.ws_video_playing .ws_fullscreen,

#wowslider-container1.ws_video_playing .ws_next,#wowslider-container1.ws_video_playing .ws_prev {}

.ws-title-wrapper{ display: none; }



/* youtube/vimeo buttons */

#wowslider-container1 .ws_video_btn { position: absolute; display: none; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; z-index: 55; }

#wowslider-container1 .ws_video_btn.ws_youtube,

#wowslider-container1 .ws_video_btn.ws_vimeo { display: block; }

#wowslider-container1 .ws_video_btn div { position: absolute; background-size: 200%; top: 50%; left: 50%; width: 7em; height: 5em; margin-left: -3.5em; margin-top: -2.5em; }

#wowslider-container1 .ws_video_btn.ws_youtube div { background-position: 0 0; }

#wowslider-container1 .ws_video_btn.ws_youtube:hover div { background-position: 100% 0; }

#wowslider-container1 .ws_video_btn.ws_vimeo div { background-position: 0 100%; }

#wowslider-container1 .ws_video_btn.ws_vimeo:hover div { background-position: 100% 100%; }

#wowslider-container1 .ws_playpause.ws_hide { display: none !important; }

#wowslider-container1  .ws_bullets {}

#wowslider-container1 .ws_bullets a { width:19px; height:20px; float: left; text-indent: -4000px; position:relative; margin-left:10px; margin-right:10px; color:transparent; background:url(../images/dian.png) no-repeat center;}

#wowslider-container1 .ws_bullets a:hover{ background:url(../images/dianh.png) no-repeat center;}



#wowslider-container1 .ws_bullets a.ws_selbull{ background:url(../images/dianh.png) no-repeat center;}	

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { background-size: 200%; position:absolute; top:50%; margin-top:-16px; z-index:60; height: 32px; width: 46px; }

#wowslider-container1 a.ws_next{ right:70px; background-position: 100% 0; background:url(../images/baright.png) no-repeat center;}

#wowslider-container1 a.ws_prev { left:70px; background-position: 0 0; background:url(../images/baleft.png) no-repeat center;}

#wowslider-container1 a.ws_next:hover{ background-position: 100% 100%; background:url(../images/barighth.png) no-repeat center; }

#wowslider-container1 a.ws_prev:hover { background-position: 0 100%;  background:url(../images/balefth.png) no-repeat center;}



/*playpause*/

#wowslider-container1 .ws_playpause { width: 6.4em; height: 6.4em; position: absolute; top: 50%; left: 50%; margin-left: -2.5em; margin-top: -2.5em; z-index: 59; }

#wowslider-container1 .ws_pause { background-size: 100%;}

#wowslider-container1 .ws_play { background-size: 100%;}

#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover { background-position: 100% 100% !important; }/* bottom center */

#wowslider-container1  .ws_bullets {

   bottom:13px; left:50%; }

#wowslider-container1  .ws_bullets div{ left:-50%; }

#wowslider-container1 .ws-title{ position:absolute; display:block; font: 2em 'Arimo', sans-serif; bottom: -0.2em; left: 0; margin:1.8em 0.7em; padding:0.6em 0.5em; color:#777777; z-index: 50; line-height: 1em; text-transform: uppercase; color: #ffffff; 

    background-color: rgba(255, 255, 255, 0.3); border: 0.05em solid #ffffff; border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; }

#wowslider-container1 .ws-title div{ margin-top: 0.3em; font-size: 0.8em; line-height: 1.15em; font-weight: normal; }#wowslider-container1 a.ws_next,

#wowslider-container1 a.ws_prev,

#wowslider-container1 .ws_playpause { display:none; }



* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}

#wowslider-container1:hover a.ws_next,

#wowslider-container1:hover a.ws_prev,

#wowslider-container1:hover .ws_playpause { display:block

}#wowslider-container1 .ws_images > ul{ animation: wsBasic 16s infinite; -moz-animation: wsBasic 16s infinite; -webkit-animation: wsBasic 16s infinite; }

@keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%} 75%{left:-300%} 87.5%{left:-300%} }

@-moz-keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%} 75%{left:-300%} 87.5%{left:-300%} }

@-webkit-keyframes wsBasic{0%{left:-0%} 12.5%{left:-0%} 25%{left:-100%} 37.5%{left:-100%} 50%{left:-200%} 62.5%{left:-200%} 75%{left:-300%} 87.5%{left:-300%} }

#wowslider-container1 .ws_bullets  a img{ text-indent:0; display:block; bottom:25px; left:-74px; visibility:hidden; position:absolute; border: 1px solid rgba(220, 220, 220, 0.6); border-radius:1px; -moz-border-radius:2px; -webkit-border-radius:2px; max-width:none; }

#wowslider-container1 .ws_bullets a:hover img{ visibility:visible; }

#wowslider-container1 .ws_bulframe div div{ height:48px; overflow:visible; position:relative; }

#wowslider-container1 .ws_bulframe div { left:0; overflow:hidden; position:relative; width:148px; background-color:#FFFFFF;}

#wowslider-container1  .ws_bullets .ws_bulframe{ display:none; bottom:29px; overflow:visible; position:absolute; cursor:pointer; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); border: 1px solid #FFF; border-radius:3px; -moz-border-radius:3px; }

#wowslider-container1 .ws_bulframe span{ display:block; position:absolute; bottom:-8px; margin-left:1px; left:74px; width:15px; height:6px;}

#wowslider-container1 .ws_bulframe div div{ height: auto; }





@media screen and (max-width:1219px) {

.daohang>li{}

.daohang>li>a{ padding:0 16px; font-size:16px; font-size:1.6rem;}

.hexin li{ float:left; font-size:12px; font-size:1.2rem; line-height:25px; color: #666666; margin-left:15px;}

.hexin li i{ font-size:16px; padding-right:3px;}

.sousuo{ margin-left:15px;}



.yijiw{width:160px; left:50%; margin-left:-80px;}

.erji{width:160px; left:160px;}

.sanji{width:160px; left:160px;}

.yiji li a{font-size:14px;font-size:1.4rem; padding:5px;}

.daohang>li:hover .yijiw{top:60px;}



#wowslider-container1  .ws_bullets { bottom:10px;}

}

@media screen and (min-width:1000px) {.carousel,.nav{display: none}}

@media screen and (max-width:999px) {

.head{ position:relative; background:#fff; border:none;}

.banner1 { margin-top:auto;}

.hetp{ padding-right:50px; max-width:none; padding:5px 0; font-size:12px; font-size:1.2rem;}

.logo{ margin-top:10px;}

.logon{ width:170px;}



.daohang{ margin-top:15px;}

.yijiw,.yiji2,.hexin,.slogen{display:none}

.daohang>li{ margin:auto; display:inline-block; float:none; *float:left; padding-bottom:15px;}

.daohang>li>a{font-size:14px;font-size:1.4rem; text-transform:none; padding:0 9px;}

.het{ padding-bottom:0px;}

.yvn{ float:left; margin-top:auto;}

.yvzhonga{ font-size:14px; font-size:1.4rem;}

.yvul{ top:30px;}



.sousuo,.banner1 .slick-dots { display:none !important}

.maba{ margin-top:0px;}



#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { display:none !important}

#wowslider-container1  .ws_bullets { bottom:5px;}

#wowslider-container1 .ws_bullets a { margin:0 5px;}



.xnav{ display:block}

.nav { position:fixed;width: 35px;height: 25px;background: #338fd0;right: 2.5%;top: 5px;cursor: pointer; border-radius:5px;z-index: 9999999999}

.nav span {display: block;width: 20px;height: 2px;background: #ffffff;position: absolute;left: 50%;margin-left: -10px;top: 50%;transition: 0.5s;z-index: 9999999991}

.nav .nav1 {margin-top: -1px;}

.nav .nav2 {margin-top: -8px;}

.nav .nav3 {margin-top: 6px;}

.nav:hover .nav1 {width: 25px;}

.navh .nav1 {transform: rotate(45deg)}

.navh .nav2 {transform: rotate(-45deg);width: 10px;margin-left: -1px;margin-top: -5px;}

.navh .nav3 {transform: rotate(-45deg);width: 9px;margin-top: 3px;margin-left: -8px;}

.navh:hover .nav2 {margin-top: -8px;margin-left: 7px;}



.navh:hover .nav3 {margin-top: 5px;margin-left: -12px;}

.smdaohang {position: fixed;width:320px;height: 0%;overflow: auto;top: 0px;right: -100%;background:#338fd0; z-index: 9999999;transition: 0.7s;text-align: center;}

.smdaohangh {right: 0px;height: 100%;}

.smdaohangh

.topnav {margin: auto;margin-top: 30px;padding: 20px;}



ul.topnav li {text-align: left; position:relative;}

ul.topnav li a {padding: 5px;padding-left: 0px;color: #fff;display: block; font-size: 14px;font-size: 1.4rem;line-height: 24px; padding-right:50px;}

ul.topnav ul {display: none;}

ul.topnav ul li {clear: both;}

ul.topnav ul li a {padding-left: 20px;font-size: 14px;font-size: 1.4rem;font-weight: normal;outline: 0;}

ul.topnav ul li a:hover {

}

ul.topnav ul ul li a {padding-left: 40px;}

ul.topnav ul ul ul li a {padding-left: 60px;}

ul.topnav span { display:block; position:absolute; right:0px; top:5px; width:24px; height:24px; cursor:pointer; border-radius:5px;}

ul.topnav span:before{ content:""; width:16px; height:2px; background:#fff; position:absolute; left:4px; top:50%; margin-top:-1px;}

ul.topnav span:after{ content:""; width:16px; height:2px; background:#fff; position:absolute; left:4px; top:50%; margin-top:-1px; transform:rotate(90deg); transition:0.5s;}

ul.topnav span.yizi:after{ transform:rotate(0deg);}



.smdaohang form { margin-top:15px; margin-bottom:15px; width: 240px;height: 26px;border: 1px solid #fff;position: relative;background: #fff;}

.smdaohang form .iptc {-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 15px;background-color: #fff;width: 80%;height: 24px;line-height: 24px;display: block;float: left;}

.smdaohang form .ipsc {width: 20%;height: 26px;line-height: 26px;display: block;float: right;background: transparent;position: relative;z-index: 99;}

.smdaohang form i {position: absolute;right: 8px;top: 2px;}

  }

@media screen and (min-width:768px) {.clear3{display: none}}

@media screen and (max-width:767px) {.head{padding-bottom:5px;}

.het{ display:none}

.daohang2{display:block;text-align:center;margin-top:5px;}

.daohang2 a{float:left;width:25%;font-size:14px;font-size:1.4rem; line-height:24px;text-align:center;}

.daohang2 .dangqiandao{color: #338fd0;}



.daohang,.daohang1{display: none}

.banner1 .slick-prev { left:10px;}

.banner1 .slick-next { right:10px;}

.nav {top: 10px; background:#fff;}

.nav span {background: #338fd0;}

}

@media screen and (max-width:529px) {

.daohang2{ font-size:0px; margin-top:10px;}

.daohang2 a{ width:auto; float:none; display:inline-block; vertical-align:middle; *float:left; margin:0 7px;}

}



/*  main1  */

.main1{ background:#f6fbff; padding-top:84px; padding-bottom:92px; text-align:center;}

.m1a{ display:block; text-align:center; font-size:16px; font-size:1.6rem; color: #fd9941; line-height:24px; text-transform: uppercase;}

.m1biao{ display:block; text-align:center; font-family: OpenSans-Bold; font-size:50px; font-size:5rem; line-height:60px; margin-top:9px; text-transform: uppercase;}



.img-scroll {position: relative; width: 100%; z-index:9; margin-top:49px;}

.img-scroll .prev, .img-scroll .next {position: absolute; top:50%; margin-top:-50px; text-align:center;display: block; width:45px; height:45px; line-height:43px; border:dashed 1.5px #a5a6a7; color:#a5a6a7; font-size:26px; z-index:99; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; border-radius:50%;  background:#f6fbff;}

.img-scroll .prev { left:-74px; cursor: pointer; transform:rotateX(180deg)}

.img-scroll .next { right:-74px; cursor: pointer;}

.img-scroll .prev:hover,.img-scroll .next:hover { border-color:#338fd0; color:#338fd0;}

.img-list {position: relative;overflow: hidden; z-index:90;}

.img-list ul {width: 10000%;}

.img-list li {float: left;display: inline;width:0.25%; position:relative; text-align:center; padding:10px;}

.m1tu{ display:block;}

.m1tu img{ width:100%;}

.m1zi{}

.m1a2{ display:block; text-align:center; font-family: OpenSans-Bold; font-size:18px; font-size:1.8rem; line-height:24px; margin-top:15px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.m1p a{ display:block; font-size:16px; font-size:1.6rem; line-height:26px; color: #666666; height:53px; overflow:hidden; margin-top:12px;}

.img-list li:hover .m1tu{ background:#fff; box-shadow:0 0 10px 3px rgba(51,143,208,0.1); transform:rotateY(360deg)}

.img-list li:hover a,.m1a:hover,.m1biao:hover{color: #338fd0;}



.m1mor{ display:inline-block; text-align:center; font-size:18px; font-size:1.8rem; color: #338fd0; line-height:30px; border-bottom:1px solid #338fd0; margin-top:41px;}

.m1mor i{ font-size:30px; display:inline-block; vertical-align:middle; margin-left:15px;}

.m1mor:hover{ color:#333}



@media screen and (max-width: 1379px) { 

.img-scroll { padding-bottom:50px;}

.img-scroll .prev { left:50%; margin:auto; margin-left:-50px; bottom:0px; top:auto;}

.img-scroll .next { right:50%; margin:auto; margin-right:-50px; bottom:0px; top:auto;}

}

@media screen and (max-width: 1219px) { 

.m1a{ font-size:16px; font-size:1.6rem;}

.m1biao{ font-size:40px; font-size:4rem; line-height:50px; margin-top:9px;}

}

@media screen and (max-width: 999px) { 

.main1{ padding-top:30px; padding-bottom:35px;}

.m1a{ font-size:14px; font-size:1.4rem;}

.m1biao{ font-size:30px; font-size:3rem; line-height:40px; margin-top:9px;}

.m1a2{ font-size:16px; font-size:1.6rem; line-height:24px; margin-top:10px;}

.m1p a{ font-size:14px; font-size:1.4rem; line-height:24px; height:48px; margin-top:6px;}

.m1mor{ display:none}



.img-scroll { margin-top:10px; padding-bottom:30px;}

.img-scroll .prev, .img-scroll .next { margin-top:-24px; font-size:18px; font-size:1.8rem; width:24px; height:24px; line-height:22px;}

.img-list li {width:0.33333%;}

.img-scroll .prev { margin-left:-30px;}

.img-scroll .next {  margin-right:-30px;}

}

@media screen and (max-width:767px) {

.m1a{ font-size:12px; font-size:1.2rem;}

.m1biao{ font-size:22px; font-size:2.2rem; line-height:30px; margin-top:9px;}

.m1a2{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:10px;}

.m1p a{ font-size:12px; font-size:1.2rem; line-height:24px; height:48px; margin-top:6px;}

}

@media screen and (max-width:499px) {

.img-list li {width:0.5%;}

}



/*  main2  */

.main2{ background: url(../images/m2bei1.png) no-repeat left top, url(../images/m2bei12.png) no-repeat left bottom, #e8f5fe; padding-bottom:58px;}

.main2:after{ content:""; clear:both; display:block;}

.m2l{ width:45.66%; float:left; padding-top:81px;}

.m2r{ width:53.8%; float:right; /*background:url(../images/diannao.png) no-repeat top center;*/ background-size:100%; padding:0 6.26%; padding-top:1.9%; padding-bottom:4.8%; margin-top:133px; margin-right:-48px; padding-left: 6.3%; padding-right: 6.2%;}

.m2l .m1a,.m2l .m1biao{ text-align:left;}



.m2p{ font-size:14px; font-size:1.4rem; line-height:26px; color: #666666; max-height:260px; overflow:hidden; margin-top:43px;}

.m2p p{color: #666666;}

.m2p p a{ display:block; color: #666666;}

.m2p strong{ font-size:16px; font-size:1.6rem; font-weight:normal; color:#333;}

.m2mor{ display:inline-block; padding:0 24px; line-height:46px; height:46px; background:url(../images/m2mor.png) no-repeat left center; color: #338fd0; font-size:16px; font-size:1.6rem; margin-top:53px;}

.m2mor i{ display:inline-block; vertical-align:middle; margin-left:10px; transition:0.5s; font-size:25px;}



.m2shipin{position: relative; padding-bottom:67.6767%;height: 0;overflow: hidden;}

.m2shipin iframe, .m2shipin video, .shipin1 video {  position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;}

.m2shipin iframe body{ margin:0px !important;}

.m2p p a:hover{ color: #338fd0;}

.m2mor:hover i{ margin-left:20px;}



@media screen and (max-width: 1359px) { 

.m2r{ margin-right:0px;}

}

@media screen and (max-width: 1219px) { 

.m2l{ padding-top:50px;}

.m2p{ margin-top:20px;}

}

@media screen and (max-width: 999px) { 

.main2{ padding-bottom:38px;}

.m2mor{ display:none}

.m2l{ padding-top:30px;}

.m2r{ margin-top:80px;}

}

@media screen and (max-width: 767px) { 

.m2l{ width:100%; float:none; margin:auto;}

.m2r{ width:100%; float:none; margin:auto; max-width:646px; padding:0 11.4%; padding-top:3.5%; padding-bottom:7%; margin-top:30px;}

.m2p{ font-size:12px; font-size:1.2rem; line-height:24px;}

.m2p strong{ font-size:14px; font-size:1.4rem;}

}



/*  main3  */

.main3{ padding-top:84px; padding-bottom: 84px;}

.m3n{ padding-top:25px;}

.m3n:after{ content:""; clear:both; display:block;}

.m3lie{ width:23.8%; float:left; margin-left:1.6%; position:relative; margin-top:31px; overflow:hidden;}

.m3tu{ position:relative;}

.m3bei{ display:block; width:100%;}

.m3tun{ display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; background:#000; background:rgba(0,0,0,0.7)}

.m3tun img{ width:100%;}

.m3a1{ display:block; padding:5px; position:absolute; left:0px; bottom:17px; right:0px; text-align:center; font-size:22px; font-size:2.2rem; line-height:30px; color: #ffffff; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.m3fu{ position:absolute; width:100%; height:100%; left:0px; top:100%; transition:0.5s; background:#338fd0; background:rgba(51,143,208,0.9); text-align:center;}

.m3fun{ position:absolute; width:100%; padding:10px 20px; left:50%; top:50%; transform:translate(-50%,-50%);}

.m3a{ display:block; font-size:22px; font-size:2.2rem; color: #ffffff; line-height:30px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.m3p a{ display:block; font-size:14px; font-size:1.4rem; line-height:26px; color: #ffffff; max-height:78px; overflow:hidden; margin-top:25px;}

.main3 .m1mor{ color:#fff; font-size:16px; font-size:1.6rem; border-color:#fff; margin-top:22px;}

.main3 .m1mor i{ margin-left:5px;}



.m3lie:hover .m3fu{ top:0px;}

.m3lie:hover .m3a1{ bottom:-100%;}



@media screen and (max-width: 1359px) { 

.m3a1{ font-size:16px; font-size:1.6rem; bottom:5px;}

.m3a{ font-size:18px; font-size:1.8rem; line-height:24px;}

.m3p a{ font-size:14px; font-size:1.4rem; line-height:26px; max-height:78px; margin-top:10px;}

.main3 .m1mor{ font-size:14px; font-size:1.4rem; margin-top:10px;}

}

@media screen and (max-width: 1219px) { 

.m3a1{ font-size:14px; font-size:1.4rem; bottom:5px;}

.main3 .m1mor{ display:none}

}

@media screen and (max-width: 999px) { 

.main3{ padding-top:34px;}

.m3n{ padding-top:10px;}

.m3lie{ width:31.33%; margin:10px 1% !important;}

.m3a1{ display:none}

.m3fu{ position:relative; top:auto !important}

.m3fun{ position:relative; transform:translate(0,0); left:0px;}

}

@media screen and (max-width: 767px) { 

.m3lie{ width:48%; margin:10px 1% !important;}

.m3a{ font-size:14px; font-size:1.4rem; line-height:24px;}

.m3p a{ font-size:12px; font-size:1.2rem; line-height:24px; max-height:72px; margin-top:5px;}

.m3fun{ padding:10px 5px;}

}



/*  main4  */

.main4{ padding-top:80px; padding-bottom:85px;}

.main4 .img-scroll{ margin-top:35px;}

.main4 .img-list li { width:0.3125%; margin-right:0.0325%; text-align:left;}

.main4 .img-scroll .prev,.main4 .img-scroll .next { background:#fff; margin-top:-70px;}



.m4n{ background: url(../images/qyin.png) no-repeat 14px 14px, #ffffff; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08); padding:24px; position:relative; padding-top:55px; padding-bottom:58px; z-index:1}

.m4n:before{ content:""; position:absolute; width:28px; height:21px; background:url(../images/hyin.png) no-repeat center; right:14px; bottom:12px;}

.m4a{ font-size:18px; font-size:1.8rem; line-height:32px; display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.wuxing{ width:85px; margin-top:13px;}

.wuxing img{ width:100%;}

.m4p{ font-size:14px; font-size:1.4rem; line-height:26px; color: #666666; height:134px; overflow:auto; /*margin-top:22px;*/}

.m4p p{ color: #666666;}

.m4p p a{ display:block; color: #666666;}

.m4b{ background:url(../images/jiao.png) no-repeat 46px top; position:relative; padding-top:29px; min-height:109px; z-index:2}

.touxiang{ display:block;/* width:80px;*/ /*position:absolute;*/ /*left:19px;*/position:relative; top:29px; width:100%; left:0px;}

.touxiang img{ width:100%;}

.m4bzi{ margin-left:121px; padding-top:9px;}

.m4b1{ font-size:18px; font-size:1.8rem; line-height:26px;}

.m4b2{ font-size:14px; font-size:1.4rem; color: #666666; line-height:26px; margin-top:6px;}

.main4 .img-list li:hover .m4n{ background: url(../images/qyin.png) no-repeat 14px 14px, #f6fbff;}

.main4 .img-list li:hover .m4b{ background:url(../images/jiaoh.png) no-repeat 46px top;}

@media screen and (max-width: 999px) { 

.main4{ padding-top:30px; padding-bottom:35px;}

.main4 .img-list li { width:0.49%; margin-right:0.02%;}

.main4 .img-scroll{ margin-top:15px;}

}

@media screen and (max-width: 767px) { 

.main4 .img-list li { width:1%; margin-right:0.02%;}

.m4n{ padding:30px 10px;}

.m4a{ font-size:14px; font-size:1.4rem;}

.wuxing{ width:60px; margin-top:6px;}

.m4p{ font-size:12px; font-size:1.2rem; line-height:22px; height:88px; margin-top:12px;}

.m4b{ background:url(../images/jiao.png) no-repeat 35px top;}

.m4b1{ font-size:14px; font-size:1.4rem; line-height:22px;}

.m4b2{ font-size:12px; font-size:1.2rem; line-height:24px; margin-top:4px;}

.touxiang{ width:70px;}

}



/*  main5  */

.main5{ background:#338fd0; padding-top:59px; padding-bottom:54px;}

.main5 .m1a,.main5 .m1biao{ color:#fff !important;}

.main5 .m1a:hover,.main5 .m1biao:hover{ /*text-decoration:underline;*/}

.m5n{ font-size:0px; text-align:center;}

.m5t,.m5b{ position:relative;}

.m5lie{ width:26.75%; display:inline-block; vertical-align:top; margin-left:9.875%; text-align:center; margin-top:41px;}

.m5tu{ display:block; width:100px; margin:auto;}

.m5tu img{ width:100%;}

.m5a{ display:block; text-align:center; color: #ffffff; font-size:22px; font-size:2.2rem; line-height:30px; margin-top:32px;}

.m5p{ font-size:14px; font-size:1.4rem; color: #ffffff; line-height:26px;}

.m5p a{color: #ffffff; display:block; margin-top:13px;}



.m5t:before{ content:""; position:absolute; width:108px; height:52px; background:url(../images/m5jian1.png) no-repeat center; top:50%; margin-top:-26px; left:33.333%; margin-left:-54px;}

.m5t:after{ content:""; position:absolute; width:129px; height:28px; background:url(../images/m5jian2.png) no-repeat center; top:50%; margin-top:-26px; left:66.666%; margin-left:-64px;}

.m5b:before{ content:""; position:absolute; width:126px; height:43px; background:url(../images/m5jian3.png) no-repeat center; top:50%; margin-top:-22px; left:50%; margin-left:-63px;}

.main5 a:hover{ /*text-decoration:underline; color:#fff;*/}



@media screen and (max-width: 999px) { 

.main5{ padding-top:30px; padding-bottom:34px;}

.m5t:before,.m5t:after,.m5b:before{ display:none}

.m5lie{ width:32.33%; margin-left:1.5%;}

.m5a{ font-size:18px; font-size:1.8rem; margin-top:20px;}

.m5p{ font-size:14px; font-size:1.4rem; line-height:26px;}

.m5tu{ width:60px;}

}

@media screen and (max-width: 767px) { 

.m5lie{ margin-top:30px;}

.m5a{ font-size:14px; font-size:1.4rem; margin-top:20px;}

.m5p{ font-size:12px; font-size:1.2rem; line-height:24px;}

}

@media screen and (max-width:499px) { 

.m5lie{ width:100%;}

.m5a{ margin-top:10px; line-height:22px;}

}



/*  main6  */

.main6{ background:#f6fbff; padding-top:86px; padding-bottom:94px;}

.main6:after{ content:""; clear:both; display:block;}

.m6l{ width:43.33%; float:left; margin-top:53px; position:relative;}

.m6r{ width:51.66%; float:right; padding-top:11px;}



.m6ltu{ display:block; background:#338fd0;}

.m6ltu img{ width:100%; transition:0.5s;}

.m6fu{ position:absolute; width:100%; height:100%; left:0px; top:0px; opacity:0; transition:0.5s;}

.m6fun{ position:absolute; width:90%; left:5%; top:50%; transform:translateY(-50%); text-align:center;}

.m6la{ display:block; font-size:18px; font-size:1.8rem; color: #ffffff; line-height:24px; font-family: OpenSans-Bold; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.m6lp{ font-size:14px; font-size:1.4rem; line-height:26px; color: #ffffff; max-height:78px; margin-top:18px;}

.m6lp a{ display:block; color: #ffffff;}

.m6lmor{ display:block; font-size:14px; font-size:1.4rem; color: #ffffff; line-height:24px; margin-top:30px;}

.m6lmor i{ display:inline-block; vertical-align:middle; font-size:30px; font-size:3rem; margin-left:5px;}



.m6lie{ position:relative; min-height:119px; margin-top:40px;}

.m6tu{ display:block; width:141px; position:absolute; left:0px; top:0px;}

.m6tu img{ width:100%;}

.m6zi{ margin-left:166px;}

.m6a{ display:block; font-size:18px; font-size:1.8rem; font-family: OpenSans-Bold; line-height:22px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.m6p a{ display:block; font-size:14px; font-size:1.4rem; line-height:26px; color: #666666; margin-top:13px; height:56px; overflow:hidden;}

.m6riqi{ display:block; color: #fd9941; font-size:12px; font-size:1.2rem; line-height:24px; margin-top:10px;}

.m6lie:hover a{color: #338fd0;}

.m6l a:hover{ text-decoration:underline;}

.m6l:hover .m6ltu img{ opacity:0.2}

.m6l:hover .m6fu{ opacity:1}



@media screen and (max-width: 1219px) { 

.m6r{ padding-top:30px;}

.m6lie{ margin-top:25px; min-height:97px;}

.m6tu{ width:115px;}

.m6p a{ line-height:24px; height:48px; margin-top:5px;}

.m6riqi{ margin-top:5px;}

.m6zi{ margin-left:130px;}

}

@media screen and (max-width: 999px) { 

.main6{ padding-top:32px; padding-bottom:34px;}

.m6l{ width:100%; float:none; margin-top:30px; position:relative;}

.m6r{ width:100%; float:none; padding-top:11px;}

.m6l{ min-height:97px;}

.m6ltu{ position:absolute; width:115px; left:0px; top:0px;}

.m6ltu img{ opacity:1;}

.m6fu{ position:relative; text-align:left; padding-left:125px;}

.m6fun{ position:relative; transform:translate(0,0); padding:0px; width:100%; left:auto; text-align:left}

.m6fu a{ color:#333;}

.m6lmor{ display:none}

.m6la,.m6a{ font-size:14px; font-size:1.4rem; line-height:22px;}

.m6lp a,.m6p a{ font-size:12px; font-size:1.2rem; line-height:24px; height:48px; margin-top:5px; overflow:hidden;}

.m6l:hover .m6ltu img{ opacity:1}

.m6l .m6fu{ opacity:1}

}





/*  foot  */

.foot{ background:#338fd0; padding-top:57px; padding-bottom:18px;}

.fo1{ width:180px; float:left;}

.fo2{ width:310px; float:left; margin-left:150px;}

.fo3{ width:400px; float:right;}

.fobiao{ display:block; font-size:24px; font-size:2.4rem; line-height:35px; color:#fff; text-transform:uppercase; font-family: OpenSans-Bold;}



.fonav{ font-size:16px; font-size:1.6rem; line-height:22px; color: #ffffff; margin-top:17px;}

.fonav a{color: #ffffff; position:relative; display:block; padding:5px 0; padding-left:15px;}

.fonav a:before{ width:5px; height:5px; content:""; position:absolute; left:0px; top:13px; background:#fff; transform:rotate(45deg)}



.foul{ font-size:16px; font-size:1.6rem; line-height:30px; color: #ffffff; margin-top:10px;}

.foul li a{color: #ffffff;}

.foul li{color: #ffffff; padding-left:24px; position:relative; margin-top:12px;}

.foul li i{ position:absolute; left:0px; top:0px;}



.fo3p{ font-size:16px; font-size:1.6rem; color: #ffffff; line-height:30px; margin-top:18px;}



.fxun{ margin-top:15px;}

.fxun form{ width:100%; height:41px; background:#fff; position:relative}

.fxun .fint1{ width:300px; height:39px; padding-left:18px; font-size:14px; font-size:1.4rem; line-height:39px; color: #666666;}

.fxun .fint2{ width:75px; height:41px; background:#1b75b4; font-size:14px; font-size:1.4rem; color: #ffffff; font-family: OpenSans-Bold; cursor:pointer; float:right}

.fxun form i{ position:absolute; width:52px; height:52px; right:0px; top:0px; line-height:52px; text-align:center; color:#fff; font-size:19px; font-size:1.9rem;}

.shejiao{ margin-top:20px;}

.shejiao a{ display:block; width:37px; height:37px; line-height:37px; background:#fff; border-radius:50%; color:#2da6de; float:left; margin-left:33px; text-align:center; font-size:20px;}

.shejiao a:first-child{ margin-left:auto;}

.foot a:hover{ color:#fd9941;}

.shejiao a:hover{ background:#fd9941; color:#2da6de}



.fop{ font-size:16px; font-size:1.6rem; color: #ffffff; line-height:29px; margin-top:10px;}

.fop a{ display:inline-block; color:#ffffff;}

.youlian{ border-top:1px solid #5cade6; font-size:14px; font-size:1.4rem; color:#e4e4e4; line-height:24px; margin-top:61px; padding-top:18px;}

.youlian p{ display:inline-block; *float:left; color:#ffffff;}

.youlian a{ display:inline-block; *float:left; color:#ffffff; margin:0 10px;}

.foot2 a:hover{color:#f29b37;}

@media screen and (max-width:1219px){

.fo1{ width:160px;}

.fo2{ width:380px; margin-left:32px;}

.fo3{ width:380px;}

.shejiao a{ margin-left:22px;}

}

@media screen and (max-width:999px){

.fo1{ width:20%;}

.fo2{ width:30%; margin-left:5%;}

.fo3{ width:40%;}

.shejiao a{ margin-left:22px;}

.fxun form{ width:291px;}

.fxun .fint1{ width:209px;}

.fxun .fint2{ width:70px; font-size:14px; font-size:1.4rem;}

.shejiao{ margin-top:10px;}

.shejiao a{ margin-left:15px; font-size:16px !important; line-height:30px; width:30px; height:30px;}

.fonav,.foul,.fop,.fo3p{ font-size:14px; font-size:1.4rem;}

}

@media screen and (max-width:767px){

.foot{ padding-top:27px; padding-bottom:21px;}

.fo1,.fo2{ display:none}

.fo3{ width:auto; float:none;}

.fxun{ margin-top:19px;}

.fxun form{ width:100%;}

.fxun .fint1{ width:87%;}

.fxun .fint2{ width:70px;}

.shejiao{ margin-top:10px;}

.foot2{ padding-bottom:60px;}

.youlian{ display:none}

.fobiao{ font-size:18px; font-size:1.8rem;}

}

@media screen and (max-width:599px){

.fxun .fint1{ width:83%;}

}

@media screen and (max-width:499px){

.fxun .fint1{ width:80%;}

}

@media screen and (max-width:399px){

.fxun .fint1{ width:75%;}

}



.lianxi{ position:fixed; width:61px; right:0px; top:50%; transform:translateY(-50%); z-index:99999}

.lianxi div a{ display:block; width:61px; height:61px; background:#e7f1f8; text-align:center; line-height:61px; font-size:24px; margin-top:2px; border-radius:5px;}

.ke1{ color:#338fd0;}

.ke2{ color:#00a8ff;}

.ke3{ color:#21e218;}

.ke4{ background:#338fd0}

.weixin{ position:relative; cursor:pointer;}

.weixin img{ position:absolute; width:149px; height:150px; top:0px; left:-149px; display:none;}

.weixin:hover img{ display:block;}

.weixin2,.tankuang{ display:none}

.tankuang{ position:absolute; bottom:50px; left:50% !important; margin-left:-75px;}

.tankuang img{ display:block; position:relative; width:150px; height:150px; left:auto; margin:auto;}

.lianxi div a:hover{ background:#338fd0; color:#fff;}

.clear2{ display:none}



.top{ cursor:pointer; width:61px; height:61px; background:#e7f1f8; text-align:center; border-radius:5px; margin-top:2px; padding-top:1px; transition:0.5s;}

.top a{ display:block; width:27px !important; height:27px !important; line-height:25px !important; border:1px solid #338fd0; color:#338fd0; font-size:12px !important; border-radius:50% !important; margin:auto; margin-top:17px !important; background:none !important}

.top:hover{ background:#338fd0;}

.top:hover a{ background:none !important; border-color:#fff; color:#fff;}

.clear2{ display:none}





@media screen and (max-width:999px) {

.clear2{ display:block; clear:both;}

}

@media screen and (max-width:767px) {.foot{padding-bottom:56px;}

.youlian{display:none}

.top{width:25%;height:45px;line-height:45px;bottom:0px;right:0px;border-radius:0px;border:none; background:#338fd0;}

.top a{ margin-top:10px !important; border-color:#fff;}



.lianxi{ width:100%; right:auto; top:auto; margin:auto; left:0px; bottom:0px; border-top:1px solid #fff; transform:translateY(0);}

.lianxi>div{ width:25%; float:left;height:45px;line-height:45px; margin:auto;}

.lianxi div a{ margin:auto; width:100%; color:#fff !important; border-radius:0px;height:52px;line-height:45px; background:#338fd0;}

.weixin2{ display:block}

.weixin1{ display:none}

}



/***************************  product  **************************/

.fenbanner{}

.fenbanner img{ width:100%;}



.mianbao{ font-size:16px; font-size:1.6rem; color: #666666; line-height:32px; margin-top:22px;}

.mianbao a{color: #666666;}

.mianbao a:hover{color: #338fd0;}

.comian{color: #338fd0 !important;}



/*  main  */

.prmain{ padding-top:41px; padding-bottom:110px;}

.prl{ width:21.66%; float:left;}

.prr{ width:75%; float:right;}



.j-nextshow { position: relative;}

.proslide_menubtn { display: none; width: 23px; height: 18px; position: absolute; top: 50%; margin-top:-9px; right: 12px; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }

.proslide_menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #FFFFFF; }

.prbiao{ display:block; font-size:24px; font-size:2.4rem; color: #ffffff; line-height:33px; background:#338fd0; border:1px solid #338fd0; text-transform:uppercase; padding:5px; text-align:center;}

a.prbiao:hover{ background:#fff; color:#338fd0}

.prbiao2{ font-size:22px; font-size:2.2rem;}



.pryiji{ margin-top:6px;}

.pryiji>li{ margin-bottom:6px; background:#f3f3f3; position:relative; transition:0.5s;}

.pryiji>li>a{ display:block; padding-left:10px; padding-right:45px; position:relative;}

.pryiji>li>i{ position:absolute; right:12px; top:6px; line-height:30px;color:#999999; font-size:16px; transition:0.5s;}

.pryiji li a span{ display:block; padding:9px 0px; font-size:16px; font-size:1.6rem; line-height:24px; transition:0.5s; color:#333;}

.prerji{padding-left:20px; padding-right:10px; padding-bottom:6px; border: solid 1px #f3f3f3; background:#fff;}

.prerji li a{ display:block; font-size:16px; font-size:1.6rem; color: #666666; line-height:24px; padding:6px 0; padding-left:10px; position:relative;}

.prerji>li>a:before{ content:""; position:absolute; width:3px; height:3px; left:0px; top:16px; background:#666666;}

.prsanji{ padding:10px 0; padding-left:20px;}

.prsanji li a{ font-size:14px; font-size:1.4rem; padding:2px 0;}

.pryiji>li:hover{ background:#338fd0;}

.pryiji>li:hover>i{ transform:rotate(90deg); color:#fff;}

.pryiji>li:hover>a>span{ color:#ffffff;}

.prerji li a:hover{ color:#338fd0;}

.prerji>li>a:hover:after{ background:#338fd0;}

.dangyi{ background:#338fd0 !important;}

.dangyi>i{ transform:rotate(90deg) !important; color:#fff !important;}

.dangyi>a span{ color:#ffffff !important;}

.danger>a{ color:#338fd0 !important;}

.danger>a:before{ background:#338fd0;}

.dangsan>a{ color:#338fd0 !important}



.prlb{ margin-top:57px;}

.prlbn{ font-size:14px; font-size:1.4rem; line-height:30px; padding:2px 14px; padding-bottom:5px; background:#f3f3f3; margin-top:6px;}

.prlbn a:hover{ color:#338fd0;}



.prlc{ margin-top:50px;}

.prcn{ background:#f3f3f3; padding-top:1px; margin-top:6px; padding-bottom:1px;}

.prlclie{ margin-top:20px; margin-bottom:24px; min-height:84px; border-bottom:1px solid #f0f0f0; position:relative;}

.prlctu{ display:block; width:100px; position:absolute; left:18px; top:0px;}

.prlctu img{ width:100%; max-width:285px; margin:auto;}

.prlczi{ margin-left:135px; margin-right:10px;}

.prlcp a{ display:block; font-size:16px; font-size:1.6rem; line-height:30px; max-height:90px; overflow:hidden;}

.prlc a:hover{ color:#338fd0;}



.prt{}

.prtbiao{ font-size:24px; font-size:2.4rem; line-height:30px;}

.prtn{ color: #666666; font-size:16px; font-size:1.6rem; line-height:30px; margin-top:12px;}

.prtn p,.prtn em,.prtn strong{/* color: #666666;*/}

.prtn span{ color:currentColor;}



.prlie{ width:30.11%; margin-left:4.8%; float:left; margin-top:29px; padding-bottom:15px;}

.prtuz{ position:relative; border: solid 1px #eeeeee; overflow:hidden;}

.prtu{ display:block; position:relative; overflow:hidden;}

.prtu img{ width:100%; max-width:500px; transition:0.5s;}

.prfu{ position:absolute; width:100%; height:100%; left:0px; top:100%; background:#338fd0; background:rgba(51,143,208,0.85); transition:0.5s;}

.prfu p a{ display:block; position:absolute; width:95%; left:2.5%; top:50%; transform:translateY(-50%); color: #ffffff; font-size:16px; font-size:1.6rem; line-height:26px; text-align:center; max-height:208px; overflow:hidden;}



.przi{ text-align:center;}

.pra{ display:block; font-family: OpenSans-Bold; font-size:18px; font-size:1.8rem; line-height:24px; margin-top:8px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.prp a{ display:block; font-size:16px; font-size:1.6rem; color: #666666; line-height:26px; height:52px; margin-top:7px; overflow:hidden; font-family: OpenSans-Light;}



.prin{ text-align:center; margin-top:11px; font-size:0px;}

.prin input{ display:inline-block; vertical-align:middle; cursor:pointer;}

.prmor{ display:inline-block; vertical-align:middle; border-radius: 15px; min-width: 104px; height:30px; line-height:28px; text-align:center; border: solid 1px #999999; padding:0 5px; font-size:14px; font-size:1.4rem; color:#666666; margin-left:11px;}

.prlie:hover a{ color:#338fd0;}

.prlie:hover .prmor{ background:#338fd0; border-color:#338fd0; color:#ffffff;}

.prlie:hover .prtu span{ top:0px;}

.prlie:hover:hover .prfu p a{ color:#fff;}

.prlie:hover .prfu{ top:0px;}



.fenye{ padding-top:47px;}

.fenye:after{ content:""; clear:both; display:block;}

.fenyen{ float:left; margin-left:-20px;}

.fenyen a, .fenyen span{ display:inline-block; *float:left; width:35px; height:30px; border: solid 1px #999999; text-align:center; line-height:28px; margin:0 4px; margin-bottom:10px; font-size:14px; font-size:1.4rem;}

.fenyen a:hover{ color:#fff; background:#338fd0; border-color:#338fd0;}

.fenyen a.no{border: solid 1px #999999 !important; background-color: #fff !important; color: #333 !important;}

.sx,.big{ width:auto !important; min-width:79px; padding:0 2px; margin:0 20px !important;}

.dangqianfen{ color:#fff !important; background:#338fd0 !important; border-color:#338fd0 !important;}

.fuxuan{float:right; margin-bottom:10px; margin-left:72px;}

.fuxuan input{ width:135px; height:30px; line-height:28px; border:1px solid #338fd0; color:#fff; background:#338fd0; cursor:pointer; transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s; font-size:14px; font-size:1.4rem;}

.fuxuan input:hover{ background:#fff; color:#338fd0;}



@media screen and (max-width:1219px) {

.prl{ width:27%; float:left;}

.prr{ width:70%; float:right;}

.pryiji>li>a{ padding-left:7px; font-size:14px; font-size:1.4rem;}

.prerji{padding-left:15px;}

.prerji li a{ font-size:14px; font-size:1.4rem;}

.prlie p a{ font-size:14px; font-size:1.4rem;}

.prmor{ min-width:90px;}

.prfu p a{  font-size:14px; font-size:1.4rem; max-height:182px; }

}

@media screen and (max-width:999px) {

.mianbao{ font-size:14px; font-size:1.4rem;}



.prmain{ padding-top:16px; padding-bottom:29px;}

.prbiao{ font-size:18px; font-size:1.8rem;}

.prl{ width:33%; float:left;}

.prr{ width:65%; float:right;}

.prlie{ width:31.333%; margin-left:1% !important; margin-right:1%; float:left; margin-top:20px; position:relative; padding-bottom:20px;}

.prr .prlie input{ left:5px; top:5px; bottom:auto}

.prr .prlie .prmor{ margin-left:0px;}

.prsanji{ padding-left:20px;}

.prlbn{ font-size:14px; font-size:1.4rem;}

.prne{ padding-top:27px;}

.fenye{ padding-top:24px;}

.prlbn{ font-size:14px; font-size:1.4rem; line-height:30px;}

.prlcp a{ font-size:14px; font-size:1.4rem;}



.prtbiao{ font-size:18px; font-size:1.8rem; line-height:26px;}

.prtn{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:8px;}

.prfu{ display:none}



.prlc,.prlb{ margin-top:20px;}

.sx,.big{ margin:0 4px !important;}

.fenyen{ margin-left:auto;}



.pra{ font-size:16px; font-size:1.6rem;}

.prlie input{ position:absolute; left:5px; top:5px;}

.prtu span{ display:none}

.fenyen a{ font-size:14px; font-size:1.4rem;}

.fuxuan{ margin-left:12px;}

  }

@media screen and (max-width:767px) {

.fenbiao{ font-size:22px; font-size:2.2rem; line-height:30px;}

a.prbiao:hover{ background:#338fd0; color:#fff}



.prl{ width:100%; float:none; margin-top:30px;}

.prr{ width:100%; float:none;}

/*.proslide_menubtn { display:block}

.pryiji{ display:none}*/

.prmor{ font-size:12px; font-size:1.2rem;}

.prbiao{ text-align:left; padding-right:40px;}

.prlbn,.prtn,.prlie p a,.prlcp a{ font-size:12px; font-size:1.2rem;}



.pra{ font-size:14px; font-size:1.4rem;}

.fenyen a{ font-size:12px; font-size:1.2rem; width:30px; margin:0 2px; margin-bottom:10px;}

}

@media screen and (max-width:599px) 

.prr .prlie{ width:48%; margin-left:1% !important; margin-right:1% !important;}

}



/********************************************  product2  ***********************************************/

.prmain2{ padding-top:34px; padding-bottom:20px;}



.zoomPad{position:relative; float:left; z-index:99; cursor:crosshair; }

.zoomPreload{-moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0px; left:0px; * width:100px; * height:49px; }

.zoomPup{overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #CCC; z-index:101; cursor:crosshair; }

.zoomOverlay{position:absolute; left:0px; top:0px; background:#FFF;	z-index:5000; width:100%; height:100%; display:none; z-index:101; }

.zoomWindow{position:absolute; left:110%; top:40px; background:#FFF; z-index:6000; height:auto; z-index:10000; z-index:110; }

.zoomWrapper{position:relative; border:1px solid #999; z-index:110; }

.zoomWrapperTitle{display:block; background:#999; color:#FFF; height:18px; line-height:18px; width:100%; overflow:hidden; text-align:center; font-size:10px; position:absolute; top:0px; left:0px; z-index:120; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); }

.zoomWrapperImage{display:block; position:relative; overflow:hidden; z-index:110; }

.zoomWrapperImage img{border:0px; display:block; position:absolute; z-index:101; }

.zoomIframe{z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position:absolute; display:block; }



.m-propic { width:636px; float:left; margin-top:7px;}

.m-propic .pic-big { position: relative; float: right; width:490px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:9}

.m-propic .big-img { display: block; line-height: 0; font-size: 0; border: solid 1px #f2f2f2;}

.m-propic .big-img .zoomPad { float: none; z-index: 8; }

.m-propic .zoomWrapperImage img { max-width: 1200px; z-index:99}

.m-propic .pic-small { position: relative; float: left; width:126px; padding-top:33px; padding-bottom:33px; overflow: hidden; z-index:1}

.m-propic .pic-btn { position: absolute; margin: 0 auto; left: 0; right: 0; display: block; text-align:center; font-size:16px; font-size:1.6rem; cursor: pointer; color:#999999; z-index:9}

.m-propic .pic-btn.prev { top: 0px;}

.m-propic .pic-btn.next { bottom: 0px; }

.m-propic .pic-btn.prev:hover,.m-propic .pic-btn.next:hover { color:#338fd0;}

.m-propic .pic-list { height:424px; overflow: hidden;}

.m-propic .pic-list ul { height: 2000px;}

.m-propic .list-item { margin-bottom:21px; }

.m-propic .item-pic { display: block; overflow:hidden; border: solid 1px #f2f2f2;}

.m-propic .item-pic img { width: 100%;display: block; transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s; }

.m-propic .item-pic:hover {}

.m-propic .item-pic:hover img {-webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}

.m-propic .item-pic.zoomThumbActive {}

.m-propic2 { display: none; }



.jianjie{ width:509px; float:right; padding-top:15px;}

.jianjie h1{ font-size:22px; font-size:2.2rem; line-height:30px; font-family: OpenSans-Bold; border-bottom:1px solid #cccccc; padding-bottom:21px;}

.jiann{ font-size:16px; font-size:1.6rem; line-height:30px; color:#666666; margin-top:21px; min-height:270px;}

.jiann p,.jiann em,.jiann strong{ color:#666666;}

.jiann a{ color:#338fd0;}



.share{ margin-top:33px; display:inline-block; vertical-align:middle;}

.share1{ display:inline-block; font-size:14px; font-size:1.4rem; line-height:18px;vertical-align:middle; color:#999999;}

.share2{display:inline-block; margin-left:8px; vertical-align:middle;}

.inno{ margin-top:20px;}

.inno:after{ content:""; clear:both; display:block;}

.inno a{ display:block; float:left; padding:0 5px; min-width:166px; height:41px; line-height:39px;  text-align:center; margin:10px 0; font-size:16px; font-size:1.6rem;  text-transform:uppercase; background:#338fd0; color:#fff; border: solid 1px #338fd0; }

.inno a:hover{border: solid 1px #338fd0;  color:#338fd0; background:#ffff; }

.inno a:first-child{ margin-right:124px;}



.chanxbiao{ display:block; position:relative; z-index:1; margin-top:27px;}

.chanxbiao:before{ content:""; position:absolute; width:100%; height:2px; background:#e8e8e8; left:0px; bottom:0px;}

.chanxbiaon{ display:inline-block; min-width:237px; line-height:37px; background:#338fd0; padding:5px 15px; text-align:center; position:relative; z-index:3; color:#fff; font-size:20px; font-size:2rem; font-family: OpenSans-Bold;}



.chanxiang{ font-size:16px; font-size:1.6rem; color: #333333; line-height:30px;padding-top:10px;}

.chanxiang p{color: #333333;}

.chanxiang strong{ font-size:20px; font-size:2rem; font-weight:normal; /*color: #338fd0;*/ color: rgb(0, 176, 240); font-family: OpenSans-Bold;}

.chanxiang em{ font-style:normal; font-weight:bold;}

.chanxiang a{ color:#338fd0;}

.chanxiang img{ max-width:100%; display:inline-block;}



.pr2lie{ margin-top:68px;}

.pr2lie:after{ content:""; clear:both; display:block;}

.pr2tu{ width:39.16%;}

.pr2tu img{ width:100%; max-width:470px; margin:auto;}



.pr2lie1 .pr2tu{ float:right; margin-left:54px;}

.pr2lie2 .pr2tu{ float:left; margin-right:54px;}



.prtag{ background:#f6fbff; padding:13px 10px; margin-top:20px;}

.prtag span{ font-size:16px; font-size:1.6rem; color: #338fd0; line-height:30px; font-family: OpenSans-Bold; display:inline-block; vertical-align:middle;}

.prtag a{ display:inline-block; vertical-align:middle; color: #666666; font-size:14px; font-size:1.4rem; line-height:30px; margin:0 10px;}

.prtag a i{ color:#666666; font-size:20px;}

.prtag a:hover{color: #338fd0;}



.table{ width:100%; overflow:auto;}

.table table{ width:100%; border-collapse:collapse; line-height:25px;}

.table table tr td{ padding:5px; border:2px solid #000000; font-size:16px; font-size:1.6rem; color:#333; text-align:center;}

.table table tr td strong{ padding-left:0px; color:#333; font-size:16px; font-size:1.6rem;}

.table table tr td strong:before{ display:none}



.homain{ padding-bottom:61px; padding-top:45px; background:#f6fbff;}

.homain:after{ content:""; clear:both; display:block;}

.homain .m1biao{ font-size:34px; font-size:3.4rem; line-height:40px;}

.holie{ width:25%; float:left; text-align:center; margin-top:40px;}

.holie .m1zi{ padding:0 10px; }



.holie:hover .m1tu{ background:#fff; box-shadow:0 0 10px 3px rgba(51,143,208,0.1); transform:rotateY(360deg)}

.holie:hover a,.m1a:hover,.m1biao:hover{color: #338fd0;}



.nemain{ padding-bottom:36px;}

.nemain .fenye{ padding-top:67px;}



@media screen and (max-width: 1219px) { 

	.zoomPad { cursor: default !important; }

	.zoomPup { display: none !important; }

	.zoomWindow { display: none !important; }

	.zoomPreload { display: none !important; }



.jianjie{ width:320px;}

.jianjie h1{ font-size:18px; font-size:1.8rem; line-height:24px; background:none; padding-bottom:10px;}

.jiann{ font-size:14px; font-size:1.4rem; line-height:24px; padding-top:21px; background:none; padding-bottom:0px; min-height:0px;}

.inno{ margin-top:20px;}

.inno a{ font-size:14px; font-size:1.4rem; min-width:100px; height:37px; line-height:35px;}

.inno a:first-child{ margin-right:20px;}

}

@media screen and (max-width:999px){

	.m-propic1 { display: none; }

	.m-propic2 { position: relative; display: block; overflow: hidden; width: 100%; padding-left: 30px; padding-right: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:none; }

	.m-propic2 .box-btn { position: absolute; top: 50%; margin-top: -12px; display: block; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }

	.m-propic2 .box-btn.prev { left: 0; }

	.m-propic2 .box-btn.next { right: 0;}

	.m-propic2 .box-list { overflow: hidden; }

	.m-propic2 .box-list ul { width: 1000%; }

	.m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 3.13%; } 





.prmain2{ padding-top:28px; padding-bottom:10px;}

.jianjie{ width:100%; float:none;}

.jiann{ margin-top:1px;}

.chanxbiao{ margin-top:16px;}

.prmain2{ padding-top:21px;}

.inno a{ min-width:100px; font-size:14px !important; font-size:1.4rem !important; padding:0 10px; margin-right:5px; float:left;}



.chanxbiaon{min-width:200px; line-height:30px; padding:5px 10px; font-size:18px; font-size:1.8rem;}

.chanxiang{ font-size:14px; font-size:1.4rem; line-height:24px; padding-top:17px;}

.chanxiang strong{ font-size:16px; font-size:1.6rem;}

.chanxiang strong:before{ top:5px;}

.table table tr td,.table table tr td strong{ font-size:14px; font-size:1.4rem;}



.prappn{ width:48%; margin:20px 1% !important;}

.prappfu{ display:none}

.table table tr td{ padding:10px; font-size:14px; font-size:1.4rem; text-align:left; color:#333;}

.prtag2{ padding:10px; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:20px;}



.homain{ padding-bottom:29px; padding-top:20px; margin-top:20px;}

.homain .m1biao{ font-size:18px; font-size:1.8rem; margin-top:0px;}

.homain .prlie{ width:23%; margin-top:20px !important; margin-bottom:0px !important;}



.nemain{ padding-bottom:20px;}

.nemain .fenye{ padding-top:45px;}

}

 @media only screen and (max-width:767px ) {

.table table tr td,.table table tr td strong{ padding:5px; font-size:12px; font-size:1.2rem; text-align:left; color:#333;}

.chanxbiaon{min-width:170px; font-size:18px; font-size:1.8rem;}

.chanxiang{ font-size:12px; font-size:1.2rem;}

.pr2lie{ margin-top:30px;}

.pr2tu{ float:none; width:100%; margin:auto; margin-bottom:20px;}

.holie{ margin-top:20px;}

.holie{ width:50%;}

.prtag{ margin-top:20px;}

.prtag span{ font-size:14px; font-size:1.4rem;}

.prtag a{ font-size:12px; font-size:1.2rem;}

 } 

 @media only screen and (max-width:500px ) {

.m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width:4.8%; } 

.homain .prlie{ width:48%; margin-top:20px !important; margin-bottom:0px !important;}

}

@media only screen and (max-width:350px ) {

  .m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width:9.8%; } 

}





/********************************************  news  ***********************************************/

.nemain{ padding-bottom:45px;}

.nemain .fenye{ padding-top:56px; text-align:center; margin:auto;}

.nemain .fenyen{ float:none; display:inline-block; margin:auto;}



.nen{ border-bottom:1px solid #dddddd;}

.nen:after{ content:""; clear:both; display:block;}

.nelie{ width:47%; position:relative; min-height:148px; margin-top:48px; margin-bottom:5px;}

.netu{ display:block; width:141px; position:absolute; left:0px; top:0px;}

.netu img{ width:100%;}

.nezi{ margin-left:166px;}

.nea{ display:block; font-size:18px; font-size:1.8rem; line-height:24px; font-family: OpenSans-Bold; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.nep a{ display:block; font-size:14px; font-size:1.4rem; line-height:28px; color: #666666; height:56px; overflow:hidden; margin-top:11px;}

.neriqi{ display:block; font-size:12px; font-size:1.2rem; color: #fd9941; line-height:24px; margin-top:7px;}

.nea:hover,.nep a:hover{ color:#338fd0;}



.net{ padding-bottom:20px;}

.net .nelie{ width:100%; min-height:406px; margin-top:41px;}

.net .netu{ width:480px;}

.net .nezi{ margin-left:528px; padding-top:42px;}

.net .nea{ font-size:22px; font-size:2.2rem; font-family: OpenSans-Bold;}

.net .neriqi{ margin-top:31px; color: #999999; font-size:14px; font-size:1.4rem;}

.net .nep a{ font-size:16px; font-size:1.6rem; line-height:30px; height:150px; margin-top:22px;}

.net .m1mor{color: #f96300; border-color:#f96300; margin-top:31px;}

.net .m1mor:hover{color: #fff; background:#f96300;}



@media screen and (max-width:999px) {

.nelie{ width:100%; float:none; margin-top:20px; min-height:118px; margin-bottom:0px;}

.nen{ border:none;}

.net{ padding-bottom:0px;}

.net .nelie{ width:100%; min-height:118px; margin-top:20px; margin-bottom:0px;}

.net .netu{ width:141px;}

.net .nezi{ margin-left:166px; padding-top:0px;}

.net .neriqi{ margin-top:8px;}

.net .nep a{ font-size:14px; font-size:1.4rem; line-height:28px; height:56px; margin-top:8px;}

.net .m1mor{ display:none}

.net .nea{ font-size:16px; font-size:1.6rem;}

}

@media screen and (max-width:767px) {

.nemain{ padding-bottom:15px;}

.nea{ font-size:14px !important; font-size:1.4rem !important; line-height:20px !important;}

.nep a{ font-size:12px !important; font-size:1.2rem !important; line-height:24px !important; height:48px !important; margin-top:5px !important;}

.neriqi{ font-size:12px !important; font-size:1.2rem !important; line-height:20px !important; margin-top:4px !important;}

.nelie{ min-height:110px !important;}

.netu{ width:130px !important;}

.nezi{ margin-left:140px !important;}

}



/**************************  news2  *****************************/

.nemain2{ padding-top:36px; padding-bottom:68px;}

.nemain2 h1{ font-size:24px; font-size:2.4rem; line-height:30px; text-align:center;}

.net2{ margin-top:31px; text-align:center;}

.neshijian{ display:inline-block; vertical-align:middle; font-size:14px; font-size:1.4rem; line-height:24px; color:#999999; margin-right:10px;}

.neshijian i{ color:#999999; padding-right:10px; font-size:14px; font-size:1.4rem;}

.net2 .share{ display:inline-block; margin:auto; vertical-align:middle;}

.net2 .share1{color: #999999; font-size:14px; font-size:1.4rem;}

.nexiang{ font-size:16px; font-size:1.6rem; line-height:30px; padding-top:36px;}

.nexiang p,.nexiang strong,.nexiang em{}

.nexiang img{ max-width:100%; display:inline;}

.nexiang a{ color:#ea5514;}

.pjmain2 h1{ font-size:30px; font-size:3rem;}



.fanpian{ border-top:1px solid #e3e3e3; margin-top:49px; font-size:14px; font-size:1.4rem; color:#666666; line-height:30px; padding-top:34px;}

.fanpian li{ color:#666666;}

.fanpian li a{ color:#666666;}

.fanpian li span{ color:#666666;}

.fanpian li i{ color:#338fd0; font-size:17px; margin-right:6px;}

.fanpian li a:hover{ color:#338fd0;}

@media screen and (max-width: 999px) {

.nemain2{ padding-top:26px; padding-bottom:23px;}

.nemain2 h1{ font-size:18px; font-size:1.8rem; line-height:28px;}

.net2{ margin-top:10px;}

.nexiang{ margin-top:13px; font-size:14px; font-size:1.4rem; line-height:24px; padding-top:10px;}

.fanpian{ margin-top:28px; font-size:14px; font-size:1.4rem; line-height:26px; padding:5px;}

.neshijian,.net .share1{ font-size:14px; font-size:1.4rem;}

.neshijian{ margin-right:20px;}

}

@media screen and (max-width: 767px) {

.nemain2 h1{ font-size:16px; font-size:1.6rem; line-height:24px;}

.nexiang{ margin-top:13px; font-size:12px; font-size:1.2rem; line-height:24px; padding-top:10px;}

.fanpian{ margin-top:28px; font-size:12px; font-size:1.2rem; line-height:26px; padding:5px;}

.neshijian,.net .share1{ font-size:12px; font-size:1.2rem;}

}



/**************************  pricing  *****************************/

.pcmain{ padding-bottom:115px; padding-top:41px;}

.pcmain:after{ content:""; clear:both; display:block;}

.pcmain .prr{ float:left;}

.pcmain .prl{ float:right;}



.pclc .prlclie{ min-height:110px;}

.pclc .prlctu{ width:110px;}

.pclc .prlczi{ margin-left:145px; padding-top:26px;}



.pcbiao1{ color: #338fd0; font-family: OpenSans-Bold; font-size:24px; font-size:2.4rem; line-height:30px;}

.pcxiang{ font-size:16px; font-size:1.6rem; line-height:30px;}

.pcxiang em{color: #338fd0; font-style:normal; font-size:18px; font-size:1.8rem;}

.pcxiang strong{font-family: OpenSans-Bold; font-weight:normal;color: #333; font-size:18px; font-size:1.8rem;}



.pcn1{}

.pcn1:after{ content:""; clear:both; display:block;}

.pclie{ width:32%; float:left; text-align:center; margin-left:2%; margin-top:38px;}

.pctu{}

.pctu img{ width:100%;}

.pczi{ font-size:16px; font-size:1.6rem; line-height:30px; margin-top:14px;}



.pcn2{ background:#f6fbff; padding:25px 34px; padding-bottom:30px; margin-top:42px;}

.pcn2 p{ font-size:16px; font-size:1.6rem; line-height:30px;}

.pcn2 a{ display:block; background:#338fd0; border-radius:26px; width:210px; height:52px; line-height:50px; border:1px solid #338fd0; padding:0 5px; text-align:center; color: #ffffff; font-family: OpenSans-Bold; font-size:16px; font-size:1.6rem; margin:auto; margin-top:36px;}

.pcn2 a:hover{ background:#fff; color:#338fd0;}



.pc2lie{ margin-top:51px;}

.pc2lie:after{ content:""; clear:both; display:block;}

.pc2tu{ max-width:290px; border-radius:12px;}

.pc2tu img{ max-width:100%; border-radius:12px; margin:auto;}

.pc2lie1 .pc2tu{ float:left; margin-right:47px;}

.pc2lie2 .pc2tu{ float:right; margin-left:47px;}



@media screen and (max-width: 999px) {

.pcmain{ padding-bottom:45px; padding-top:21px;}

.pcbiao1{ color: #338fd0; font-family: OpenSans-Bold; font-size:24px; font-size:2.4rem; line-height:30px;}

.pcxiang{ font-size:16px; font-size:1.6rem; line-height:30px;}

.pcxiang em{color: #338fd0; font-style:normal; font-size:18px; font-size:1.8rem;}



.pcbiao1{ font-size:20px; font-size:2rem; line-height:26px;}

.pcxiang{ font-size:14px; font-size:1.4rem; line-height:26px;}

.pcxiang em,.pcxiang strong{ font-size:16px; font-size:1.6rem;}

.pczi,.pcn2 p{ font-size:14px; font-size:1.4rem;}

.pcn2 a{ border-radius:20px; width:160px; height:40px; line-height:38px; font-size:14px; font-size:1.4rem; margin-top:20px;}



}

@media screen and (max-width: 767px) {

.pcbiao1{ font-size:18px; font-size:1.8rem; line-height:26px;}

.pcxiang{ font-size:12px; font-size:1.2rem; line-height:26px;}

.pcxiang em,.pcxiang strong{ font-size:14px; font-size:1.4rem;}



/*.pclie{ width:33.333%; padding:0 10px; margin-right:0%; margin-top:20px;}*/

.pczi,.pcn2 p{ font-size:12px; font-size:1.2rem;}

.pczi{ line-height:20px;}

.pcn2{ padding:20px 10px;}

.pcn2 a{ font-size:12px; font-size:1.2rem; margin-top:20px;}

}

@media screen and (max-width: 599px) {

.pclie {

    width: 100%;

    margin-left: 0%;}

.pc2tu{ width:100%; float:none !important; margin:auto !important; margin-bottom:20px !important;}

}



/**************************  about  *****************************/

.abmain1{ padding-top:58px; padding-bottom:49px;}

.abmain1:after{ content:""; clear:both; display:block;}

.abmain1 .m2r{ width:51%; float:right; margin:auto; margin-left:45px; padding-left: 6%; padding-right: 5.8%;}



.ab1biao{color: #338fd0; font-family: OpenSans-Bold; font-size:34px; font-size:3.4rem; line-height:40px; position:relative; padding-bottom:29px; margin-top:25px;}

.ab1biao:before{ content:""; position:absolute; width:80px; height:2px; background:#338fd0; left:0px; bottom:0px;}

.ab1p{ font-size:16px; font-size:1.6rem; line-height:30px; margin-top:40px;}

.ab1p p{}

.ab1p p strong{ font-weight:normal; color: #338fd0;}



@media screen and (max-width: 999px) {

.abmain1{ padding-top:28px; padding-bottom:30px;}

.ab1biao{ font-size:24px; font-size:2.4rem; line-height:30px; padding-bottom:15px; margin-top:5px;}

.ab1p{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:20px;}

}

@media screen and (max-width: 767px) {

.ab1biao{ font-size:20px; font-size:2rem;}

.abmain1 .m2r{ width:100%; float:none; margin:auto; margin-bottom:30px; padding-left: 11.4%; padding-right: 11%;}

.ab1p{ font-size:12px; font-size:1.2rem; line-height:24px; margin-top:20px;}

}



/*  main2  */

#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}

 #baguetteBox-overlay.visible{opacity:1}

 #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}

 #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}

 #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}

 

 #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}

 #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}

 #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}

 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}

 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}

 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}

 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;

 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}

 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}

 .baguetteBox-button#next-button{right:2%}

 .baguetteBox-button#previous-button{left:2%}

 .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}

 .baguetteBox-button svg{position:absolute;left:0;top:0}

 .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}

 .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}

 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}

 @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}

 @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}

 @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}

 @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}

 @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}

 @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}

 

.abmain2{ background:#e8f5fe; padding-top:46px; padding-bottom:84px;}

.ab2biao{ text-align:center; font-family: OpenSans-Bold; font-size:40px; font-size:4rem; line-height:50px; text-transform: uppercase;}



.box-btn { position: absolute; border: solid 2px #338fd0; top: 50%; margin-top: -23px; width:35px; height: 35px; color:#338fd0; line-height:31px; text-align:center; border-radius:50%; font-size:18px !important;}

.box-btn.prev { left: 0;}

.box-btn.next { right: 0;}

.box-btn:hover{ color:#fff; background:#338fd0;}



.c-oh { overflow: hidden; }

.box-lunbo { position: relative; margin-top: 55px; padding-left: 58px; padding-right: 58px; }

.box-lunbo1 { display: none \9; }

.box-lunbo1 .box-list { position: relative; height: 354px; overflow: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px; }

.box-lunbo1 .list-item { position: absolute; top: 0; width: 248px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.box-lunbo1 .list-item1 { z-index: 1; left: 0; -webkit-transform: rotateY(58deg) scale(0.9); -moz-transform: rotateY(58deg) scale(0.9); transform: rotateY(58deg) scale(0.9); }

.box-lunbo1 .list-item2 { z-index: 2; left: 200px; -webkit-transform: rotateY(45deg) scale(0.9); -moz-transform: rotateY(45deg) scale(0.9); transform: rotateY(31deg) scale(0.9); }

.box-lunbo1 .list-item3 { z-index: 3; left: 414px; margin: 0 auto; }

.box-lunbo1 .list-item4 { z-index: 2; left: 632px; -webkit-transform: rotateY(-45deg) scale(0.9); -moz-transform: rotateY(-45deg) scale(0.9); transform: rotateY(-31deg) scale(0.9); }

.box-lunbo1 .list-item5 { z-index: 1; left: 825px; -webkit-transform: rotateY(-58deg) scale(0.9); -moz-transform: rotateY(-58deg) scale(0.9); transform: rotateY(-58deg) scale(0.9); }

.box-lunbo1 .list-item6 { left: 100%; -webkit-transform: rotateY(-58deg) scale(0.9); -moz-transform: rotateY(-58deg) scale(0.9); transform: rotateY(-58deg) scale(0.9); }

.box-lunbo1 .list-item0 { left: -270px; }

.box-lunbo2 { display: none; display: block \9; }

.box-lunbo2 .box-list { width: 1000%; overflow: hidden; }

.box-lunbo2 .list-item { float: left; margin-right: .14%; width: 1.9%; }



.list-item a{ display:block; position:relative;}

.list-item a img{ width:100%; max-width:271px;}

.list-item a i{ display:block; position:absolute; background:#4880de; background:rgba(72,128,222,0.8); width:31px; height:31px; border-radius:50%; text-align:center; line-height:31px; color:#fff; font-size:14px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:0.5s; opacity:0;}

.list-item a:hover i{ opacity:1}



@media screen and (max-width: 1219px) { 

.abmain2{ background:#e8f5fe; padding-top:30px; padding-bottom:44px;}

.box-lunbo1 { display: none; }

  .box-lunbo2 { display: block; }

  .box-lunbo2 .list-item { width: 2.4%; }

  .box-lunbo { margin-top: 50px; padding: 0 50px; }

  .ab2biao{ font-size:30px; font-size:3rem; line-height:40px;}

.box-btn { margin-top: -15px; width:30px; height: 30px; line-height:26px; font-size:14px !important;}

 }

@media screen and (max-width: 999px) { 

.box-lunbo { margin-top: 30px;}

.box-btn { font-size:24px;}

.ab2biao{ font-size:24px; font-size:2.4rem; line-height:30px;}

}

@media screen and (max-width: 767px) { .box-lunbo { margin-top: 30px; padding: 0 35px; } 

.ab2biao{ font-size:22px; font-size:2.2rem; line-height:30px;}

}

@media screen and (max-width: 640px) { .box-lunbo2 .list-item { margin-right: .2%; width: 3.2%; } }

@media screen and (max-width: 480px) { .box-lunbo2 .list-item { margin-right: .2%; width: 4.9%; } }



/*  main3  */

.abmain3{ padding-top:66px; padding-bottom:80px;}

.img-scroll2 {position: relative; width: 100%; z-index:9; margin-top:40px;}

.img-scroll2 .prev, .img-scroll2 .next {position: absolute; border: solid 2px #338fd0; top: 50%; margin-top: -23px; width:35px; height: 35px; color:#338fd0; line-height:31px; text-align:center; border-radius:50%; font-size:18px !important; z-index:99; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s;}

.img-scroll2 .prev { left:0px; cursor: pointer; transform:rotateX(180deg)}

.img-scroll2 .next { right:0px; cursor: pointer;}

.img-scroll2 .prev:hover,.img-scroll2 .next:hover { color:#fff; background:#338fd0;}

.img-list2 {position: relative;overflow: hidden; z-index:90; margin-left:46px; margin-right:46px;}

.img-list2 ul {width: 10000%;}

.img-list2 li {float: left;display: inline;width:0.3224%; margin-right:0.0164%; position:relative; text-align:center;}



.ab3tu{ display:block; position:relative; overflow:hidden;}

.ab3tu img{ width:100%;}

.ab3fu{ position:absolute; width:100%; height:100%; left:0px; top:100%; background:#004490; background:rgba(0,68,144,0.7); transition:0.5s;}

.ab3fu i{ display:block; width:30px; line-height:30px; color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:24px;}

.ab3zi{ text-align:center; font-size:16px; font-size:1.6rem; background:#f2f2f2; line-height:32px; padding:10px;}

.img-list2 li:hover .ab3fu{ top:0px;}

@media screen and (max-width: 999px) { 

.abmain3{ padding-top:30px; padding-bottom:40px;}

.ab3zi{ font-size:14px; font-size:1.4rem; padding:5px; line-height:24px;}

.img-scroll2 .prev, .img-scroll2 .next { margin-top: -15px; width:30px; height: 30px; line-height:26px; font-size:14px !important;}

.img-list2 { margin-left:35px; margin-right:35px;}

.img-scroll2 { margin-top:20px;}

.ab3fu{ display:none}

}

@media screen and (max-width: 767px) { 

.img-list2 li { width:0.49%; margin-right:0.02%;}

.ab3zi{ font-size:12px; font-size:1.2rem;}

}

@media screen and (max-width: 399px) { 

.img-list2 li { width:1%; margin-right:0.02%;}

}



/*  main4  */

.abmain4{ background:#f6fbff; padding-top:52px; padding-bottom:90px;}

.ab4n{}

.ab4n:after{ content:""; clear:both; display:block;}

.ab4lie{ width:31.25%; float:left; margin-left:3.125%; margin-top:47px;}

@media screen and (max-width: 999px) { 

.abmain4{ padding-top:32px; padding-bottom:40px;}

.ab4lie{ width:48%; margin-left:1% !important; margin-right:1%; margin-top:27px;}

}

@media screen and (max-width: 599px) { 

.ab4lie{ width:100%; margin-left:0% !important; margin-right:0%; margin-top:27px;}

}



/***************************  free  ***************************/

.frmain{ padding-top:34px; padding-bottom:133px;}

.frmain:after{ content:""; clear:both; display:block;}

.frl{ width:63.6%; float:left;}

.frr{ width:32.5%; float:right;}



.frbiao{color: #338fd0; font-family: OpenSans-Bold; font-size:24px; font-size:2.4rem; line-height:30px;}

.frxiang{ font-size:16px; font-size:1.6rem; line-height:30px; margin-top:17px;}

.frtu{ padding-top:20px; padding-bottom:50px;}

.frtu:after{ content:""; clear:both; display:block;}

.frtu p{ display:block; width:23%; float:left; margin-left:2.66%; margin-top:15px;}

.frtu p img{ width:100%;}



.frln{ background:#f6fbff; padding:27px 37px; font-size:16px; font-size:1.6rem; line-height:30px; color: #338fd0; margin-top:32px;}

.frln p{color: #338fd0;}



.frrbiao{ font-size:22px; font-size:2.2rem; color: #ffffff; line-height:35px; padding:5px; text-align:center; background:#338fd0;}

.frr form{ background:#f6fbff; padding:11px 19px; padding-bottom:34px;}

.frr .int1{ width:47%; margin-bottom:10px;}

.frp{ font-size:14px; font-size:1.4rem; color: #666666; line-height:24px;}

.frp i{color: #ff0000;}

.frr .int1 input{ width:100%; height: 38px; line-height:38px; background-color: #ffffff;	border-radius: 4px;	border: solid 1px #d9dee2; padding:0 5px; font-size:14px; font-size:1.4rem; color: #999999;}

.frr .int1 select{ width:100%; height: 38px; line-height:38px; background-color: #ffffff;	border-radius: 4px;	border: solid 1px #d9dee2; padding:0 5px; font-size:14px; font-size:1.4rem; color: #999999; cursor:pointer;}

.frr .int2{ margin-bottom:10px;}

.frr .int2 select{ width:100%; height: 38px; line-height:38px; background-color: #ffffff;	border-radius: 4px;	border: solid 1px #d9dee2; padding:0 5px; font-size:14px; font-size:1.4rem; color: #999999; cursor:pointer;}

.frr .int3{ margin-bottom:10px; margin-top:10px;}

.frr .int3 input{ display:inline-block; vertical-align:middle; width:100px; height: 38px; line-height:38px; background-color: #ffffff;	border-radius: 4px;	border: solid 1px #d9dee2; padding:0 5px; font-size:14px; font-size:1.4rem; color: #999999;}

.frr .int3 .frp{ display:inline-block; vertical-align:middle;}

.inputfile{ display:none}

.frr .int4{ margin-bottom:10px;}

.frr .int5{ width:100%; height: 38px; background-color: #ffffff; border-radius: 4px; border: solid 1px #d9dee2; font-size:14px; font-size:1.4rem; color: #999999;}

.frr .int5 .frimg{ width:60%; height: 36px; background-color: #ffffff; border-radius: 4px; border:none; padding:0 5px; font-size:14px; font-size:1.4rem; color: #999999;}

.frr .btn-success{ display:block; float:right; width:116px; height:36px; background:#eeeeee; text-align:center; line-height:36px; font-size:14px; font-size:1.4rem; color: #999999; cursor:pointer;}

.frr .int2 textarea{ width:100%; height: 106px; line-height:28px; background-color: #ffffff;	border-radius: 4px;	border: solid 1px #d9dee2; padding:0 5px; font-size:14px; font-size:1.4rem; color: #999999;}

.frr .int6{ width:100%; background:#338fd0; border:1px solid #338fd0; border-radius:4px; text-align:center; font-size:18px; font-size:1.8rem; color: #ffffff; font-family: OpenSans-Bold; height:40px; cursor:pointer; margin-top:15px; transition:0.5s;}

.frr .int6:hover{ background:#fff; color:#338fd0;}

@media screen and (max-width: 1219px) { 

.frl{ width:61%; float:left;}

.frr{ width:35%; float:right;}

}

@media screen and (max-width: 999px) { 

.frmain{ padding-top:20px; padding-bottom:33px;}

.frbiao{ font-size:20px; font-size:2rem; line-height:30px;}

.frxiang{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:10px;}

.frln{ padding:20px 10px; font-size:14px; font-size:1.4rem; line-height:26px;}

.frr .int1,.frr .int3{ width:100%; margin-bottom:10px;}

.frr .int5{ border:none; height:auto; background:none}

.frr .int5 .frimg{ width:100%; border: solid 1px #d9dee2; }

.frr .btn-success{ float:none; margin-top:10px;}

}

@media screen and (max-width: 767px) { 

.frl{ width:100%; float:none;}

.frr{ width:100%; float:none; margin-top:20px;}

.frbiao{ font-size:18px; font-size:1.8rem; line-height:26px;}

.frxiang{ font-size:12px; font-size:1.2rem; line-height:24px; margin-top:10px;}

.frln{ padding:20px 10px; font-size:12px; font-size:1.2rem; line-height:24px;}

.frp{ font-size:12px; font-size:1.2rem;}

.frrbiao{ font-size:18px; font-size:1.8rem;}

.frr .int6{ font-size:14px; font-size:1.4rem;}

}



/***************************  contact  ***************************/

.comain{ padding-top:33px;}

.cobiao{ text-align:center; color: #338fd0; font-family: OpenSans-Bold; font-size:24px; font-size:2.4rem; line-height:32px;}

.cop{ font-size:20px; font-size:2rem; line-height:30px; color: #333; text-align:center; max-width:896px; margin:auto; margin-top:18px;}

.con{ background:#f8f8f8; margin-top:29px; padding:35px 47px;}

.coa{ text-align:center; font-family: OpenSans-Bold; font-size:28px; font-size:2.8rem; line-height:34px;}



.con form{ padding-top:20px;}

.con form:after{ content:""; clear:both; display:block;}

.con .int1{ width:49%; padding-left:14px; margin-top:22px;}

.con .int1 input{ width:100%; background:#ffffff; line-height:54px; padding:0 16px; height:54px; background:#fff; font-size:14px; font-size:1.4rem; color: #666666;}

.con .int2{ padding-left:14px; margin-top:22px;}

.con .int2 textarea{ width:100%; background:#ffffff; line-height:24px; padding:16px; height:128px; background:#fff; font-size:14px; font-size:1.4rem; color: #666666;}

.con .int3{ width:300px; padding-left:14px; margin-top:22px; float:left; margin-right:22px;}

.con .int3 input{ width:100%; background:#ffffff; line-height:54px; padding:0 16px; height:54px; background:#fff; font-size:14px; font-size:1.4rem; color: #666666;}

.con .yanzheng{ float:left; width:270px; height:54px; margin-left:14px; margin-top:22px; cursor:pointer;}

.con .int4{ width:422px; height:54px; background:#338fd0; border:1px solid #338fd0; float:right; margin-top:22px; font-size:18px; font-size:1.8rem; color: #ffffff; cursor:pointer; transition:0.5s;}

.con .xing{ background:url(../images/xing.png) no-repeat left 24px;}

.con .int4:hover{ background:#fff; color:#338fd0;}



.comain2{ padding-top:66px; padding-bottom:111px;}

.comain2:after{ content:""; clear:both; display:block;}

.co2l{ background:#f8f8f8; min-height:437px; width:47%; float:left; padding:10px 50px;}

.ditu{ width:45.8%; float:right;}

.ditu img{ width:100%;}

.colie{ position:relative; margin-top:50px; padding-bottom:12px;}

.colie i{ display:block; position:absolute; left:0px; top:50%; margin-top:-15px; color:#338fd0; font-size:30px; line-height:30px;}

.colien{ padding-left:39px;}

.cop1{color: #338fd0; font-size:22px; font-size:2.2rem; line-height:30px;}

.cop2{ color: #666666; font-size:18px; font-size:1.8rem; line-height:30px;}

.cop2 a{color: #666666;}

.cop2 a:hover{color: #338fd0;}

@media screen and (max-width: 1219px) { 

.con .int4{ width:222px;}

.co2l{ min-height:360px;}

.colie{ margin-top:30px; padding-bottom:0px;}

}

@media screen and (max-width: 999px) { 

.cobiao{ font-size:20px; font-size:2rem; line-height:28px;}

.cop{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:10px;}

.con{ margin-top:29px; padding:20px 10px;}

.coa{ font-size:18px; font-size:1.8rem; line-height:24px;}

.con .int4{ font-size:14px; font-size:1.4rem; width:140px; float:left; margin-left:14px;}

.con .int3{ width:100%;}



.comain2{ padding-top:30px; padding-bottom:30px;}

.co2l{ background:none; padding:0; min-height:0px;}

.cop1{ font-size:16px; font-size:1.6rem; line-height:30px;}

.cop2{ font-size:14px; font-size:1.4rem; line-height:30px;}

.colie{ margin-top:0px; padding-bottom:20px;}

.colie i{ top:4px; font-size:20px;}

}

@media screen and (max-width: 529px) {

.con .int1{ width:100%;}

.con .int4{ width:95%;}

.co2l,.ditu{ width:100%;}

}



@font-face {

  font-family: OpenSans-Light;

  src: url("../fonts/Open Sans Light.woff2") format("woff2"),

       url("../fonts/Open Sans Light.woff") format("woff"),

       url("../fonts/Open Sans Light.ttf") format("truetype"),

       url("../fonts/Open Sans Light.eot") format("embedded-opentype"),

       url("../fonts/Open Sans Light.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: OpenSans-Bold;

  src: url("../fonts/OpenSans-Bold.woff2") format("woff2"),

       url("../fonts/OpenSans-Bold.woff") format("woff"),

       url("../fonts/OpenSans-Bold.ttf") format("truetype"),

       url("../fonts/OpenSans-Bold.eot") format("embedded-opentype"),

       url("../fonts/OpenSans-Bold.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: "opensans";

  src: url("../fonts/opensans.woff2") format("woff2"),

       url("../fonts/opensans.woff") format("woff"),

       url("../fonts/opensans.ttf") format("truetype"),

       url("../fonts/opensans.eot") format("embedded-opentype"),

       url("../fonts/opensans.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}

@font-face {font-family: "iconfont";

  src: url('../fonts/iconfont.eot?t=1604892910099'); /* IE9 */

  src: url('../fonts/iconfont.eot?t=1604892910099#iefix') format('embedded-opentype'), /* IE6-IE8 */

  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),

  url('../fonts/iconfont.woff?t=1604892910099') format('woff'),

  url('../fonts/iconfont.ttf?t=1604892910099') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */

  url('../fonts/iconfont.svg?t=1604892910099#iconfont') format('svg'); /* iOS 4.1- */

}



.iconfont {

  font-family: "iconfont" !important;

  font-size: 16px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.icon-left2:before {

  content: "\e710";

}



.icon-right2:before {

  content: "\e711";

}



.icon-tuxing-copy:before {

  content: "\e8ac";

}



.icon-up7:before {

  content: "\e722";

}



.icon-bottom7:before {

  content: "\e723";

}



.icon-left7:before {

  content: "\e724";

}



.icon-right7:before {

  content: "\e725";

}



.icon-search2:before {

  content: "\e7b0";

}



.icon-home:before {

  content: "\e624";

}



.icon-edit:before {

  content: "\e611";

}



.icon-facebook:before {

  content: "\e620";

}



.icon-vk:before {

  content: "\e735";

}



.icon-pinterest:before {

  content: "\e8ab";

}



.icon-jian2:before {

  content: "\e600";

}



.icon-linkedin:before {

  content: "\e648";

}



.icon-youtube:before {

  content: "\e6d6";

}



.icon-twitter:before {

  content: "\e607";

}



.icon-jia2:before {

  content: "\e608";

}



.icon-bigger:before {

  content: "\e647";

}



.icon-left:before {

  content: "\e72c";

}



.icon-right:before {

  content: "\e72d";

}



.icon-up1:before {

  content: "\e72e";

}



.icon-bottom1:before {

  content: "\e72f";

}



.icon-left1:before {

  content: "\e730";

}



.icon-right1:before {

  content: "\e731";

}



.icon-up:before {

  content: "\e73e";

}



.icon-bottom:before {

  content: "\e73f";

}



.icon-instagram:before {

  content: "\e79d";

}



.icon-tumblr:before {

  content: "\e79e";

}



.icon-download:before {

  content: "\e7a0";

}



.icon-download1:before {

  content: "\e7a7";

}



.icon-search4:before {

  content: "\e7b2";

}



.icon-address:before {

  content: "\e7bc";

}



.icon-email:before {

  content: "\e7bd";

}



.icon-contact:before {

  content: "\e7be";

}



.icon-whatsapp:before {

  content: "\e7bf";

}



.icon-fax:before {

  content: "\e7c2";

}



.icon-mobile:before {

  content: "\e7c6";

}



.icon-phone:before {

  content: "\e7c8";

}



.icon-tel:before {

  content: "\e7c7";

}



.icon-phone1:before {

  content: "\e7cb";

}



.icon-skype:before {

  content: "\e7cc";

}



.icon-whatsapp1:before {

  content: "\e7c1";

}



.icon-address1:before {

  content: "\e7c3";

}



.icon-contact1:before {

  content: "\e7c4";

}



.icon-email1:before {

  content: "\e7c5";

}



.icon-skype1:before {

  content: "\e7c9";

}



.icon-fax1:before {

  content: "\e7ca";

}



.icon-qq:before {

  content: "\e7ce";

}



.icon-tel1:before {

  content: "\e7cd";

}



.icon-wechat:before {

  content: "\e7cf";

}



.icon-phone2:before {

  content: "\e7d0";

}



.icon-message:before {

  content: "\e7da";

}



.icon-calendar:before {

  content: "\e7e1";

}



.icon-calendar1:before {

  content: "\e7e3";

}



.icon-top:before {

  content: "\e7ed";

}



.icon-youbian:before {

  content: "\e60f";

}



.icon-biaoqian:before {

  content: "\e63d";

}



.icon-tuxing:before {

  content: "\e61f";

}















.listcart{ width:100%; margin-top:40px;margin-bottom: 40px;}

.listcart a{ background:#fff;display:inline-block;height: 30px; width:200px; line-height: 30px;cursor: pointer;border: none;overflow: hidden;color: #338fd0;cursor: pointer;  border:1px solid #338fd0; padding-left:10px; padding-right:10px; text-align:center; font-size:14px; font-size:1.4rem; margin-left:10px;}

.listcart a:hover{  border:#338fd0 solid 1px; background:#338fd0; color:#fff!important;}

@media screen and (max-width:999px){

.listcart a{margin-left:2.5%; margin-right:2.5%; padding-left:0px; padding-right:0px }

.listcart{ width:100%;

}

}

@media screen and (max-width:420px){

.listcart a{ width:95% !important ; float:none; overflow:hidden; margin-bottom:1rem; margin-top:1rem}

}

.at-resp-share-element .at4-share-count-container {

    text-decoration: none;

    float: right;

    padding-right: 15px;

    font-size: 9pt;

    position: relative;

    top: -4px;

    height: 24px;

}

.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}

.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}

.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}

.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}

.at-resp-share-element .at-icon{width: 24px!important;height: 24px!important;}

.at-style-responsive .at-share-btn{padding: 0!important; border-radius: 2px!important;}

.at-resp-share-element .at-share-btn .at-icon-wrapper{width: 24px!important;height: 24px!important;}

.at-resp-share-element .at-share-btn{margin-bottom: 0!important;margin-right: 3px!important;}

.ppp{line-height: 30px;margin-bottom: 20px;margin-top: 20px; font-size: 14px; font-size: 1.4rem;}

.xunpanc table tr td a:hover{color: #338fd0;}



.m1tu img{ transition:0.5s;}

.m1tu2{ position:absolute; left:0px; top:0px; opacity:0;}

.img-list li:hover .m1tu1{ opacity:0}

.img-list li:hover .m1tu2{ opacity:1}



.pfree{text-align: center;}

.pfree p{color: #338fd0; font-size: 20px; font-size: 2rem; margin-top:30px;}

.cbtn{ background-color: #FB8116; color: #fff !important; padding: 5px 53px; margin-top: 5px; display: inline-block; border: 1px solid #FB8116;}

.cbtn:hover{background-color: #fff; color: #FB8116 !important;}

/*shouyexinjia*/

.m2b{ font-size:0px; padding-top:35px;}

.m2b:after{ content:""; clear:both; display:block;}

.m2blie{ width:20%; text-align:center; display:inline-block; vertical-align:top; padding:0 5px; margin-top:20px;}

.m2tu{ display:block; width:110px; margin:auto;}

.m2tu img{ width:100%;}

.m2zi{}

.m2ba{ display:block; font-size:18px; font-size:1.8rem; line-height:26px; margin:10px 0; font-family: OpenSans-Bold;}

.m2bp a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px;}



@media screen and (max-width: 1219px) { 

.m2blie{ width:33.333%;}

}

@media screen and (max-width: 999px) { 

.m2ba{ font-size:16px; font-size:1.6rem; line-height:24px;}

}

@media screen and (max-width: 767px) { 

.m2b{ padding-top:15px;}

.m2blie{ width:50%;}

.m2ba{ font-size:14px; font-size:1.4rem; line-height:24px;}

.m2bp a{ font-size:12px; font-size:1.2rem; line-height:22px;}

}

@media screen and (max-width: 399px) { 

.m2blie{ width:100%; margin-top:10px;}

}

/*banner*/

.banner-img{ width:100%;}

.banner2{}



.bann1{ position:relative;}

.bann2{ display:none}

.batu1{ width:48.38%; position:absolute; left:4.8%; top:9.2%;}

.batu1 img{ width:100%;}

.bazi1{border: solid 4px #ffffff; width:37.96%; position:absolute; right:6%; top:40%; transform:translateY(-40%); padding:30px; padding-bottom:50px; text-align:center;}

.ba1p1{ font-size:42px; font-size:4.2rem; color: #ffffff; font-family: OpenSans-Bold; line-height:56px; position:relative; padding-bottom:30px;}

.ba1p1:before{ content:""; position:absolute; width:100%; height:1px; background:#ffffff; left:0%; bottom:0px;}

.ba1p2{ display:inline-block; border: solid 2px #ffffff; line-height:65px; padding:0 20px; color: #fffefe; font-family: OpenSans-Bold; font-size:42px; font-size:4.2rem; margin-top:34px;}



.batu2{ width:38%; position:absolute; right:10.5%; top:3%;}

.batu2 img{ width:100%;}

.bazi2{ width:36%; position:absolute; left:12%; top:50%; transform:translateY(-50%); /*border: solid 10px #ffffff;*/ border-right:none; padding:45px 11px;}

.ba2p1{color: #ffffff; font-family: OpenSans-Bold; font-size:42px; font-size:4.2rem; line-height:56px;} 

.ba2p2{ text-align:center;}

.ba2p2:after{ content:""; clear:both; display:block;}

.ba2p2 p{width:100%; font-size:28px; font-size:2.8rem;text-align: left; color: #ffffff; font-family: OpenSans-Bold; line-height:40px;  display:inline-block; margin-right:0; margin-top:12px;}



.batu3{ width:45.93%; position:absolute; right:6.6%; top:10%;}

.batu3 img{ width:100%;}

.bazi3{ width:34.89%; position:absolute; left:11.45%; top:50%; transform:translateY(-40%);}

.ba3p1{color: #ffffff; font-family: OpenSans-Bold; font-size:74px; font-size:4.5rem; line-height:80px;} 

.ba3p2{ margin-top:50px;}

.ba3p2 p{ font-size:32px; font-size:3.2rem; color: #ffffff; font-family: OpenSans-Bold; line-height:40px; margin-top:12px; position:relative; padding-left:28px;}

.ba3p2 p:before{ content:""; position:absolute; width:11px; height:11px; background:#ffffff; border-radius:50%; left:0px; top:16px;}



.batu4{ width:44.84%; position:absolute; left:5.4%; top:5.2%;}

.batu4 img{ width:100%;}

.bazi4{ width:39%; position:absolute; right:8%; top:50%; transform:translateY(-50%); text-align:center;}

.ba4p1{color: #ffffff; font-family: OpenSans-Bold; font-size:56px; font-size:5.6rem; line-height:70px;} 

.ba4p2{color: #ffffff; font-family: OpenSans-Bold; font-size:46px; font-size:4.6rem; line-height:61px; padding:10px 40px; display:inline-block; background:#338fd0; margin-top:30px;} 

.ba4p3{color: #ffffff; font-family: OpenSans-Bold; font-size:24px; font-size:2.4rem; line-height:37px; margin-top:40px;} 



.batu5{ width:47.5%; position:absolute; left:6.19%; top:13.7%;}

.batu5 img{ width:100%;}

.bazi5{ width:36.7%; position:absolute; right:4.6%; top:50%; transform:translateY(-50%);}

.ba5p1{color: #ffffff; font-family: OpenSans-Bold; font-size:58px; font-size:5.8rem; line-height:70px; padding-top:48px; position:relative;}

.ba5p1:before{ content:""; position:absolute; width:94px; height:4px; background:#ffffff; left:0px; top:0px;} 

.ba5p2{color: #ffffff; font-family: OpenSans-Bold; font-size:36px; font-size:3.6rem; line-height:45px; margin-top:20px;} 

.ba5p3{color: #ffffff; font-family: OpenSans-Bold; font-size:20px; font-size:2rem; line-height:38px; margin-top:40px;} 



@media screen and (max-width:1799px) {

.ba2p1{ font-size:26px; font-size:2.6rem; line-height:46px;} 

.ba2p2 p{ width:100%; font-size:20px; font-size:2rem; line-height:30px; margin-right:0; margin-top:6px;text-align: left;}



.bazi3{ transform:translateY(-50%);}

.ba3p1{ font-size:54px; font-size:3.5rem; line-height:60px;} 

.ba3p2{ margin-top:30px;}

.ba3p2 p{ font-size:22px; font-size:2.2rem; line-height:30px; margin-top:10px; position:relative; padding-left:28px;}



.ba4p1{ font-size:46px; font-size:4.6rem; line-height:50px;} 

.ba4p2{ font-size:30px; font-size:3rem; line-height:36px; padding:5px 20px; margin-top:10px;} 

.ba4p3{ font-size:20px; font-size:2rem; line-height:28px; margin-top:20px;} 

}

@media screen and (max-width:1599px) {

.ba1p1{ font-size:36px; font-size:3.6rem; line-height:46px; padding-bottom:20px;}

.ba1p2{ line-height:45px; padding:0 15px; font-size:32px; font-size:3.2rem; margin-top:24px;}

.bazi1{ transform:translateY(-50%);}



.ba5p1{ font-size:48px; font-size:4.8rem; line-height:60px; padding-top:20px; position:relative;}

.ba5p2{ font-size:26px; font-size:2.6rem; line-height:35px; margin-top:10px;} 

.ba5p3{ font-size:16px; font-size:1.6rem; line-height:28px; margin-top:20px;} 

}

@media screen and (max-width:1219px) {

.ba1p1{ font-size:26px; font-size:2.6rem; line-height:36px; padding-bottom:15px;}

.ba1p2{ line-height:35px; padding:0 15px; font-size:22px; font-size:2.2rem; margin-top:14px;}

.bazi1{ transform:translateY(-50%);}



.bazi2{ padding:20px; width:45%; left:5%;}

.ba2p1{ font-size:24px; font-size:2.4rem; line-height:36px;} 

.ba2p2 p{ font-size:18px; font-size:1.8rem; line-height:26px; margin-right:0; margin-top:6px;text-align: left;}



.bazi3{ width:40%; left:3%;}

.ba3p1{ font-size:34px; font-size:3.4rem; line-height:40px;} 

.ba3p2{ margin-top:20px;}

.ba3p2 p{ font-size:18px; font-size:1.8rem; line-height:26px; margin-top:10px; position:relative; padding-left:28px;}



.ba4p1{ font-size:36px; font-size:3.6rem; line-height:40px;} 

.ba4p2{ font-size:20px; font-size:2rem; line-height:26px; padding:5px 20px; margin-top:10px;} 

.ba4p3{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:20px;} 



.ba5p1{ font-size:38px; font-size:3.8rem; line-height:50px; padding-top:20px; position:relative;}

.ba5p2{ font-size:22px; font-size:2.2rem; line-height:30px; margin-top:10px;} 

}

@media screen and (max-width:999px) {

.bann1{ display:none}

.bann2{ display:block}

}



.slide { position: relative;}

.slide .carouse { width: 100%; overflow: hidden; position: relative; }

.slide .carouse .slideItem { width: 100%; position: absolute; cursor: pointer; }

.slide .carouse .slideItem .banner-img { width: 100%; }

.slide .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }

.slide .dotList { position: absolute; width: 100%; bottom: 20px; text-align: center; }

.slide .dotList ul li { display: inline-block; width: 14px; height: 14px; background:#fff; margin: 0 8px; cursor: pointer; }

.slide .dotList ul li.active { background:#ffc523; width: 16px;}

.slide .carousel-control { position: absolute; top: 50%; height: 32px; width: 46px; z-index: 999; margin-top: -16px;}

.slide .carousel-control.left { left: 70px; background:url(../images/baleft.png) no-repeat center; background-repeat: no-repeat; cursor: pointer; }

.slide .carousel-control.right { right: 70px; background:url(../images/baright.png) no-repeat center; background-repeat: no-repeat; cursor: pointer; }

.slide .carousel-control.left:hover { background:url(../images/balefth.png) no-repeat center; background-repeat: no-repeat; cursor: pointer; }

.slide .carousel-control.right:hover { background:url(../images/barighth.png) no-repeat center; background-repeat: no-repeat; cursor: pointer; }



.slide .dotList ul li{cursor: pointer; background:url(../img/dot1.png) no-repeat center center; font-size: 0px; margin-left: 4.5px;margin-right: 4.5px; border: none;outline: none;width: 16px;height: 16px;}

.slide .dotList ul li.active{background:url(../img/dot2.png) no-repeat center center;}

.slide .slidedetail { display: none; }



@media screen and (max-width: 767px) { 

.slide .carousel-control { height: 32px; width: 26px; z-index: 999; margin-top: -16px; background-size:100% !important}

.slide .carousel-control.left { left: 10px; background:url(../images/baleft.png) no-repeat center; background-repeat: no-repeat; cursor: pointer;}

.slide .carousel-control.right { right: 10px; background:url(../images/baright.png) no-repeat center; background-repeat: no-repeat; cursor: pointer; }

}



/*.banner1 .slideItem{cursor: pointer;}*/

.ba1p2 a{color: #fff;}

.ba1p2 a:hover{color: #338fd0;}





.ba1p2py{ font-size:30px; font-size:3.5rem;}



@media screen and (max-width:1799px) {

	.ba1p2py{ font-size:24px; font-size:2.4rem;}

	}

	
	
	
	
	
.daohang .sbnav-list { position: absolute; display: none; -moz-box-sizing: border-box; box-sizing: border-box; }

.daohang .sbnav-wp { -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f3f3f4; }

.daohang .sbnav-list1 { top: 100%; left: 0; width: 253px; }

.daohang .sbnav-list2 { top: 0; left: 100%; width: 253px; }

.daohang .sbnav-item a { display: block; padding: 4px 18px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #333; }

.daohang .sbnav-item a:hover { color: #fff; background-color: #338fd0; }

.daohang .sbnav-item a.active { color: #fff; background-color: #338fd0; }
.daohang .sbnav-item1{ position: relative; }

.sycommon{ display:block; margin:0 auto; /*margin-top:40px;*/ margin-bottom:40px; max-width:100%;}



.contentbtn{
    /*margin: 10px auto;*/
    padding: 0 40px;
    height: 41px;
    line-height: 39px;
    background: #338fd0;
    color: #fff !important;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block;
    /*display: block;*/
    /*width: max-content;*/
     border: solid 1px #fff;
      cursor: pointer;
    }
    .contentbtn:hover {
     border: solid 1px #338fd0;
     color: #338fd0 !important;background: #fff;
}


.baguetteBoxOne a.fangdajing{ display: block;
    overflow: hidden;position:relative;
	line-height:0;
	font-size:0;
	/*text-align:center;*/ cursor: zoom-in;}
	.baguetteBoxOne a.fangdajing:hover img{ transform: scale(1, 1);}
	.baguetteBoxOne a.fangdajing:hover:after{
	    
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	width:0;
	height:0;
	border-left:14px solid #fff;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	z-index:3;
	margin-left:1px;
	content: "";
	display: block;
	position: absolute;
	/* right: -25px; */
	/* bottom: -10px; */
	margin-top: 10px;
	margin-left: 8px;
	border-width: 0;
	background: #e60012;
	width: 11px;
	height: 5px;
	transform: rotate(45deg);
	z-index: 999999999999999;
		display:none;
}
.baguetteBoxOne a:hover:before {
    
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    background: none;
    border-radius: 50%;
    z-index: 2;
    font-size: 14px;
    display: inline-block;
    width: 20px;
    box-sizing: content-box;
    height: 20px;
    border: 4px solid #e60012;
    position: absolute;
    border-radius: 50%;
	display:none;
}
.titlehidden{ cursor: pointer; display: flex;
        align-items: center;
        justify-content: space-between;border-bottom: #333 solid 1px;
    padding-bottom: 20px; }
        .titlehidden .iconfont{ color:#333; cursor: pointer; font-size: 20px;
    transform: rotate(90deg);}
   .baguetteBoxOne .downshow{
        display: none;
    }