body { font-size:16px; color:#7c7c7c; font-family:microsoft yahei,Verdana; line-height:1.5;margin:0px; padding:0px;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;}
img { border:0px;}
a { color:#7c7c7c; text-decoration:none;}
a:hover { color:#05a;}


/*body*/
#container { width:100%; margin:0 auto;}

/*header*/
#header { width:1200px; height:115px; margin:0 auto;}
#nav { float:right;}

 
/*main*/
#maincontent { margin-bottom:8px;}

 
/*footer*/
#footer { height:70px;}


.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}


.qy_logo{ float:left; width:300px; height:80px; background-image:url(../Images/qy_logo.png); margin:16px 0px 0px 0px;}


.navbar-brand{
		    padding: 29px 15px;
		    height: auto;
		}
		nav.navbar.bootsnav{
		    border: none;
		    margin-bottom: 150px;
		}
		.navbar-nav{
		    float: left;
		}
		nav.navbar.bootsnav ul.nav > li > a{
		    color: #474747;
		    text-transform: uppercase;
		    padding: 30px;
		}
		nav.navbar.bootsnav ul.nav > li:hover{
		    background: #f4f4f4;
		}
		.nav > li:after{
		    content: "";
		    width: 0;
		    height: 2px;
			background:#1d609b;
		    position: absolute;
		    bottom: 0;
		    left: 0;
		    transition: all 0.5s ease 0s;
		}
		.nav > li:hover:after{
		    width: 100%;
		}
		nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
		    font-size: 16px;
		    font-weight: 500;
		    position: absolute;
		    top: 35%;
		    right: 10%;
		    transition: all 0.4s ease 0s;
		}
		nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{

		}
		.dropdown-menu.multi-dropdown{
		    position: absolute;
		    left: -100% !important;
		}
		nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
		    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		    border: none;
		}
		@media only screen and (max-width:990px){
		    nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,
		    nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: " "; }
		    .dropdown-menu.multi-dropdown{ left: 0 !important; }
		    nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; }
		    nav.navbar.bootsnav ul.nav > li > a{ margin: 0; }
		}
		
.banner{ position:relative; z-index:1; overflow:hidden;}
.banner .bd ul li a{ display:block; height:572px;}
.banner .hd{ position:absolute; bottom:25px; z-index:2; text-indent:9999px; width:100%;}
.banner .hd ul{ margin:0 auto;}
.banner .hd ul li{ width:13px; height:13px; background-color:#fff; border-radius:6px; float:left; margin-right:9px; cursor:pointer;
-moz-transition: width 0.8s;	/* Firefox 4 */
-webkit-transition: width 0.8s;	/* Safari บอ Chrome */
-o-transition: width 0.8s;
transition: width 0.8s;
}
.banner .hd ul li.on{ width:40px; background-color:#f5821f; opacity:0.8;}


 /*----------------------------------------------------
   Service Section 
------------------------------------------------------*/
 
 .service_section {
     padding-bottom: 95px;
	 padding-top:95px;
	 background:#f6f8fa;
 }
 .service_imgg img {
     max-width: 100%;
     padding: 15px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border-radius: 50%;
     border: 1px solid #EBEBEB;
 }
 .service_left_list .icon-fea {
     font-size: 40px;
     color: #038FD6;
 }
 .service_left_list h4 {
     text-transform: capitalize;
     letter-spacing: 1px;
     margin-bottom: 10px;
	 color:#363737;
 }
.service_left_list {
	 font-size:16px;
	 line-height:26px;
	 color:#7c7c7c;
  }
 .service_left_list {
     text-align: right;
     margin-bottom: 52px;
     margin-top: 35px;
 }
 .service_right_list {
     text-align: left;
     margin-bottom: 52px;
 }
 .service_imgg {
     width: 446px;
     margin-left: 50px;
	 margin-top:15px;
 }
 .service_section .more-link {
     margin-top: 20px;
     background: transparent;
     color: #038FD6;
     border: 2px solid #038FD6;
 }
 .service_section .more-link:hover {
     background: #038FD6;
     color: #fff;
 }
 .service_section .owl-nav div {
     left: 25px;
     line-height: 52px;
     opacity: 0;
 }
 .service_section .owl-nav .owl-next {
     left: auto;
     right: 25px;
 }
 .service_imgg:hover .owl-nav div {
     opacity: 1;
 }
 
  .base-header {
     padding-bottom: 50px;
     width: 100%;
     margin: auto;
     text-align: center;
 }
 .base-header h3 {
     letter-spacing: 2px;
     position: relative;
     color: #414141;
     line-height: 32px;
     font-size: 40px;
     text-transform: capitalize;
     font-weight: 600;
     margin-bottom: 20px;
 }
 .base-header p {
     color: #505050;
     font-size: 16px;
     font-weight: 300;
     line-height: 24px;
	 letter-spacing: 1px;
     margin: auto auto 0;
     width: 750px;
     margin-bottom: 15px;
 }
 .col-md-12{ width:100%;}
 .row{ margin-right:-15px; margin-left:-15px;}
 .text-center{ text-align:center;}
 
 
 .more-link:hover,
 .more-link:focus,
 .more-link:active {
     background: #fff;
     color: #038FD6;
 }
 .more-link {
     display: inline-block;
     font-size: 16px;
     padding: 12px 30px;
     color: #038FD6;
     text-transform: capitalize;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     background: transparent;
     letter-spacing: 1px;
     border-radius: 50px;
     border: 2px solid #038FD6;
 }
 
 /*----------------------------------------------------
   Product 
------------------------------------------------------*/ 
.box3{background: url(../images/cbj3.jpg) no-repeat center;padding: 4rem 0;}
.box3 .h2{margin-bottom: 50px;}
.box3 .h2 h4{ text-align:center; color:#FFFFFF;letter-spacing: 2px;font-size: 40px;font-weight: 600;}
.box3 .container1{max-width: none;}
.container1{max-width: 75em;
    margin: 0 auto;
    padding: 0 1rem;}
.box3 .ih-item {float: left;}

.box3 .ih-item.square{width: 25%;border:none;height: auto;box-shadow: none;}
.box3 .ih-item.square.effect6 .info{background:rgba(47,65,155,0.85);;}
.box3 .ih-item.square.effect6 .info h3{background:none;margin: 46% 20px 0; font:normal 33px/40px;min-height: 80px;
    -webkit-transition: all 0.85s ease-in-out;
    -moz-transition: all 0.85s ease-in-out;
    transition: all 0.85s ease-in-out;}
.box3 .ih-item.square.effect6 .info p{font-size: 18px;}

.ih-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;

  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.ih-item.square.effect6 {
  overflow: hidden;
}
.ih-item.square.effect6.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect6.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect6 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect6 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info p {

  font-size: 14px;
  position: relative;
  color: #fff;
  padding: 20px 20px 20px;
  text-align: center;
  -webkit-transition: all 0.35s 0.1s linear;
  -moz-transition: all 0.35s 0.1s linear;
  transition: all 0.35s 0.1s linear;
}
.ih-item.square.effect6 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect6 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect6.from_top_and_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect6.from_top_and_bottom .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
.ih-item.square.effect6.from_top_and_bottom a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect6.from_left_and_right .info h3 {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.square.effect6.from_left_and_right .info p {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.square.effect6.from_left_and_right a:hover .info h3,
.ih-item.square.effect6.from_left_and_right a:hover .info p {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.square.effect6.top_to_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect6.top_to_bottom .info p {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect6.top_to_bottom a:hover .info h3,
.ih-item.square.effect6.top_to_bottom a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect6.bottom_to_top .info h3 {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect6.bottom_to_top .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect6.bottom_to_top a:hover .info h3,
.ih-item.square.effect6.bottom_to_top a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}


.news_con ul li a{ display:block;}
.news_con ul li a .date{ width:88px; height:31px; background-color:rgba(3,143,214,0.9);  position: relative;top:-200px; right:0; float:right; text-align: center; color:#FFFFFF; line-height:31px;}
.news_con ul li{ float: left; width:375px; margin:0px 12px 40px 12px; background:#FFFFFF;}
.news_img{ width:375px; height:240px; overflow:hidden;}
.news_con ul li a .news_tit{ font-size:20px; color:#414141; position:relative; border-bottom:1px #f5eded solid; padding:20px 0px; margin:0px 15px;}
.news_con ul li a:hover .news_tit{ color:#038fd6;}
.news_con ul li a .news_content{ height:140px; font-size:16px; line-height:28px; color:#777777; text-align:justify; padding:20px 20px;}

.news_con a .news_img01 {
  transition: transform 1s ease 0s;
  transform: scale(1);
}

.news_con a:hover .news_img01 {
transition: transform 1s ease 0s;
	transform: scale(1.1);
}

.news_con ul li a .news_more01{ color:#B02221;}
.news_more01 span{ margin-left:5px;}


/*----------------------------------------------------
   14. Bottom Banner  Section
------------------------------------------------------*/
 
 .bottom_banner {
     padding: 30px 0;
     background-image: url("../images/achive.jpg");
 }
 .flt_left {
     float: left;
 }
 .bottom_banner h4 {
     color: #fff;
     margin-top: 0;
     text-transform: capitalize;
     /*! letter-spacing: 0px; */
     
     font-size: 28px;
	 letter-spacing: 1px;
	 font-weight:normal;
     margin-bottom: 6px;
 }
 .bottom_banner p {
     color: #fff;
     letter-spacing: 1px;
	 font-size:16px;
     margin-bottom: 0;
 }
 .sub_form {
     text-align: right;
 }
 .sub_form input {
     background: #fff none repeat scroll 0 0;
     border: medium none;
     border-radius: 30px;
     color: #352f2f;
     display: inline-block;
     font-size: 15px;
     font-weight: 300;
     height: 62px;
     margin-right: 21px;
     padding-left: 35px;
     width: 56%;
 }
 .sub_form button:hover {
     background: #fff;
     color: #038FD6;
 }
.sub_form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #ffffff;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-weight: 500;
    line-height: 1;
    padding: 19px 41px;
    transition: all 0.3s ease 0s;
    text-transform: capitalize;
    font-size: 16px;
}


 /*----------------------------------------------------
   15. Footer Section
------------------------------------------------------*/
 
 .footer-section {
     float: left;
     width: 100%;
     padding: 52px 0 0 0;
     color: #4b5050;
     background: #fff;
 }
 .footer-section .widget {
     padding-bottom: 45px;
     margin-bottom: 17px;
 }
 .footer-section .widget h5 {
     color: #3c3c3c;
     text-transform: capitalize;
     letter-spacing: 2px;
     font-size: 20px;
     font-weight: 700;
 }
 .footer-section .widget h3 {
     color: #fff;
     font-weight: 900;
     letter-spacing: 3px;
 }
 .footer-section .widget p {
     color: #4b5050;
     margin-left: -15px;
     margin-top: 0px;
 }
 .footer-section .widget img {
     margin-top: 34px;
     margin-left: -15px;
     margin-bottom: 17px;
 }
 .list-icons {
     padding-left: 0;
     list-style: none;
 }
 .footer-section .list-icons {
     margin-left: -15px;
     margin-top: 4px;
 }
 .list-icons li {
     padding-bottom: 5px;
 }
 .list-icons li a {
     color: #4b5050;
 }
 .list-icons li a:hover {
     color: #038FD6;
     text-decoration: underline;
 }
 .recent-post {
     margin: 0;
     padding: 0;
 }
 .recent-post h6 {
     margin-bottom: 12px;
     margin-top: 20px;
 }
 .recent-post li {
     border-bottom: 1px dashed transparent;
     list-style: none;
     margin: 0 0 -11px 0;
     position: relative;
     border-color: #e4e6e6;
 }
 .recent-post li:last-child {
     border-bottom: transparent;
 }
 footer .recent-post li a {
     color: #4b5050;
     font-size: 15px;
	 font-weight: 400;
 }
 footer .recent-post li a:hover {
     color: #4b5050;
     text-decoration: underline;
     margin-left: 3px;
 }
 footer .recent-post-date {
     position: absolute;
     width: 35px;
     height: auto;
     border: 1px solid #e9dddd;
     text-align: center;
     text-transform: uppercase;
     font-size: 11px;
     line-height: 11px;
     padding: 8px;
     border-radius: 2px;
     left: 0;
     top: 5px;
 }
 .footer-social-links ul {
     margin-left: -39px;
 }
 .footer-social-links ul li {
     display: inline-block;
     position: relative;
     margin: 10px 5px 0;
     line-height: 1em;
     vertical-align: top;
 }
 .footer-social-links ul li a {
     display: inline-block;
     text-align: center;
     width: 46px;
     height: 46px;
     line-height: 46px;
     font-size: 21px;
     border: 1px solid #bababa;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     color: #bababa;
     position: relative;
     overflow: hidden;
     z-index: 1;
 }
 .footer_contact_info {
     padding: 5px 0 0;
 }
 .footer_contact_info {
     list-style: none;
 }
 .footer_contact_info li {
     margin-bottom: 10px;
 }
 .footer_contact_info li span {
     margin-left: 15px;
 }
 .subfooter {
     float: left;
     width: 100%;
     text-align: center;
     padding: 16px;
     color: #bababa;
     border-top: 1px solid #f0f0f0;
 }
 .subfooter p {
     color: #7b7c7c;
     float: left;
     margin-left: -12px;
	 padding-top:8px;
     font-size: 15px
 }
 .subfooter p a {
     color: #7b7c7c;
 }
 .scrollup {
     float: right;
 }
 .scrollup i {
     background: #038FD6;
     padding: 7px;
     color: #fff;
     font-size: 25px;
     border-radius: 50%;
     position: relative;
     bottom: -12px;
 }
 .scrollup i:hover {
     color: #038FD6;
     background: transparent;
     border: 2px solid #038FD6
 }
 
.foot_nav{ width:1170px; margin:0 auto; height:325px;}
.f_tit h3{color:#3f3f3f; font-size:20px; padding:0px 0px 20px 0px;}
.f_tit p{ color:#7b7c7c; font-size:15px; line-height:28px;}
.f_tit p a{ color:#7b7c7c;}
.f_tit p a:hover{ color:#038fd6;}
.f_tit p span{ margin-right:10px;}
.foot_nav01{ width:182px; float: left;}
.foot_nav02{ width:360px; float: left; margin-left:80px;}
.foot_nav03{ width:250px; float: left;margin-left:50px;}
.foot_nav04{ width:160px; float: right;}


.banner_inner {  position:relative; overflow:hidden;}
.banner_inner img {  width:100%; height:100%;}
.banner_inner_txt { position:absolute; height:82px; top:57%; left:20%;}
.banner_inner_txt h4 { height:32px; color:#fff; position:relative;}
.banner_inner_txt em { position:absolute; bottom:-22px; width:74px; height:4px; display:block; left:0; background:#fff;}
.fnt_32 { font-size:32px; line-height:34px;}

.inner_about{ width:100%; border-bottom:1px #d7d7d7 dotted; padding:90px 0px; margin:0 auto;}
.inner_about_content{ width:1200px; height:100%; overflow:hidden; margin:0 auto;}
.inner_about_content_left{ float:left; margin:0px 0px 0px 10px;}
.inner_about_content_right{ float:right; margin:0px 20px 0px 0px;}
.inner_about_content_right h3{ font-size:30px; line-height:40px; color:#4b4a4a; font-weight:normal; padding:4px 0px 20px 30px;}
.inner_about_content_right p{ font-size:16px; line-height:28px; color:#7c7c7c;}

.inner_about_content_1{ width:1200px; height:100%; overflow:hidden; padding:78px 0px; margin:0 auto;}
.inner_about_content_1 h2{ font-size:28px; color:#4b4a4a; text-align:center; padding:0px 0px 20px 0px;}
.inner_about_content_1 p{ font-size:16px; line-height:28px; color:#7c7c7c; text-align:center;}


.cb_main{width:100%; height:100%; overflow:hidden; margin-top:32px; margin-bottom:50px;}
.cbm_item{width:100%; height:68px;margin-bottom:16px;padding-left:40px;}
.c_item1{background:url(../images/con_pic1.png) left top no-repeat}
.c_item2{background:url(../images/con_pic2.png) left top no-repeat}
.c_item3{background:url(../images/con_pic3.png) left top no-repeat}
.c_item4{background:url(../images/con_pic4.png) left top no-repeat}
.c_item5{background:url(../images/con_pic5.png) left top no-repeat}
.c_item6{background:url(../images/con_pic6.png) left top no-repeat}
.c_item8{background:url(../images/con_pic8.png) left top no-repeat}
.l_050{width:40%;float:left}
.ci_tit{width:100%;float:left;line-height: 26px;font-size:16px;color:#000;font-weight:bold;background:url(../images/con_pic7.png) left bottom no-repeat;padding-bottom:5px}
.ci_tet{width:100%;float:left;font-size: 16px;line-height:32px;color:#6d6d6d;padding-top:5px}
.ci_tet a{display:block;float:left;color:#6d6d6d;margin-right:20px}
.ci_tet p{float:left;margin-right:20px}
.ci_tet a.on_item{display: block;float:left;width:80px;font-size:12px;height:25px;line-height:25px;margin:8px 10px 0 0;text-align:center;color:#ef6500;background:#fff;border:1px solid #ef6500;border-radius:5px}
.ci_tet a.on_item:hover{color:#fff;background:#ef6500}
.r_050{width:58%;float:right}


#side { float:left; width:270px; min-height:410px;}
#left_title{ width:250px; height:45px; line-height:45px; font-size:16px; color:#FFFFFF; padding:0px 0px 0px 20px; background:#2f2f2f;}
#left_nav{ width:250px; min-height:200px; background:#fff;}
#main{ float:right; width:880px;}
#position{ height:43px; line-height:43px; padding-right:15px; text-align:right; border:1px solid #d7d7d7;}
#position a{}
#position span{ font-size:18px; color:#fff; padding-left:20px; padding-right:37px; display:inline-block; background:url(../images/in_sign.jpg) #1551a1 right no-repeat;}
#position .po_cur{ color:#1551a1;}
.fl{float:left;}
.fr{float:right;}

.inner_about_content_2{ width:1200px; height:100%; overflow:hidden; padding:50px 0px; margin:0 auto;}

.works a{
	display: block;
	background: url(../images/img_78.png) no-repeat center center;
	width: 210px;
	height: 50px;
	padding-right: 30px;
	text-align: center;
	font-size: 16px;
	color: #666666;
	line-height: 50px;
	margin-top: 44px;
	margin-bottom:20px;
	transition: all 0.3s;
}
.works a:hover{
	background: url(../images/img_79.png) no-repeat center  center;
	color: #0089e0;
	transition: all 0.3s;
}


.news{ margin:0px 0px 50px 0px;; padding-bottom:80px; padding-top:80px; border-bottom:1px #e8e8e8 solid;}
.news .date{color:#777777; letter-spacing:2px; font-size:16px; padding:10px 0px 20px 20px;}
.news .title{ padding:10px 0px 20px 0px;}
.news .title a{color:#707070; font-size:32px; line-height:38px; text-decoration:none;}
.news .title a:hover{ color:#b89f7a;}
.news .content{ text-align:justify; line-height:32px; font-size:16px; padding:0px 20px 0px 20px;}