
.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}
img{
    height: auto !important;
}
.owl-height {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out
}

.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	z-index: 1
}

.owl-carousel .owl-wrapper {
	position: relative;
	-ms-touch-action: pan-Y
}

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel .owl-wrapper-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0px,0,0)
}

.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-loaded {
	display: block
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}

.owl-carousel.owl-hidden {
	opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
	display: none
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	-webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto
}

.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab
}

.owl-carousel.owl-rtl {
	direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
	float: right
}

.no-js .owl-carousel {
	display: block
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
	transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(../img/owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: scale 100ms ease;
	-moz-transition: scale 100ms ease;
	-ms-transition: scale 100ms ease;
	-o-transition: scale 100ms ease;
	transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transition: scale(1.3,1.3);
	-moz-transition: scale(1.3,1.3);
	-ms-transition: scale(1.3,1.3);
	-o-transition: scale(1.3,1.3);
	transition: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1
}



/**
 *               ii.                                         ;9ABH,          
 *              SA391,                                    .r9GG35&G          
 *              &#ii13Gh;                               i3X31i;:,rB1         
 *              iMs,:,i5895,                         .5G91:,:;:s1:8A         
 *               33::::,,;5G5,                     ,58Si,,:::,sHX;iH1        
 *                Sr.,:;rs13BBX35hh11511h5Shhh5S3GAXS:.,,::,,1AG3i,GG        
 *                .G51S511sr;;iiiishS8G89Shsrrsh59S;.,,,,,..5A85Si,h8        
 *               :SB9s:,............................,,,.,,,SASh53h,1G.       
 *            .r18S;..,,,,,,,,,,,,,,,,,,,,,,,,,,,,,....,,.1H315199,rX,       
 *          ;S89s,..,,,,,,,,,,,,,,,,,,,,,,,....,,.......,,,;r1ShS8,;Xi       
 *        i55s:.........,,,,,,,,,,,,,,,,.,,,......,.....,,....r9&5.:X1       
 *       59;.....,.     .,,,,,,,,,,,...        .............,..:1;.:&s       
 *      s8,..;53S5S3s.   .,,,,,,,.,..      i15S5h1:.........,,,..,,:99       
 *      93.:39s:rSGB@A;  ..,,,,.....    .SG3hhh9G&BGi..,,,,,,,,,,,,.,83      
 *      G5.G8  9#@@@@@X. .,,,,,,.....  iA9,.S&B###@@Mr...,,,,,,,,..,.;Xh     
 *      Gs.X8 S@@@@@@@B:..,,,,,,,,,,. rA1 ,A@@@@@@@@@H:........,,,,,,.iX:    
 *     ;9. ,8A#@@@@@@#5,.,,,,,,,,,... 9A. 8@@@@@@@@@@M;    ....,,,,,,,,S8    
 *     X3    iS8XAHH8s.,,,,,,,,,,...,..58hH@@@@@@@@@Hs       ...,,,,,,,:Gs   
 *    r8,        ,,,...,,,,,,,,,,.....  ,h8XABMMHX3r.          .,,,,,,,.rX:  
 *   :9, .    .:,..,:;;;::,.,,,,,..          .,,.               ..,,,,,,.59  
 *  .Si      ,:.i8HBMMMMMB&5,....                    .            .,,,,,.sMr 
 *  SS       :: h@@@@@@@@@@#; .                     ...  .         ..,,,,iM5 
 *  91  .    ;:.,1&@@@@@@MXs.                            .          .,,:,:&S 
 *  hS ....  .:;,,,i3MMS1;..,..... .  .     ...                     ..,:,.99 
 *  ,8; ..... .,:,..,8Ms:;,,,...                                     .,::.83 
 *   s&: ....  .sS553B@@HX3s;,.    .,;13h.                            .:::&1 
 *    SXr  .  ...;s3G99XA&X88Shss11155hi.                             ,;:h&, 
 *     iH8:  . ..   ,;iiii;,::,,,,,.                                 .;irHA  
 *      ,8X5;   .     .......                                       ,;iihS8Gi
 *         1831,                                                 .,;irrrrrs&@
 *           ;5A8r.                                            .:;iiiiirrss1H
 *             :X@H3s.......                                .,:;iii;iiiiirsrh
 *              r#h:;,...,,.. .,,:;;;;;:::,...              .:;;;;;;iiiirrss1
 *             ,M8 ..,....,.....,,::::::,,...         .     .,;;;iiiiiirss11h
 *             8B;.,,,,,,,.,.....          .           ..   .:;;;;iirrsss111h
 *            i@5,:::,,,,,,,,.... .                   . .:::;;;;;irrrss111111
 *            9Bi,:,,,,......                        ..r91;;;;;iirrsss1ss1111
 */


/* 
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 0;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-'] {
  color: white;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: white;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}


@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1545115527187'); /* IE9*/
  src: url('iconfont.eot?t=1545115527187#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('iconfont.ttf?t=1545115527187') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1545115527187#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-arrow:before { content: "\e670"; }

.icon-instagram:before { content: "\e6ec"; }

.icon-pinterest:before { content: "\e74e"; }

.icon-youtubeplay:before { content: "\ebc6"; }

.icon-facebook:before { content: "\e6e0"; }

.icon-twitter:before { content: "\e872"; }

.icon-liuyan1:before { content: "\e61f"; }

.icon-socialwhatsapp:before { content: "\e8cb"; }

.icon-linkedin:before { content: "\e7d7"; }

.icon-liuyan:before { content: "\e658"; }

.icon-send:before { content: "\e766"; }

.icon-googleplus:before { content: "\e9b4"; }

.icon-address:before { content: "\e608"; }

.icon-dianhua:before { content: "\e622"; }

.icon-search:before { content: "\e93c"; }

.icon-mail1:before { content: "\e63f"; }

.icon-youxiang1:before { content: "\e695"; }

.icon-diqiu:before { content: "\e602"; }

.icon-lianjie:before { content: "\e702"; }

.iconfont:before{ display: block; margin:0 auto; }

@font-face {
  font-family: 'Conv_GOT';
  src: url('../fonts/MONTSERRAT-EXTRABOLD_0.eot');
  src: local('☺'), url('../font/MONTSERRAT-EXTRABOLD_0.woff') format('woff'), url('../font/MONTSERRAT-EXTRABOLD_0.ttf') format('truetype'), url('https://www.morediamondwheel.com/templates/moaopc/fonts/MONTSERRAT-EXTRABOLD_0.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display：fallback;
}
@font-face {
  font-family: 'Conv_MON';
  src: url('../fonts/MONTSERRAT-LIGHT.eot');
  src: url('../font/MONTSERRAT-LIGHT.TTF');
  font-weight: normal;
  font-style: normal;
  font-display：fallback;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clearfix:after{
	display: block;
	content: "";
	height: 0;
	clear: both;
}
.clearfix{*zoom: 1;}
.pro-table,.pro_table{overflow-x:auto}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; font-family: Conv_MON}
body{font-family:Arial, Helvetica, sans-serif; font-size: 16px; overflow-x: hidden; color: #333;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0;}
input,select,textarea{font-size: 16px;border:none;margin: 0;padding: 0; outline: none; font-family: Arial; font-size: 14px;}
img{border: 0 none;vertical-align: middle;}
a{color: #333;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
/*table td{word-wrap:break-word;word-break:break-all;}*/

.backToTop{width:50px; height:50px; right:0; bottom:50px; background:#c52720 url(../image/icon_top.png) no-repeat center; z-index: 3; background-size:120%; cursor:pointer; position:fixed; text-indent:9999px; color: #fff; border-radius:0; transition: all .3s}
.backToTop:hover{opacity: .8}

header{ height:100px;position: fixed; top: 0;font-family: Arial; width: 100%; left: 0; z-index: 9;background:#fff; box-shadow:0 2px 2px 2px rgba(0,0,0,0.05);}
.logo{ float: left; position: absolute; left: 50px; margin:30px 0;}
.logo a{display: block;}
.logo img{display: block;}
nav{ margin-left:218px; }
nav li{ display: inline-block; position: relative; float: left;}
nav li>a{ display: block; padding:0 23px; font-size: 16px; font-weight: 600; text-transform: uppercase; overflow: hidden; line-height:100px; transition:0.5s; position: relative; font-family:Conv_DIN; }
nav li.hover>a,nav li:hover>a{color: #c52720; border-bottom: 4px solid #c52720;height:100px;}
nav dl{ position: absolute; border-top:4px solid #c52720; background: #c52720; text-align: left; display: block; top:96px; opacity: 0; transition: opacity 1s ease; left: 9999px; z-index: 999; min-width: 120px; }
nav dl dd{border-bottom: 1px solid rgba(255,255,255,.1); position: relative;}
nav dl a{ color: #fff; display: block; padding: 13px 22px; white-space: nowrap;}
nav dl a:hover{ background: #f4f4f4; color: #333}
nav dl dd div{position: absolute; left: 100%; top: 0; background: #f4f4f4; display: none;}
nav dl dd div a{border-bottom: 1px dashed rgba(0,0,0,.1);color: #333}
nav dl dd div a:hover{color: #c52720}
nav dl dd:hover div{display: block;}
nav .menu{position: fixed; background: #f2f2f2; box-shadow: 0px 2px 10px 2px rgba(0,0,0,.15); width: 1440px; top:100px; opacity: 0; transition: opacity 1s ease; left: 9999px; z-index: 999; padding:40px; }
nav .menu .item{width: 18%; float: left;}
nav .menu .item div a{display: block; line-height: 30px; color: #666}
nav .menu .item:nth-child(1) div a{width: 43%; float: left;}
nav .menu .item:nth-child(1){width: 25%;}
nav .menu .item a:hover{color: #eec314}
nav .menu h3{font-size:20px; margin-bottom: 20px;}
nav .menu h3 b{margin-top: 10px;}
nav .menu a.img{float: right; width:20%;}
nav .menu a.img img{display: block; width: 100%}
nav li:hover dl{ opacity: 1; left: 0;}
nav li:hover .menu{opacity: 1; left: 50%; margin-left: -720px;}

.head_rcon{ float: left; position: absolute; right:50px; top:33px; }
.head_rcon .languagebox{float: left; color: #888;margin-right: 30px; position:relative;}

.head_rcon .languagebox .lag_qt{
    position: absolute;
    right: 0;
    top: -20px;
    width: 20px;
}
.head_rcon .languagebox .lag_qt a{
    display: block;
    font-size: 14px;
    /*margin: 0 8px 0 0;*/
    box-shadow: 0 0 3px rgba(50,50,50,.15);
}
.head_rcon .languagebox .lag_qt a:last-child{
    margin-right: 0;
}
.head_rcon .languagebox .lag_qt a img{
    display: block;
    width: 20px;
}
.languagebox i{display: inline-block; font-size: 28px; vertical-align: middle;}
.languagebox select{margin-top:-1px; vertical-align: middle; color: #888}
.head_rcon .searchbox{float: right;}
.searchbox form{ overflow: hidden; border:1px solid #ddd; height: 30px; width:240px;}
.searchbox form i{color: #fff; font-size: 20px; }
.searchbox form input{ width: 198px; line-height:28px; padding-left:10px; float: left; }
.searchbox form button{ width:40px; height:28px; background: #c3201b; border: 0; text-align: center; float: right; outline: none; cursor: pointer;  }
.searchbox form input::-webkit-input-placeholder { color: #aaa;}
.searchbox form input:-moz-placeholder {  color: #aaa;}

#nav .nav-button{width: 35px; height: 35px; border-radius: 3px; background: #333; color: #fff; position: absolute; right: 10px; top: 19px; line-height: 35px;text-align: center; font-size: 20px; display: none;}
#nav .nav-button i{font-size: 22px;}
.close-nav{position: fixed;top:0;left:0;width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;}
.nav-open{transform: translateX(0);}
.close-open{opacity: 0.5;visibility: visible;}
.body-hidden{overflow: hidden!important;}
.position{position: fixed;left: 0;right: 0;background: #fff; top: 0; z-index: 99; box-shadow: 0 1px 5px 1px rgba(0,0,0,.07)}

.footer{ background: #121212; overflow: hidden; color: #999;}
.foot_m{background: url(../image/footbg.jpg) no-repeat center; background-size: cover;padding:70px 0; overflow: hidden;}
.foot_contact{background: #c52720;color: #fff; overflow: hidden; padding:25px 0;}

.footer h4{font-size:20px; color: #fff; text-transform: uppercase; margin-bottom:40px; font-family: Conv_GOT}
.footer a{ color: #ddd;}
.footer a:hover{ color: #c52720 }
.footer .item1{width: 36%; float: left;}
.footer ul{margin:0 5%; width: 24%; float: left;}
.footer .item2{width: 28%; float: right;}
.footer dd{width: 50%; float: left; line-height: 24px; margin:8px 0;}
.footer dd:hover,.footer dd:hover a{color: #c52720}
.footer dd a{margin-left: 6px;}
.footer ul h6{display: inline-block; position: absolute; left: 0; top:22px; color: #ddd ;  font-size: 28px; margin-right: 10px; font-weight: 100; transition: all .3s;}
.footer ul h6.icon-dianhua{font-size: 24px;}
.footer ul li{display: block; color: #fff; margin:0 20px; font-size: 15px; border-bottom: 1px solid rgba(255,255,255,.1); line-height:24px; position: relative; padding:22px 0 22px 40px;}
.footer ul li:hover a,.footer ul li:hover{color: #c52720}
.footer ul li:hover h6{color: #c52720;}
.footer ul li:nth-child(1){padding:0; border:0;}
.footer ul li:last-child{border: 0}
.footer ul li:nth-child(2){padding-top: 10px;}
.footer ul li:nth-child(2) h6{top: 12px;}
.footer form{margin-top: 48px;}
#wpforms-139 .wpforms-field-label{
    display: none;
}
#wpforms-139 .wpforms-field-medium{width:100%; border:1px solid #aaa; color: #fff; background: none;position: relative;padding:15px; margin-bottom: 13px;max-width:none !important;}
#wpforms-139 textarea{width: 100%; background: none; padding:15px; resize: none; width: 80%; color: #fff;}
#wpforms-139 .wpforms-submit{width: 180px; color:#fff; cursor:pointer; background:#c52720; border:0; transition: all .3s ; color: #fff;  height: 48px; }
#wpforms-139 .wpforms-submit:before{content:"\e766";font-family: "iconfont" !important;
    font-size: 24px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; display: block; vertical-align: middle; margin-top: -2px; display: inline-block; font-size: 30px; font-weight: 100}
.footer button:hover{opacity: .9;}
.copyright{padding:30px 0; color: #333; text-align: center; border-top: 1px solid rgba(255,255,255,.02); font-size: 14px; overflow: hidden;}
.copyright a{color: #333}

.fl-fl{background:#000000;text-transform:uppercase;letter-spacing:3px;width:220px;position:fixed;right:-181px;z-index:5;font:normal normal 10px Arial;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;}
.fl-fl .iconfont{font-size:20px;color:#fff; display: inline-block; padding:10px 0; width:40px; height: 40px; overflow: hidden; margin-left:8px;}
.fl-fl:hover{right:0;}
.fl-fl a{color:#fff !important;text-decoration:none;text-align:center;line-height:43px!important;vertical-align:top!important;}
.float-sm .float-fb1{top:47%;}
.float-sm .float-fb2{top:52%;}
.float-sm .float-fb3{top:57%;}
.float-sm .float-fb4{top:62%;}
.float-sm .float-fb5{top:67%;}
.float-sm .float-fb6{top:72%;}

#banner img{ width: 100%; display: block; }
#banner .owl-controls,.productbox .owl-controls{margin-top: 0}
#banner .owl-controls .owl-nav div{ height:50px; padding:0; margin:0; width:56px; border-radius: 0; background: url(../image/arrow_w.png) no-repeat center; opacity: .5; transition: all .3s; text-indent: 9999px; overflow: hidden;}
#banner .owl-controls .owl-nav div.owl-prev{transform: rotate(180deg);}
#banner .owl-controls .owl-nav div.owl-next{ float: right;}
#banner .owl-controls .owl-nav div:hover{opacity: 1;}
.productbox .owl-pagination{display: none;}
#banner .owl-pagination{display: none;}
#banner .owl-controls .owl-nav{position: absolute; bottom:40px; left: 50%; margin-left: -132px; width: 250px;}
#banner .item{position: relative;}
#banner .item font{position: absolute; left:50%; bottom:55px; color: #999; font-weight: 100; font-family: Conv_GOT;  }
#banner .item font b{font-size: 26px; color: #fff; font-family: Conv_GOT; font-weight: 600;}
/*版块标题*/
body{padding-top:100px;}
.warper{max-width:1400px;  margin:0 auto;}
.container{width: 100%; padding:0; margin:0;}
.l{float: left}
.r{float: right}
.graybg{background:#f4f4f4;}
.row{overflow: hidden;}
.conbox{padding:90px 0;}
.hometit{ margin-bottom: 30px;}
.hometit h2{font-size:38px; font-family: Conv_GOT;text-transform: uppercase; text-align: center; }

.productclassbox{margin-bottom: 20px; overflow: hidden; margin-top: 70px;}
.productclassbox .line{border-top: 2px solid #f4f4f4; border-bottom: 2px solid #f4f4f4; position: relative;}
.productclassbox .line .num{position: absolute; right: 50%; margin-right: -656px; top:27px; color: #999}
.productclassbox .warper{ padding-right: 180px; position: relative; max-width: 1250px; min-width: auto; text-align: center;;}
.productclassbox_scroll .owl-nav{ margin-top: 0;}
.productclassbox_scroll .owl-pagination,
.hot_productbox .owl-pagination{ display: none;}
.productclassbox_scroll .owl-controls{ position: absolute; right: -180px; top:28px;}
.productclassbox_scroll .owl-controls .owl-nav div{opacity: 0.5; background: url(../image/arrow.png) no-repeat center; border-radius: 0; text-indent: 999px; overflow: hidden; width: 30px; height: 10px;}
.productclassbox_scroll .owl-controls .owl-nav div:hover{
	background: url(../image/arrow.png) no-repeat center;
	opacity: 1;
}
.productclassbox_scroll .owl-controls .owl-nav div.owl-prev{ transform: rotate(180deg);}
.productclassbox .line a{ padding:25px 0; display: inline-block; border-bottom: 2px solid #fff; color: #888;}
.productclassbox .line a:hover{ border-bottom: 2px solid #c52720; color: #333}
.productclassbox .line a font{ position: absolute; right: -300%; top:27px; color: #333; display: none;}

.productbox{overflow: hidden; margin-bottom:80px; }
.productbox .line{margin:0 -10px;}
.productbox li{margin:0 10px;}
.productbox a{display: block;overflow: hidden; margin-bottom: 20px;}
.productbox a h3{position: absolute; left: 5%; width: 90%; bottom: 175%; text-align: center; color: #fff; font-weight: 100; transition: all .6s;}
.productbox a:hover h3{bottom: 69%}
.productbox a:hover h6{top: 65%}
.productbox a:hover .con{bottom: 40%}

.hot_productbox{background: #f4f4f4;overflow: hidden; position: relative; padding:120px 0;}
.hot_productbox .hometit {margin: 80px 0 132px 0;}
.hot_productbox .hometit h2{ color: #fff}
.hot_productbox .bg{ position: absolute; width: 100%; left: 0;top: 0; z-index:0}
.hot_productbox .warper{position: inherit;}
.hot_productbox .lcon{width: 365px; float: left; z-index: 2}
.hot_productbox .rcon{margin-left: 400px; background: #fff; padding:30px 20px 14px 20px;}
.hot_productbox .lcon ul li{margin-bottom: 1px;background: #fff; transition: all .3s;}
.hot_productbox .lcon ul li:hover{background: #c52720}
.hot_productbox .lcon ul li:hover a{color: #fff;}
.hot_productbox .lcon ul a{display: block; padding:16px 40px;}
.hot_productbox .rcon li{margin:0 10px;}
.hot_productbox .rcon .pic{overflow: hidden;}
.hot_productbox .rcon img{display: block; width: 100%; transition: all .3s;}
.hot_productbox .rcon h3{text-align: center; display: block; font-size: 16px; line-height: 26px; font-weight: 100; height:52px; overflow: hidden; margin:15px 0 0 0;}
.hot_productbox .rcon a{display: block; margin-bottom: 25px;}
.hot_productbox .rcon a:hover img{transform: scale(1.1);}
.hot_productbox .rcon a:hover h3{color: #c52720}
.hot_productbox .owl-controls{margin-top: 0}
.hot_productbox .owl-controls{position: absolute; left: -300px; top:120px; }
.hot_productbox .owl-controls .owl-nav div{background: url(../image/arrow_w.png) no-repeat center; border-radius: 0; text-indent: 999px; overflow: hidden; width: 60px; height: 30px; border:1px solid #fff; opacity: 1}
.hot_productbox .owl-controls .owl-nav div.owl-prev{transform: rotate(180deg);}
.hot_productbox .owl-controls .owl-nav div:hover{ background: #c52720 url(../image/arrow_w.png) no-repeat center; border-color: #c52720;}

.aboutbox{ overflow: hidden; }
.aboutbox .video{width: 50%; float: left; overflow: hidden;}
.aboutbox .video video{background:url(../image/videoimg.jpg) no-repeat center; background-size: cover; height:460px;}
.aboutbox .rcon{float: right; width: 47%; overflow: hidden; line-height: 30px; color: #888}
.aboutbox .rcon h2{color: #333; font-size: 32px; text-transform: uppercase; font-weight: 100;margin:20px 0 30px 0;}
.aboutbox .rcon a{background: #c52720; color: #fff; line-height:60px; text-transform: uppercase; width: 240px; display: block; text-align: center; margin-top:40px;}
.aboutbox .rcon a i{display: inline-block;vertical-align: middle; font-size:33px; margin-top: -10px; margin-left: 10px;}

/*二级页公用*/
.main{padding:60px 0 120px 0; overflow: hidden;}

.sub_banner{ width: 100%; overflow: hidden;position: relative; }
.sub_banner .imgbox{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
}
.sub_banner img{display: block;width: 100%;}
.sub_banner .con{position: absolute; left:0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center}
.sub_banner .con h2{ font-size:32px; text-transform: uppercase; font-family:Conv_GOT; text-align: center; color: #fff; }
.positionline{ font-size: 16px; color: #fff; font-style: italic; text-align: center; margin-top:5px;}
.positionline a{color: #fff}

.digg4  { padding:3px; margin:3px; text-align:center; font-family:Tahoma, Arial, Helvetica, Sans-serif; margin-top:20px; font-size: 16px;}
.digg4  a,.digg4 span.miy{ border:1px solid #ddd; padding:2px 10px; margin:2px; color:#aaa; text-decoration:none;}
.digg4  a:hover { border:1px solid #a0a0a0; }
.digg4  a:hover { border:1px solid #a0a0a0; }
.digg4  span.current {border:1px solid #333; padding:2px 10px; margin:2px; color:#fff; background-color:#333; text-decoration:none;}
.digg4  span.disabled { border:1px solid #f3f3f3; padding:2px 10px; margin:2px; color:#ccc;}
.digg4 .disabledfy { font-family: Tahoma, Verdana;}

/*contact*/
.contact_main{overflow: hidden; position: relative; margin:-60px 0 -120px 0;}
.contact_main .rcon{width: 50%; float:right; height: 100%;  position:relative;}
.contact_main .rcon:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 50vw;
    height: 100%;
    background: #f4f4f4;
}
.contact_main .rcon .box{max-width:700px; padding-left: 60px;}
.contact_main h2{font-size: 30px; margin-bottom:40px; text-transform: uppercase;font-family:Conv_GOT;  }
.edit-box{width: 40%; float: left;}
.edit-box ul{ overflow: hidden;}
.edit-box li{ position: relative; margin-bottom: 35px; padding-left: 70px; overflow: hidden; color: #666; line-height: 24px; min-height: 52px;}
.edit-box li h6{position: absolute; left: 0; top: 0; width: 50px; height: 50px; border:1px solid #c52720; color: #c52720; line-height: 50px; text-align: center; border-radius: 50%; font-size: 26px; font-weight: 100;transition: all .3s;}
.edit-box li h6.icon-dianhua{font-size: 22px;}
.edit-box li label{font-weight: 100; font-weight: 600; color: #333; display: block; font-size: 18px; margin: 2px 0 5px 0;}
.edit-box a{color: #666}
.edit-box li:hover h6{background: #c52720; color: #fff;}
.edit-box li:hover a,.edit-box li:hover{color: #c52720}

.contact_form,.contact_form form{ overflow: hidden;}
.contact_form p{margin-bottom: 25px; color: #888 ; font-size: 14px;}
.contact_form li{ width: 49%; float: left; color: #675b59; margin-bottom: 20px; line-height: 24px; border:1px solid #b4b4b4; resize: none; padding:8px 15px; position: relative;}
.contact_form form li:nth-child(even){margin-left: 2%;}
.contact_form form li:last-child{width: 100%}
.contact_form li font{position: absolute; left: 8px; top: 8px; color: #c00;}
.contact_form input,.contact_form textarea{width:100%; background: none; resize: none;}
.contact_form button{ border: none; background: #c52720; transition: all .3s; color: #fff; width: 220px; text-align: center; line-height:46px; font-size:16px; border-radius:5px; cursor: pointer;}
.contact_form input::-webkit-input-placeholder,.contact_form textarea::-webkit-input-placeholder { color: #888;}
.contact_form input:-moz-placeholder,.contact_form textarea:-moz-placeholder { color: #888;}
button:hover{opacity: .8}

/*new*/
.blog_list_wrap{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.p_left{ width: 360px; background: #f4f4f4; padding:35px 30px; margin-top: 20px;}
.p_right{ width: calc(100% - 400px);}
.search{overflow: hidden;}
.search form{ border-radius:0 5px 5px 0; overflow: hidden; height: 48px;}
.search input{float: left;line-height:46px; border:1px solid #ddd; width: 80%; padding:0 5px;}
.search button{width: 20%; float: right; background: #c52720; color: #fff; border:0; border-radius: 0; height:48px;}
.search button i{font-size: 30px;}
.rel_blog{margin-top: 50px; overflow: hidden;}
.rel_blog h4{font-size: 22px; font-family: Conv_GOT;text-transform: uppercase;}
.rel_blog li{padding:25px 0; border-bottom: 1px solid #fff; border-top: 1px solid #ddd}
.rel_blog li:first-child{border-top:0;}
.rel_blog li:last-child{border-bottom:0;}
.rel_blog li h3{font-size: 16px; max-height: 52px; overflow: hidden; line-height: 25px; margin-bottom: 15px; transition: all .3s;}
.rel_blog li span{color: #888;font-size: 14px;}
.rel_blog li:hover h3{color: #c52720}


.rel_blog2{
    display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.lis_new{ overflow: hidden; padding:0 15px;}
.lis_new li a{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.lis_new .pic{width: 38.7%; overflow: hidden; }
.lis_new .pic img,.lis_proclass li img,.lis_pro .pic img,.oneproduct_fon .pic img,.lis_wheel li img,.onewheel_fon img,.rel_pro img,.productbox .pic img{width: 100%; display: block; transition: all .3s;}
.lis_new .con{width: 61.3%; padding:0 20px 0 40px;}
.lis_new .time{ color: #c52720; font-weight: 600; margin: 18px 0;}
.lis_new h3{overflow: hidden; max-height: 52px; font-size:22px; font-weight: 100; overflow: hidden;font-family:Conv_GOT; }
.lis_new h5{ font-size: 14px; color: #888; line-height: 26px; height:50px; overflow: hidden; font-weight: 100; transition: all .3s; }
.lis_new h6{  font-size: 14px; border:1px solid #666; display: inline-block; line-height: 40px; padding:0 25px; font-weight: 100; color: #888;margin-top: 25px; transition: all .3s;}
.lis_new h6 i{display: inline-block; font-size: 24px; vertical-align: middle; margin-top: -4px; margin-left: 10px;}
.lis_new li{padding:20px; margin: 20px 0; overflow: hidden; background: #fff;}
.lis_new li:hover h3,.lis_new li:hover .time{color: #c52720}
.lis_new li:hover h6{background: #c52720; border-color: #c52720; color: #fff;}
.lis_new li:hover img{transform: scale(1.1);}
.lis_new li:hover{box-shadow: 0px 2px 15px 2px rgba(0,0,0,.1)}

.lis_new2{
    display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	overflow: visible;
}
.lis_new2 li{
    width: 31%;
    margin: 0 3.5% 40px 0;
}
.lis_new2 li .pic{
    width: 100%;
    margin-bottom: 15px;
}
.lis_new2 li .con{
    width: 100%;
    padding-left: 0;
}



.infocon{color: #888; }
.infocon h1{font-size:28px;  text-align: center; margin-bottom: 10px; color: #222;}
.infocon img{ display: inline-block; margin: 12px 0; max-width: 100%;  height:auto !important;}
.infocon .wp-caption{
    display: inline-block;
    max-width: 100% !important;
}
.infocon .time{ text-align: center;margin-bottom:20px; color: #999}
.infocon .other{border-top: 1px solid #ddd; padding:15px 0 0 0; color: #666; margin:50px 0 0 0; line-height: 26px;}
.infocon .other div{margin:8px 0;}
.infocon .other a{color: #666}
.infocon .other a:hover{ color: #c52720 }
.infocon p{line-height:30px; font-size: 16px;}

/*about*/
.aboutmain{ color: #888; line-height: 28px;}
.aboutmain h1{font-size:32px; color: #333; text-align: center; margin-bottom:40px; font-family:Conv_GOT;}
.aboutmain p{margin:28px 0;  }
.aboutmain img{max-width: 100%; height:auto !important;}
.factory_img{overflow: hidden; margin:0 auto;}
.factory_img .item{width: 23%; float: left; text-align: center; overflow: hidden; margin:0 1%;}
.factory_img img{width: 100%; display: block; transition: all .3s;}
.factory_img .item:hover img{transform: scale(1.1); }

/*product*/
.lis_proclass,.lis_pro{overflow: hidden;}

.lis_proclass li,.lis_pro li{background: #f4f4f4; overflow: hidden; width: 19%; float: left; margin:0 .5% 30px .5%;}
.lis_pro li,.rel_pro li{background: none}
.lis_proclass .pic,.lis_pro .pic,.rel_pro .pic,.productbox .pic{overflow: hidden; position: relative; background: #c52720;}

.lis_proclass .pic:before,
.lis_pro .pic:before,
.rel_pro .pic:before,
.productbox .pic:before{content: ""; position: absolute; top: 5%; left: 5%; width: 1px; height:0; background: rgba(255,255,255,.5);  opacity: 0;transition: all .5s;}

.lis_proclass .pic:after,
.lis_pro .pic:after,
.rel_pro .pic:after,
.productbox .pic:after{content: ""; position: absolute; left: 5%; top: 5%; height: 1px; width:0; background: rgba(255,255,255,.5); opacity: 0;transition: all .5s;}

.lis_proclass .box,
.lis_pro .box,
.rel_pro .box,
.productbox .box{position: absolute; z-index: 1;width: 100%; height: 100%; left: 0; top: 0}

.lis_proclass .box:before,
.lis_pro .box:before,
.rel_pro .box:before,
.productbox .box:before{content: ""; position: absolute; top: 5%; right: 5%; width: 1px; height:0px;background: rgba(255,255,255,.5);opacity: 0;transition: all .5s; }

.lis_proclass .box:after,
.lis_pro .box:after,
.rel_pro .box:after,
.productbox .box:after{content: ""; position: absolute; left: 5%; bottom: 5%;height: 1px; width:0px;background: rgba(255,255,255,.5); opacity: 0;transition: all .5s;}

.lis_proclass .con,
.lis_pro .con,
.rel_pro .con,
.productbox .con{position:absolute; bottom: 153%; left: 10%; width: 80%; color: #fff; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; text-align: center; z-index: 2;transition: all .5s;}

.lis_proclass h6,
.lis_pro h6,
.rel_pro h6,
.productbox h6{position: absolute; left: 50%; top: 153%; margin-left: -18px; font-size: 36px; font-weight: 100; color: #fff; z-index: 2;transition: all .5s;}

.lis_proclass h3,
.lis_pro h3,
.rel_pro h3{margin:15px 10px 20px 10px; overflow: hidden; line-height: 25px; height: 50px; font-size: 18px; text-align: center; font-weight: 100}
.lis_pro h3,
.rel_pro h3{font-size: 14px;}
.lis_pro h3{margin-bottom: 0; overflow: hidden;}

.lis_proclass li:hover img,
.lis_pro li:hover img,
.rel_pro li:hover img,
.productbox a:hover img{opacity: .15;transform: scale(1.1);}

.lis_proclass li:hover .pic:before,.lis_proclass li:hover .box:before,
.lis_pro li:hover .pic:before,.lis_pro li:hover .box:before,
.rel_pro li:hover .pic:before,.rel_pro li:hover .box:before,
.productbox a:hover .pic:before,.productbox a:hover .box:before{display: block;opacity: 1; height: 90%;}

.lis_proclass li:hover .pic:after,.lis_proclass li:hover .box:after,
.lis_pro li:hover .pic:after,.lis_pro li:hover .box:after,
.rel_pro li:hover .pic:after,.rel_pro li:hover .box:after,
.productbox a:hover .pic:after,.productbox a:hover .box:after{display: block;opacity: 1; width: 90%;}

.lis_proclass li:hover h6,
.lis_pro li:hover h6,
.rel_pro li:hover h6{top:60%}

.lis_proclass li:hover .con,
.lis_pro li:hover .con,
.rel_pro li:hover .con{bottom:47%}
.rel_pro li{margin:0 5px;}

.info_rcon{float: right; width: calc(100% - 400px);}

.oneproduct_fon{padding:20px; background: #f4f4f4;margin-bottom: 30px; overflow: hidden;}
.oneproduct_fon .pic{width: 360px; float: left;}
.oneproduct_fon .con{margin-left: 400px;}
.oneproduct_fon h2{font-size: 26px; margin:15px 0 25px 0; text-transform: uppercase; font-family:Conv_GOT }
.oneproduct_fon .con p,.onewheel_fon .con p{line-height: 26px; color: #666; font-size: 14px;}
.onewheel_fon{overflow: hidden;}
.onewheel_fon h2{font-size: 24px; margin:15px 0 20px 0}
.onewheel_fon .pic{width: 436px; float: left;}
.onewheel_fon .con{margin-left: 480px;}

.lis_wheel{overflow: hidden;}
.lis_wheel li{width: 24%; margin:0 .5% 30px .5%; float: left; background: #f4f4f4; padding:2px; transition: all .3s;}
.lis_wheel h3{margin:15px 10px; font-size: 14px;text-align: center; font-weight: 100}
.lis_wheel li:hover {background: #c52720}
.lis_wheel li:hover h3{color: #fff}
.wheel_rcon{background: #f4f4f4;padding:30px; overflow: hidden;}

.tabbox{padding:15px; overflow-x: auto; background: #fff;margin:20px 0; }
.pro_table table{ border: 1px solid #ddd ; background: #fff; border-bottom:0; border-right:0; color: #666;text-align: center; line-height: 24px; }
.pro_table table td{border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding:12px 5px; font-size: 14px; transition: all .3s}
.pro_table table tr:nth-child(1) td{ background:#c52720; color: #fff; font-size: 18px;}
.pro_table table tr:nth-child(even){background: #f4f4f4}
.pro_table table tr{transition: all .3s}
.pro_table table tr:hover{background: #c52720; }
.pro_table table tr:hover td{color: #fff}
.pro_table table tr:hover td p{color: #fff;}
.pro_table table td p{margin:0; font-size: 14px;}
.pro_table table tr:nth-child(1) td p{color: #fff;}

.info_tit{text-transform: uppercase; font-size: 22px; font-weight: 600; margin-bottom: 30px; padding-top:60px;}
.rel_pro .rowline{margin: 0 -5px;}
.rel_pro .owl-controls{margin-top: 0}
.rel_pro .owl-pagination{display: none;}
.rel_pro .owl-controls .owl-nav div{width: 40px; height: 40px; background: url(../image/right_black.png) no-repeat center; text-indent: 999px; background-size:22px; position: absolute; right: -40px; margin-top: -20px; top: 50%; z-index:2}
.rel_pro .owl-controls .owl-nav div.owl-next{transform: rotate(180deg); right: auto; left: -40px;}
.rel_pro .owl-controls .owl-nav div:hover{
	background: url(../image/right_black.png) no-repeat center center / 22px auto;
}

/*product info*/

.pro_detail{ 
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
 }

 .pro_det_t_l{
	 width: 53.2%;
	 display: flex;
	 display: -ms-flexbox;
	 display: -webkit-flex;
	 justify-content: space-between;
	 -ms-justify-content: space-between;
	 -webkit-justify-content: space-between;
	 flex-wrap: wrap;
	 -ms-flex-wrap: wrap;
	 -webkit-flex-wrap: wrap;
 }
.pro_det_pic_scroll{
	width: 75.16%;
	
}
.pro_det_pic_scroll .item{
	border: 6px solid #f4f4f4;
}
.pro_det_pic_scroll_bars{
	width: 23.48%;
}
.pro_det_pic_scroll_bars .item{
	border: 6px solid #f4f4f4;
	overflow: hidden;
	margin-bottom: 10px;
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.pro_det_pic_scroll_bars .item:last-child{
	margin-bottom: 0;
}
.pro_det_pic_scroll_bars .item img{
	width: 100%;
}
.pro_det_pic_scroll_bars .item.active{
	border-color:#c3201b;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}


.pro_cover_wrap,
.pro_det_wrap{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}


.pro_detail h1{ font-size:26px; font-family:Conv_GOT; margin: 18px 0;}
.pro_detail .fon{ margin:20px 0 40px 0; color: #666; font-size: 14px; line-height: 24px; overflow: hidden;}
.pro_detail .fon p{margin:5px 0; background:url(../image/dui.png) no-repeat left center; padding-left: 35px;}
.pro_detail .links{margin:20px 0;}
.pro_detail .links i{display: inline-block; margin-right: 10px; font-weight: 100; font-size:27px; vertical-align: middle; margin-top: -3px;}
.pro_detail .links i.icon-mail{font-size: 30px;}
.pro_detail .links a{margin-right: 25px; background: #006bbb; display: inline-block; line-height:50px; height: 50px; font-size: 16px; text-transform: uppercase; padding:0 35px;color: #fff; margin-top: 5px; border-radius: 5px;}
.pro_detail .links a:nth-child(2){ background: #c52720}
.pro_detail .links a:hover{opacity: .8}

.propicflash{width: 745px; }
.propicflash .big{border:6px solid #f4f4f4; width: 560px; float: left;}
.propicflash .big img{display: none; width: 100%;}
.propicflash .big img.on{display: block;}
.propicflash .small{margin-left: 570px;}
.propicflash .small img{border:6px solid #f4f4f4; margin-bottom: 10px; width: 100%;}
.pro_detail .rcon{width: 43.5%; overflow: hidden;}

.proinfo_main{overflow: hidden; background:#fff; margin-top: 50px;}
.proinfo_main .lcon{width: calc(100% - 400px); padding: 56px 40px 40px 40px; position: relative; background: #f4f4f4}
.proinfo_main .lcon .menu{background:#e6e6e6; text-transform: uppercase;text-align: center; overflow: hidden; position: absolute; left: 0; top: 0; width: 100%;}
.proinfo_main .lcon .menu a{width: 25%; float: left; display: block; line-height:56px; font-weight: 600}
.proinfo_main .lcon .menu a.on,.proinfo_main .lcon .menu a:hover{background:#c52720; color: #fff}
.proinfo_main .lcon .menu.top0{position: fixed; top: 0; left:50%;margin-left: -700px; max-width: 1000px; z-index: 3}
.proinfo_main .left_proclass{float: right;}
.proinfo_main p{ line-height: 29px; margin-bottom:25px; font-size: 14px; color: #666;}
.proinfo_main img{max-width: 100%; height:auto !important;}
.proinfo_main .boxm{overflow: hidden;  }
.proinfo_main .tit{font-size: 26px; text-transform: uppercase; font-family:Conv_GOT; color: #333;margin:60px 0 20px 0; }
.proinfo_main .lis_pro li{padding:7px; width: 23%; background: #f4f4f4}
.proinfo_main .lis_pro .con{background:#f4f4f4; padding:15px 90px 10px 10px;}
.proinfo_main .lis_pro p{margin:0;}
.proinfo_main .lis_pro h6{right:10px}
.proinfo_main .contact_form{margin-top: 0}

.proinfo_main table{
    
}

.slide-main{position:relative; overflow: hidden;}
.slide-main .prev,
.slide-main .next{display:block;width:44px;height:44px;position:absolute;z-index:2;top:50%; margin-top: -22px; overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.slide-main .prev{left:70px;}
.slide-main .next{right:70px;}
.slide-main .prev:hover,
.slide-main .next:hover,
.nav-main a:hover,
.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.banneritem{display:block;width:100%;height:5px;position:absolute;z-index:124;bottom:40px;left:0;text-align:center;}
.banneritem a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#444;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.banneritem a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:720px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:720px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:url(../image/banner02.jpg) no-repeat center;}
#bgstyleb{background:url(../image/banner03.jpg) no-repeat center;}
#bgstylec{background:url(../image/banner01.jpg) no-repeat center;}
#bgstylecc{background:url(../image/banner010.jpg) no-repeat center;}
#bgstyled{background:url(../image/banner04.jpg) no-repeat center;}
#bgstylee{background:url(../image/banner05.jpg) no-repeat center;}
.slide a{display:block;width:100%;height:720px;cursor:pointer;}
.obj-a,.obj-c,.obj-e{position:absolute;z-index:9;left:50%;}
.obj-a{margin-left:-650px; text-align:center; display:block; top:190px;}
.obj-c{display:block;top:68px;left:50%; margin-left: -365px}
.obj-e{margin-left:-650px;top:85px;z-index:12;}

.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }

@media screen and (max-width: 1850px){
  .logo{left: 10px;}
  .head_rcon{right:10px;}
  nav{margin-left: 300px;}
  
  nav li>a{
	  padding: 0 15px;
  }


}

@media screen and (max-width: 1680px){
  nav li>a{padding:0 10px;}
  nav{margin-left: 350px;}
  
}

@media screen and (max-width: 1600px){
  nav li>a{padding:0 10px;}
  .head_rcon .languagebox{margin-right: 15px; margin-top:3px;}
  .searchbox form input{width: 150px;}
  .searchbox form{width: 200px;}
  .languagebox i{display: none;}
  .warper{padding:0 10px;}
  .proinfo_main .lcon .menu.top0{left: 0;margin-left: 0;max-width: 74%;}
}



@media screen and (max-width: 1480px){
  .logo{margin:34px 0;}
  .logo img{height: 32px !important;}
  nav{margin-left: 275px;}
  nav li>a{padding:0 10px;}
  /*.lis_proclass li, .lis_pro li{width: 32.33%}*/
  /*.lis_proclass li:nth-child(3n+1), .lis_pro li(3n+1){*/
  /*    clear: both;*/
  /*}*/
  .info_rcon{margin-right: 10px; }

}








/*
 * wap head
 */
 .mobile_header{
	display: none;
	clear: both;
	width: 100%;
	height: 52px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.mobile_header_top{
	position: fixed;
	left: 0;
	top:0;
	z-index: 7;
	width: 100%;
	height: 52px;
	background:#fff;
	box-shadow: 0 2px 3px rgba(0,0,0,.1);
}


.mobile_logo{
	display: flex;
	display: -ms-flexbox;
	text-align: left;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	width: 140px;
	height: 52px;
	margin-left: 15px;
}
.mobile_logo img{
	display: block;
	height: 24px !important;
	width: auto;
}

.mobile_menu_btn{
	position: absolute;
	right: 0;
	top: 0;
	display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	justify-content:center;
	-ms-justify-content:center;
	-webkit-justify-content:center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items:center;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	width: 54px;
	height: 52px;
	cursor: pointer;
}
.mobile_menu_btn span{
	display: block;
	height: 3px;
	width: 28px;
	background:#333;
	border-radius: 4px;
	margin-bottom: 6px;
}
.mobile_menu_btn span:last-child{
	margin-bottom: 0;
}
.mobile_search_icon{
	width: 40px;
	height: 52px;
	color: #333;
	font-size: 22px;
	line-height: 52px;
	text-align: center;
	margin-right: 52px;
	cursor: pointer;
	font-weight: bold;
}
.mobile_lag_icon{
	width: 40px;
	height: 52px;
	color: #333;
	font-size: 22px;
	line-height: 52px;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
}
.mobile_header.hover{
	background:rgba(0,0,0,.5);
	box-shadow: 0 2px 3px rgba(0,0,0,.1);
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}

.mobile_menu_box{
	position: fixed;
	right: -110%;
	top:0;
	z-index: 8;
	width:75%;
	height: 100%;
	background:#fff;
	padding: 20px 15px;
	overflow-y: auto;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.mobile_menu_box.show{
	right: 0;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.mobile_menu_dl dd{
	clear: both;
	line-height: 1.3;
	border-bottom: 1px solid #e1e1e1;
}
.mobile_menu_tt{
	display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.mobile_menu_tt .text{
	float: left;
	width: calc(100% - 44px);
	color: #333;
	font-size: 16px;
	line-height: 24px;
	padding: 10px 0;
	font-family: Conv_DIN;
	font-weight: 600;
	text-transform: uppercase;
}
.mobile_menu_dl dd.hover .mobile_menu_tt .text{
	color: #c52720;
}
.mobile_menu_tt_icon{
	display: none;
	float: right;
	width: 44px;
	height: 44px;
	background: url(../image/menu_icon.png) no-repeat center center / 20px auto;
	text-align: center;
	cursor: pointer;
	-webit-transition: all 0.5s;
	transition: all 0.5s;
}

.mobile_menu_down{
	display:none;
	padding:6px 0 10px 12px;
}
.mobile_menu_down_clm{
	margin-bottom: 8px;
}
.mobile_menu_down_clm_tt{
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: 14px;
	color: #333;
}
.mobile_menu_down_clm_tt .tt{
	width: calc(100% - 50px);
	color: #333;
	line-height: 20px;
	padding: 7px 0;
	font-weight: 600;
}
.mobile_menu_down_clm_tt .icon{
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	background: url(../image/menu_icon.png) no-repeat center center / 20px auto;
	transform: rotateZ(0deg);
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-webit-transition: all 0.5s;
	transition: all 0.5s;
}
.mobile_menu_down_clm.hover .mobile_menu_down_clm_tt .icon{
	-webit-transition: all 0.5s;
	transition: all 0.5s;
	transform: rotateZ(90deg);
	-webkit-transform: rotateZ(90deg);
	-moz-transform: rotateZ(90deg);
	-ms-transform: rotateZ(90deg);
	-o-transform: rotateZ(90deg);
}
.mobile_menu_down_clm_list{
	display: none;
	padding: 5px 0 0 10px;
}
.mobile_menu_down_clm_list a{
	display: block;
	font-size: 14px;
	line-height: 1.4;
	color: #333;
	padding: 5px 0 5px 14px;
	position: relative;
}
.mobile_menu_down_clm_list a::before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 5px;
	height: 5px;
	margin-top: -3px;
	background:#333;
	border-radius: 50%;
}



.mobile_menu_tt_icon.hover{
	transform: rotateZ(9deg);
	-webkit-transform: rotateZ(90deg);
	-moz-transform: rotateZ(90deg);
	-ms-transform: rotateZ(90deg);
	-o-transform: rotateZ(90deg);
	-webit-transition: all 0.5s;
	transition: all 0.5s;
}




.mobile_search_box{
	position: fixed;
	left: 0;
	top: 52px;
	z-index: 7;
	display: none;
	width: 100%;
	padding: 20px;
	background: #fafafa;
}
.mobile_search_box form{
	width: 100%;
	padding:2px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #ddd;
}
.mobile_search_text{
	float: left;
	line-height: 40px;
	padding-left: 15px;
	font-size: 14px;
	width:calc(100% - 40px);
	border: 0;
}

.mobile_search_btn_text{
	float: right;
	width: 40px;
	height: 40px;
	font-size: 22px;
	color: #c52720;
	text-align: center;
	line-height: 40px;
	font-weight: bold;
	border: none;
	background: none;
}

.mobile_menu_b{
	margin-top: 40px;
}
.mobile_menu_b_clm{
	margin-bottom: 25px;
}
.mobile_menu_b_clm .tt{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	font-size: 16px;
	color: #333;
	margin-bottom: 8px;
}
.mobile_menu_b_clm .tt .icon{
	margin-right: 8px;
	font-size: 16px;
}
.mobile_menu_b_clm .text{
	font-size: 14px;
	color: #333;
}
.mobile_menu_b_clm .text a{
	color: #333;
	word-break: break-all;
}
.mobile_menu_b_clm_sm{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
}
.mobile_menu_b_clm_sm a{
	width: 30px;
	height: 30px;
	color: #fff;
	line-height: 30px;
	text-align: center;
	background: #0056a7;
	border-radius: 50%;
	margin: 0 12px 0 0;
}

.mobile_lag_box {
    display: none;
    position: fixed;
    left: 0;
    top: 52px;
    width: 100%;
    z-index: 8;
    text-align: center;
    padding: 20px;
    background: #fff;
}

.mobile_lag_box a {
    display: inline-block;
    width: 120px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    background: #c52720;
}



.mask,
.mobile_menu_mask{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 7;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);
}
.mobile_menu_mask{
	z-index: 8;
}







.banner.owl-theme .owl-dots{
	position: absolute;
	left: 0;
	bottom: 25px;
	width: 100%;
	padding-top: 25px;
}
.banner.owl-theme .owl-dots .owl-dot span{
    width: 24px;
    height: 5px;
    border-radius: 0;
	background: #444;
	opacity: 0.4;
    transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.banner.owl-theme .owl-dots .owl-dot.active span, 
.banner.owl-theme .owl-dots .owl-dot:hover span{
	opacity: 1;
    background: #fff;
    transition: all 0.5s;
	-webkit-transition: all 0.5s;
}




.scroll_dots.owl-theme .owl-dots{
	width: 100%;
	padding-top: 25px;
}
.scroll_dots.owl-theme .owl-dots .owl-dot span{
    width: 10px;
    height: 10px;
    border-radius: 0;
	background: #dedede;
	border-radius: 50%;
    transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.scroll_dots.owl-theme .owl-dots .owl-dot.active span, 
.scroll_dots.owl-theme .owl-dots .owl-dot:hover span{
	opacity: 1;
    background: #c52720;
    transition: all 0.5s;
	-webkit-transition: all 0.5s;
}



.main_l{
	float: left;
	width: 360px;
}
.pro_det_nav_list{
	background: #f4f4f4;
}
.pro_det_nav_list .item{
	border-bottom: 1px solid #fff;
}
.pro_det_nav_list .item:last-child{
	border: none;
}

.pro_det_nav_list .item .item_tt{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	line-height: 24px;
	font-weight: 600;
	font-size: 16px;
	padding: 15px 10px 15px 30px;
	color: #333;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.pro_det_nav_list .item .item_tt .icon{
	width: 40px;
	height: 40px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	background: url(../image/menu_icon.png) no-repeat center center / 20px auto;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.pro_det_nav_list .item .item_tt .tt{
	width: calc(100% - 24px);
	padding-right: 5px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.pro_det_nav_list .item .item_down{
	display: none;
	padding: 15px 0 10px;
}
.pro_det_nav_list .item .item_down a{
	display: block;
	color: #333;
	line-height: 24px;
	font-size: 14px;
    padding: 10px 10px 10px 30px;
}
.pro_det_nav_list .item .item_down a:last-child{
    margin-bottom: 0;
}
.pro_det_nav_list .item .item_down a:hover,
.pro_det_nav_list .item .item_down a.hover{
	color: #c3201b;
	background: #fff;
}
.pro_det_nav_list .item.hover .item_tt{
	background: #c3201b;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.pro_det_nav_list .item.hover .item_tt .tt{
	color: #fff;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.pro_det_nav_list .item.hover .item_tt .icon{
	background: url(../image/menu_icon2.png) no-repeat center center / 20px auto;
	transform: rotateZ(90deg);
	-webkit-transform: rotateZ(90deg);
	-ms-transform: rotateZ(90deg);
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}



.mode_list_content{
	margin-bottom: 30px;
}

.mode_list_title{
	margin-bottom: 15px;
}
.mode_list_text{
	font-size: 14px;
	line-height: 28px;
}








/*.hot_productbox_scroll{*/
/*    height: 1000px;*/
/*}*/

.hot_productbox_scroll .swiper-wrapper{
    flex-wrap: wrap !important;
    flex-direction: row !important;
}

/*.hot_productbox_scroll .swiper-wrapper .swiper-slide {*/
/*    height: auto;*/
/*}*/




.hot_productbox_scroll .swiper-pagination{
	position: relative;
	padding-top: 30px;
	z-index: 3;
	bottom: auto !important;
	width: 100%;
	display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	justify-content:center;
	-ms-justify-content:center;
	-webkit-justify-content:center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items:center;
}
.hot_productbox_scroll .swiper-pagination .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	opacity: 1;
	background: #bfbfbf;
	margin: 0 5px;
	border-radius: 10px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.hot_productbox_scroll .swiper-pagination .swiper-pagination-bullet-active{
	background: #eaae23;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}


.footer_sm{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	padding-top: 25px;
}
.footer_sm a{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	width: 30px;
	height: 30px;
	font-size: 18px;
	color: #fff;
	margin: 0 4px 0 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.footer_sm a:hover{
    transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}



.mobile_sm{
    	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.mobile_sm a{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	width: 30px;
	height: 30px;
	font-size: 18px;
	color: #fff;
	margin: 0 4px 0 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}




#wpforms-141 .wpforms-field-label{
    display: none;
}
#wpforms-141 .wpforms-field-container{
    display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
#wpforms-141 .wpforms-field-text{
    width: 49%;
    float: left;
    color: #675b59;
    margin-bottom: 20px;
    resize: none;
    position: relative;
}
#wpforms-141 .wpforms-field-textarea{
    width: 100%;
    margin-bottom: 15px;
}
#wpforms-141 .wpforms-field-textarea .wpforms-field-medium{
    height: 150px;
    resize: none;
    max-width: none !important;
}

#wpforms-141 .wpforms-field-medium{
    width:100%; border:1px solid #aaa; color:#333; background: none;position: relative;padding:15px; 
    max-width: none !important;
}
#wpforms-141 .wpforms-submit{width: 180px; color:#fff; cursor:pointer; background:#c52720; border:0; transition: all .3s ; color: #fff;  height: 48px; display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	justify-content:center;
	-ms-justify-content:center;
	-webkit-justify-content:center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items:center;}


.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    display: inline-block;
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

.mobile_footer_btn{
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 7;
    width:100%;
    text-align:center;
    background: #333;
    box-shadow: 0 0 10px rgba(115,115,115,.3);
  }
  .mobile_footer_btn a{
    float: left;
    width: 25%;
    height: 50px;
    color: #fff;
    display:flex;
      display: -webkit-flex;
      justify-content: center;
      -webkit-justify-content: center;
      align-items:center;
      -webkit-align-items: center;
      flex-direction: column;
      -webkit-flex-direction: column;
  }
    .mobile_footer_btn a .icon{
        margin-bottom: 3px;
    }
  .mobile_footer_btn a .icon img{
    display: block;
    height: 20px;
    margin: 0 auto;
  }
  .mobile_footer_btn a .tt{
    font-size: 12px;
  }







.foot_contact_wrap{
	display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	justify-content:space-between;
	-ms-justify-content:space-between;
	-webkit-justify-content:space-between;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items:center;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.foot_contact_l{
	width: 70%;
	max-width: 830px;
}

.foot_contact_l_tt1{
	font-size: 32px; line-height: 55px; font-family: Conv_GOT;
	margin-bottom: 15px;
}

.foot_contact_l_tt2{
	font-size: 24px;
	color: #fff;
	font-family: Conv_GOT;
	margin-bottom: 18px;
}
.foot_contact_l_list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 15px;
}
.foot_contact_l_list .item .pic{
	display: block;
	width: clamp(5rem, 4.063rem + 4.69vw, 8.75rem);
	border-radius: 50%;
	margin: 0 auto 15px;
}
.foot_contact_l_list .item .pic img{
    max-width: 100%;
    height: auto;
}
.foot_contact_l_list .item .tt{
	font-size: 16px;
	color: #fff;
	font-family: Conv_GOT;
	text-align: center;
}

.foot_contact_r{
	width: 28%;
	display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	justify-content:flex-end;
	-ms-justify-content:flex-end;
	-webkit-justify-content:flex-end;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items:center;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
}

.foot_contact_r_btn{ line-height: 55px; background: #fff; text-align: center; color: #c52720 !important; display: block; width: 212px;}
.foot_contact_r_btn:hover{opacity: .9}
.foot_contact_r_btn i{display: inline-block; vertical-align: middle; font-size:28px; margin-left: 8px;}
.foot_contact_r_btn font{display: inline-block; vertical-align: middle;}

@media (max-width:768px) {
	.foot_contact_wrap{
		gap: 20px;
	} 
	.foot_contact_l{
		width: 100%;
		padding-right: 0;
	}
	.foot_contact_r{
		width: 100%;
	}

	.foot_contact_l_list{
		grid-template-columns: repeat(2, 1fr);
	}
	
	.contact_main .rcon:after{
	    width: 100%;
	}
}




