@font-face{ font-family:Raleway-Regular; src:url(../fonts/Raleway-Regular.ttf)}
@font-face{ font-family:Raleway-Bold; src:url(../fonts/Raleway-Bold.ttf)}
@font-face{ font-family:Raleway-Light; src:url(../fonts/Raleway-Light.ttf)}
@font-face{ font-family:OpenSans-Regular; src:url(../fonts/OpenSans-Regular.ttf)}
@font-face{ font-family:OpenSans-Light; src:url(../fonts/OpenSans-Light.ttf)}
@font-face{ font-family:OpenSans-Semibold; src:url(../fonts/OpenSans-Semibold.ttf)}
@font-face{ font-family:OpenSans-Bold; src:url(../fonts/OpenSans-Bold.ttf)}
@font-face{ font-family:Merriweather-Italic; src:url(../fonts/Merriweather-Italic.ttf)}
@font-face{ font-family:Merriweather-LightItalic; src:url(../fonts/Merriweather-LightItalic.ttf)}
@font-face{ font-family:Lato-Regular; src:url(../fonts/Lato-Regular.ttf)}
@font-face{ font-family:Lato-Bold; src:url(../fonts/Lato-Bold.ttf)}
@font-face{ font-family:PT_Sans-Web-Regular; src:url(../fonts/PT_Sans-Web-Regular.ttf)}
@font-face{ font-family:PT_Sans-Web-Bold; src:url(../fonts/PT_Sans-Web-Bold.ttf)}


*{ margin:0; padding:0; box-sizing:border-box; outline:0;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#000; outline:none;}
body{ font-family:Raleway-Regular; font-size:14px; overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
input{ border:none; font-family:OpenSans-Regular;}
textarea{ font-family:OpenSans-Regular;}
h2{ font-family:Raleway-Bold; font-size:48px;}
h3{ font-size:24px; font-family:Raleway-Bold;}
p{ line-height:28px; font-family:PT_Sans-Web-Regular;}
a{ font-family:Raleway-Bold;}
.clear{ clear:both;}
.container{ width:1170px; margin:0 auto;}
strong{ font-family:Raleway-Bold; }


/*HEADER*/
.header_total{ position:static; top:0; left:0; right:0; z-index:2;}
.header{ width:100%; display:inline-block; background:#100071; padding:10px 0; font-family:PT_Sans-Web-Regular;}
.header_left{ float:left;}
.header_left li{ color:#fff;}
.header_left li i{ font-size:12px;}
.header_left li span{ font-size:12px;}
.header_left li i{ margin-right:10px;}
.header_right{ float:right;} 
.header_right li{ float:left; padding-left:15px; color:#fff; font-size:12px;}
.header_right li i{ padding-right:10px;}
.header_right li a{ color:#fff; }

/*LOGO*/
.logo{ width:100%; display:inline-block; position:relative; z-index:1; background:#fff;}
.logo_left{ float:left; padding:15px 0;}
.logo_left img{ width:100%;}
.logo_right{ float:right; width:49%;}
.logo_rightinner{ width:100%; display:inline-block}
.logo_rightinner li{ float:left;}
.logo_rightinner li a{ padding-left:30px; display:inline-block; margin:40px 0; font-size:13px; text-transform:uppercase; font-family:Raleway-Bold; color:#000; position:relative;}
.logo_rightinner li a:hover{ color:#569259;}
.logo_rightinner li a::after{ content:attr(data-hover); position:absolute; left:30px; top:0; max-width:0%; transition:all 0.5s ease-in-out; display:block; overflow:hidden; white-space:nowrap; font-size:13px;}
.logo_rightinner li a:hover::after{ max-width:100%;}
.logo_rightinner .active{ color:#569259;}
.appoint:hover{ border:1px solid #00A3C8; background:inherit; color:#00A3C8 !important;}
.responsive_menu{ width:100%; display:none; background:#EC008C; padding:15px 10px; margin:10px 0; cursor:pointer; color:#fff;}
.responsive_left{ float:left;}
.responsive_right{ float:right;}

.tuv{ position: absolute; top: 6px; right: 78px; margin: 0 auto; width:100px;}

/*BANNER*/
.banner{ width:100%; display:inline-block;}
.banner .joint{ position:absolute; top:-8; bottom:0; left:320px;}
.banner .joint2{ position:absolute; top:0; bottom:0; right:85px;}
.banner .joint3{ position:absolute; top:0px; right:90px; bottom:0; }

.banner .part1{ position:absolute; top:1%; left:48%; width:12%; z-index:1;}
/*.banner .part1::before{ content:""; border-style:solid; border-color: transparent transparent transparent #0CF; border-width:25px 10px 10px 155px; position:absolute; top:10px; left:97%; transform: rotate(5deg); z-index:-1;}
.banner .part1 h4{ background:rgba(0,0,0,0.5); color: #ffe100; text-align:center;}*/

.banner .part2{ position:absolute; top:42%; left:50%; width:12%; z-index:1;}
/*.banner .part2::before{ content: ""; border-style: solid; border-color: transparent transparent transparent #0CF; border-width: 155px 7px 0px 30px; position: absolute; top: 80px; left: -12px; transform: rotate(185deg); z-index:-1;}
.banner .part2 h4{ background:rgba(0,0,0,0.5); color: #ffe100; text-align:center;}*/

.banner .part3{ position:absolute; top:20%; right:12%; width:12%; z-index:1;}
/*.banner .part3::before{ content: ""; border-style: solid; border-color: transparent #0CF transparent transparent; border-width: 18px 100px 18px 43px; position: absolute; bottom: -20px;  left: -100px;transform: rotate(-17deg); z-index:-1;}
.banner .part3 h4{ background:rgba(0,0,0,0.5); color: #ffe100; text-align:center;}*/

.banner .part4{ position:absolute; top:40%; right:8%; width:12%; z-index:1;}
/*.banner .part4::before{ content: ""; border-style: solid; border-color: transparent #0CF transparent transparent; border-width: 30px 98px 23px 43px; position: absolute; bottom: 38px; left: -83px; transform: rotate(37deg); z-index: -1;}
.banner .part4 h4{ background:rgba(0,0,0,0.5); color: #ffe100; text-align:center;}*/

.banner .part5{ position:absolute; bottom:27%; right:18%; width:15%; z-index:1;}
/*.banner .part5::before{ content: "";     border-style: solid;     border-color: transparent #0CF transparent transparent;     border-width: 37px 235px 17px 61px; position: absolute; bottom: 108px;  left: -160px; transform: rotate(49deg); z-index: -1;}
.banner .part5 h4{ background:rgba(0,0,0,0.5); color: #ffe100; text-align:center;}*/

.banner .part6{ position:absolute; bottom:56%; right:32%; width:12%; z-index:1;}
/*.banner .part6::before{ content: ""; border-style: solid; border-color: transparent transparent transparent #0CF; border-width: 240px 7px 0px 30px; position: absolute; top: -170px; left: 40px; transform: rotate(0deg); z-index: -1;}
.banner .part6 h4{ background:rgba(0,0,0,0.5); color: #ffe100; text-align:center;}
*/
.banner .part7{ position:absolute; bottom:20%; left:48%; width:13%; z-index:1;}
/*.banner .part7::before{ content: ""; border-style: solid; border-color: transparent transparent transparent #0CF; border-width: 180px 7px 0px 30px; position: absolute; top: -115px; left: 40px; transform: rotate(0deg); z-index: -1;}
.banner .part7 h4{ background:rgba(0,0,0,0.5); color: #ffe100; text-align:center;}*/

.banner .part8{ position:absolute; top:42%; left:28%; width:15%; z-index:1;}
/*.banner .part8::before{ content: ""; border-style: solid; border-color: transparent transparent transparent #0CF; border-width: 20px 79px 2px 300px; position: absolute; top: 120px; left: 65%; transform: rotate(23deg); z-index: -1;}
.banner .part8 h4{ background:rgba(0,0,0,0.5); color: #ffe100; text-align:center;}
*/

.banner .part9{ position:absolute; bottom:25%; left:20%; width:15%; z-index:1;}
/*.banner .part9::before{ content: ""; border-style: solid; border-color: transparent transparent transparent #0CF; border-width: 25px 10px 10px 200px; position: absolute; top: 10px; left: 97%;  transform: rotate(5deg); z-index: -1;}
.banner .part9 h4{ background:rgba(0,0,0,0.5); color: #ffe100; text-align:center;}*/

/*.banner:hover .joint3{ top:0; transition:all 1s ease-in-out;}*/

/*.banner::before{ background:rgba(0,0,0,0.3); top:0; left:0; right:0; bottom:0; content:""; position:absolute; z-index:1;}*/
/*.baner_content{ position:absolute; top:50%; z-index:1; width:1170px; margin:0 auto; text-align:center;}
.baner_content h2{ color:#fff;}
.baner_content p{ margin:20px 0; color:#fff; font-size:16px;}
.baner_content a{ display:inline-block; border:2px solid #ffffff; padding:10px 25px; border-radius:25px; text-transform:uppercase; margin:0 5px; color:#fff; transition:0.5s all ease-in-out;}
.baner_content a:hover{ background:#EC008C; border:2px solid transparent;}*/
.active1{ background:#EC008C; border:transparent !important;}

.index_about{ width:100%; display:inline-block; margin:70px 0;}
.index_aboutleft{ float:left; width:50%;}
.index_aboutleft h2{ margin-bottom:20px;}
.index_aboutleft a{  text-transform:uppercase; display:inline-block; background:#579359; padding:5px 15px; color:#fff; margin:10px 0 0 0; transition:0.5s all ease-in-out;}
.index_aboutleft a:hover{ background:#0B57BD;}
.vin_border{ width:5%; display:block; height:2px; background:#0B57BD; position:relative; margin:15px;}
.vin_border::after{ background:#000; content:""; position:absolute; width:100%; height:2px; display:block; bottom:10px; left:-17px; margin:0; width:70px;}
.vin_border::before{ background:#000; content:""; position:absolute; width:100%; height:2px; display:block; top:10px; left:-17px; margin:0; width:70px;}
.index_aboutleft p{ margin:20px 0; color:#262424; font-size:16px;}
.index_aboutleft h2{ font-size:35px;}
.index_aboutright{ width:50%; float:right; padding-left:1%; padding-top:5%;}
.index_aboutright em{ position:relative; display:block;}
.index_aboutright em::before{ position:absolute; content:""; top:-7px; right:0; width:50%; height:7px; background:#538D51; }
.index_aboutright em::after{ position:absolute; content:""; top:133px; right:-25%; width:50%; height:7px; background:#538D51;  transform:rotate(-90deg);}
.index_aboutright img{ width:100%;}

.index_our{ width:100%; display:inline-block; background:#569259; padding:50px 0;}
.index_ourtotal{ width:100%; display:inline-block;}
.index_ourtotal h2{ font-size:35px; margin-bottom:20px; text-align:center; color:#fff;}
.vin_border1{ width:5%; display:block; height:2px; background:#0B57BD; position:relative; margin:0 auto;}
.vin_border1::after{ background:#fff; content:""; position:absolute; width:130%; height:2px; display:block; bottom:10px;  left:-8px; right:0; margin:0 auto; }
.vin_border1::before{ background:#fff; content:""; position:absolute; width:130%; height:2px; display:block; top:10px; left:-8px; right:0; margin:0 auto; }
.index_ourleft{ margin:50px 0;}
.index_ourleft{ float:left; width:50%; padding:1%; position:relative;}
.index_ourleft h3{ margin:25px 0 10px 0; color:#fff;  text-transform:uppercase; font-size:21px; position:relative; display:inline-block;}
.index_ourleft h3::before{ position:absolute; content:""; top:-5px; width:50%; background:#fff; height:2px;}
.index_ourleft em{ display:block; overflow:hidden}
.index_ourleft em img{ width:100%; transform:scale(1); transition:0.5s all ease-in-out}
.index_ourleft em img:hover{ transform:scale(1.1)}
.index_ourleft p{ color:#fff; margin:10px 0;}
.index_ourleft .cirtificate{ position: absolute; right: 0; top: 52%; }
/*.index_ourleft a{  text-transform:uppercase; display:inline-block; background:#579359; padding:5px 15px; color:#fff; margin:10px 0 0 0; transition:0.5s all ease-in-out;}
.index_ourleft a:hover{ background:#0B57BD;}*/

 
.client_up{ width:100%; display:inline-block; padding:50px 0; background:#1C1C1C; margin-top:80px;}
.client_upinner{ width:100%; display:inline-block}
.client_upleft{ float:left;}
.client_upleft h2{ text-transform:uppercase; font-size:25px; color:#fff;}
.client_upright{ float:right;}
.client_upright a{  text-transform:uppercase; display:inline-block; padding:15px 40px; color:#fff; transition:0.5s all ease-in-out;border:1px solid #fff;}
.client_upright a:hover{ background:#0B57BD;}

.client{ width:100%; display:inline-block; background:url(../images/image-03.jpg) no-repeat; background-attachment:fixed; background-repeat:no-repeat; padding:80px 0; margin-bottom:100px; position:relative; z-index:1;}
.client::before{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); content:""; z-index:-1;}
.client_inner{ width:100%; display:inline-block;}
.client_left h2{ text-transform:uppercase; font-size:36px; color:#fff; padding:0 0 10px 0;}
.client_left p{ color:#fff; }
.client_left{ float:left; width:50%;}
.client_right{ width:50%; float:right; margin:80px 0;}  
.vin_border2{ width:5%; display:block; height:2px; background:#0B57BD; position:relative; margin:15px 15px 35px 15px;}
.vin_border2::after{ background:#fff; content:""; position:absolute; width:100%; height:2px; display:block; bottom:10px; left:-17px; margin:0; width:70px;}
.vin_border2::before{ background:#fff; content:""; position:absolute; width:100%; height:2px; display:block; top:10px; left:-17px; margin:0; width:70px;}
.client_right li{ padding:0 1%; position:relative;}
.client_right em{ }
.client_right li span{ color:#fff; display:block; background:rgba(0,0,0,0.7); line-height:23px; font-size:13px; min-height:80px; position:absolute; top:65%; z-index:5; left:0; right:0; bottom:0; text-align:center; opacity:0; transition:0.5s all ease-in-out;}
.client_right li:hover span{ opacity:1;}
.client_right li img{ width:100%;}


.contact{ width:100%; display:inline-block;}
.contact h1{ text-align:center; /*background:#EC3642;*/ padding:5px 0; color:#fff; font-size:25px;}
.contact .heading{background:#559056;}
.contact .left{ width:50%; float:left;}
.contact .right{ width:50%; float:right; padding-top:10px;}
.contact .add{ padding:50px 0; width:100%; display:inline-block; background:#fff;}
.contact .left ul{ padding:0px 0;} 
.contact .left li{ font-family: PT_Sans-Web-Regular; font-size:15px; margin:15px 0;}
.contact .left li i{ padding: 5px; width: 20px; height: 20px; /*background:#EC3642;*/ margin-right: 10px; text-align: center; color:#559056; border-radius:50%; line-height:20px; position:relative; }
.contact .left li h2{ display:inline-block; font-size:25px;}
.contact .right h2{ font-size:25px;}

.contact .right input[type="text"]{ width:100%; border:0; border:1px solid #ccc; margin:10px 0; padding:5px;}
.contact .right textarea{ width:100%; border:0; border:1px solid #ccc; margin:10px 0; padding:5px; height:100px;}
.contact .right input[type="submit"]{ background:#559056; color:#fff; padding:5px 10px; cursor:pointer; transition:all 0.5s ease-in-out;}
.contact .right input[type="submit"]:hover{ background:#0B57BD;}

.map{ width:100%; display:inline-block;}


.innerpro{ width:100%; display:inline-block; padding:50px 0;}  
.innerpro h2{ font-size: 35px;}
.innerpro .left{ float:left; width:50%; text-align:center; padding: 15px 0;}
.innerpro .left li{ display:inline-block; width:23%; text-align:center; padding:5px;}
.innerpro .left li img{ width:100%;}
.innerpro .right{ float:right; width:50%; /*padding: 50px 0;*/ text-align:center;}
.innerpro .right li{ padding:20px 0;}
.innerpro .right p{ text-align:center; font-size:15px;}

.range{ width:100%; display:inline-block; padding:50px 0; background:#538D51;}  
.range h2{ font-size: 35px; color:#fff;}
.range li{ display:inline-block; width:24%; padding:1%;}
.range li img{ width:100%;}

.facilities{  width:100%; display:inline-block; padding:50px 0;}
.facilities h2{ font-size:25px; padding:5px 0;}
.facilities .one{ width:100%; display:inline-block;}
.facilities .one .left{ width:50%; float:left;}
.facilities .one .right{ width:50%; float:right; text-align:center;}

.facilities .two{ width:100%; display:inline-block;}
.facilities .two .left{ width:50%; float:left;}
.facilities .two .right{ width:50%; float:right; text-align:center;}
.facilities .two .right h2{ padding:10% 0 0;}
.facilities .two .right .ton h2{ font-size:15px; padding:5% 0 0;}

.facilities .three{ width:100%; display:inline-block;}
.facilities .three .left{ width:50%; float:left;}
.facilities .three .left h2{ padding:14% 0 0;}
.facilities .three .right{ width:50%; float:right; text-align:center;}


.footer_social{ width:100%; display:inline-block} 
.footer_social{ width:100%; display:inline-block; padding:30px 0; background:#252525;}
.footer_social_inner{ width:100%; display:inline-block;}
.footer_social_inner span{ color:#fff; text-align:center; font-size:13px; margin:0 auto; display:block;}
.footer_social_inner a{ color:#fff;}
.footer_link{ width:100%; display:inline-block; text-align:center; margin:15px auto;}
.footer_link li{ display:inline-block; text-align:center;}
.footer_link li a{ width:32px; height:32px; margin:0 5px 3px 0; border:1px solid #999999; display:block; color:#fff; transition:0.5s all ease-in-out;}
.footer_link li a:hover{ background:#0B57BD;}
.footer_link li a i{ text-align:center; line-height:32px;}

.scrollToTop{
	width:35px; 
	height:35px;
	text-align:center; 
	
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	right:50px;
	z-index:5;

	display:none;
	bottom:48px;
	background-color:#104E8C;
	color:#FFF;
	
	/*background: url('arrow_up.png') no-repeat 0px 20px;*/
}
.scrollToTop:hover{ background-color:#538D51;
	
}
.scrollToTop i{ font-size:16px; text-align:center; line-height:30px;}


.tuv>a>img{
    max-width:79%;
}