/*common css start*/
*{margin:0; padding:0;}
img, fieldset{border:none;}
.curv{float:left; width:100%;}
.curv img{float:left;}
:focus{outline:none}
h1,h2,h3,h4 h5,h6{ margin:0;padding:0;}
body{font:normal 14px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;}
/*common css end*/

.wrapper{max-width:1100px; margin:0 auto;}
.outer_wrapper{max-width:1280px; margin:0 auto;}

/*header start*/
header{float:left; width:100%; padding:0 0 52px 0;}
.header_sec{float:left; width:100%; border-bottom:1px solid #d2d2d2; padding:53px 0 20px 0;}
.header_sec{float:left; width:100%;}
.header_sec .logo{float:left; width:10.72%; margin:0 3% 0 -1%;}
.header_sec .logo img{float:left; width:100%;}
nav{float:left; width:86%;}
nav ul{float:left; width:100%; list-style:none; margin:0;}
nav ul li{float:left; padding:4% 2% 0 0; font-size:14px; line-height:17px;}
nav ul li a{float:left; text-decoration:none;  color:#7e7e7e;}
nav ul li a:hover{color:#000000;}
nav ul li.active a{color:#000000;}
/*header end*/

/*slider start*/
.slider_container{float:left; width:100%; position:relative; padding:0 0 47px 0;}
.slider_container .slider{float:left; width:100%; background:#cccccc; min-height:720px;}
.slider_img{float:left; width:100%;}
.slider_img img{float:left; width:100%;}
.slider_detail{float:left; width:auto; position:absolute; left:7%; top:201px; color:#fff;}
.slider_detail h1{font-size:48px; line-height:57px; font-weight:bold;}
.slider_detail.slider2{top:491px;}
.slider_img.slider_img3{width:50%;}
.slider_detail.slider3{top:213px; left:680px; color:#171717;}
.slider_detail.slider4{top:493px; left:640px; color:#508fba;}

.slideshow_nav{width:93%; padding:26px 7% 0 0; list-style:none; margin:0; text-align:right; display:inline-block;}
.slideshow_nav li{padding:0 0.5% 0 0; display:inline;}
.slideshow_nav li a{text-decoration:none; background:url(../images/slide_bg.png) no-repeat 0 0; width:13px; height:13px; display:inline-block;}
.slideshow_nav li a:hover{background:url(../images/slide_bg.png) no-repeat 0 -13px;}
.slideshow_nav li.active a{background:url(../images/slide_bg.png) no-repeat 0 -13px;}
.slideshow_nav li.last{padding-right:0;}
/*slider end*/

/*home sec start*/
.body_container{float:left; float:left; width:100%;}
.home_sec{float:left; width:100%; padding:90px 0 86px 0; border-top:1px solid #d2d2d2;}
.banner_box{float:left; width:46.18%; color:#508fba; position:relative;}
.banner_box .banner_img{float:left; width:100%;}
.banner_box .banner_img img{float:left; width:100%;}
.banner_box span{font-size:30px; line-height:38px; position:absolute; left:4%; top:116px; font-weight:bold;}
.banner_box span strong{color:#999999;}
.banner_box.banner_box2{margin-left:7.5%;}
.banner_box.banner_box2 span{top:39px;}
/*home sec end*/

/*product_sec start*/
.banner_container{float:left; width:100%;}
.banner_img{float:left; width:100%;}
.banner_img img{ float:left; width:100%;}
.slideshow_nav.product{padding-right:0; width:100%;}
.banner_detail{float:left; width:72%; text-align:left;}
.banner_detail h3{font-size:47px; line-height:50px; color:#000000; display:inline-block; padding:0 0 8px 0; font-weight:bold;}
.banner_detail p{font-size:18px; line-height:27px; color:#000000; display:inline-block;}
.box1{float:left; width:100%; padding:94px 0 60px 0; border-bottom:1px solid #d2d2d2;}
.box1 .pic_box1_detail{float:left; width:48%; }
.box1 .pic_box1{float:right; width:31.18%;}
.box1 .pic_box1 img{float:left; width:100%;}
.pic_detail_sec{float:left; width:100%;}
.pic_detail_sec .row{float:left; width:99%; padding:14px 0 12px 1%; font-size:14px; line-height:20px; color:#7e7e7e;}
.pic_detail_sec .row .col1{float:left; width:17.24%;}
.pic_detail_sec .row .col2{float:left; width:82%;}
.pic_detail_sec .row.even{ background:#f3f5f8;}

.btn_box{float:left; width:100%; list-style:none; margin:59px 0 0 0;}
.btn_box li{float:left; padding:0 1.3% 0 0;}
.btn_box li a{float:left; text-decoration:none; font-size:14px; line-height:17px; color:#fff;  font-weight:bold; background:#bfbfbf; padding:11px 20px 11px 20px; border-radius:4px; position:relative; z-index:1; behavior: url(PIE.htc);}
.btn_box li a:hover{background:#508fba;}
.box2{float:left; width:100%; padding:97px 0 0 0; border-bottom:1px solid #d2d2d2;}
.box2 .pic_box2{float:left; width:41%;}
.box2 .pic_box2 img{float:left; width:100%;}
.pic_box2_detail{float:right; width:48%;}
.product_sec h3{font-size:34px; line-height:41px; color:#000; padding:0 0 25px 0;}
.product_sec p{font-size:18px; line-height:29px; color:#7e7e7e;}

.box3{float:left; width:100%; padding:97px 0 99px 0; text-align:center; border-bottom:1px solid #d2d2d2;} 
.box3 .pic_box3{ width:91.63%; display:inline-block;}
.box3 .pic_box3 img{width:100%;}
.box4{float:left; width:100%; padding:95px 0 0 0; border-bottom:1px solid #d2d2d2;}
.pic_box4_detail{float:left; width:49.45%;}
.box4 .pic_box4{float:right; width:50.18%;}
.box4 .pic_box4 img{float:left; width:100%;}

.box5{float:left; width:100%; padding:97px 0 20px 0; border-bottom:1px solid #d2d2d2; text-align:center;}
.box5 .pic_box5{width:76.63%; display:inline-block; margin:44px 0 0 0;}
.box5 .pic_box5 img{width:100%;}

.box6{float:left; width:80%; padding:104px 20% 95px 0; border-bottom:1px solid #d2d2d2;}
.banner_container.spacer{padding-top:49px; text-align:center; padding-bottom:93px;}
.banner_container.spacer .banner_img{width:100%; background:#171717;}
.banner_container.spacer .banner_img .banner{ width:58%; display:inline-block;}
.banner_container.spacer .banner_img img{width:100%;}
.expand_link{font-size:18px; line-height:33px; color:#508fba; text-decoration:none; padding:30px 0 0 3%; display:inline-block; width:97%; background:url(../images/icon1.png) no-repeat left 30px;}

.cmn_sec{float:left; width:100%; padding:92px 0 92px 0; border-top:1px solid #d2d2d2;}
.cmn_box{float:left; width:45%; padding:0 3% 0 0;}
.cmn_box .cmn_link{width:100%; display:inline-block; font-size:18px; line-height:21px; color:#508fba; font-weight:bold; padding:34px 0 0 0;}

.btm_banner{float:left; width:100%; padding:49px 0 98px 0; border-top:1px solid #d2d2d2; position:relative;}
.btm_banner .banner_img2{float:left; width:100%;}
.btm_banner .banner_img2 img{float:left; width:100%;}
.btm_banner_detail{float:left; width:auto; position:absolute; top:438px; left:72px;}
.btm_banner_detail h3{font-size:48px; line-height:60px; color:#ffffff; font-weight:bold;}
.btm_banner_detail .read_link{font-size:18px; line-height:21px; color:#fff; text-decoration:none; display:inline-block; font-weight:bold;}
/*product_sec end*/

/*blog landing sec start*/
.slider_detail.banner1{top:434px; left:661px;}
.slider_container .sep{float:left; width:100%;  background:url(../images/blog_sep.jpg) no-repeat 50% 50%;  padding:58px 0;}
.slider_detail.banner2{top:1044px; color:#508fba;}
.slider.banner3{background:#171717;}
.slider_img.banner3{width:37.5%; float:right;}
.slider_detail.banner3{top:1883px; color:#508fba;}
.slider_detail.banner4{top:2728px; color:#fff; left:664px;}
.pagination{ float:left; width:86%; padding:49px 7% 0 7%; background:url(../images/blog_sep.jpg) no-repeat 50% 50%; text-align:center; position:relative;}
.pager{list-style:none; width:auto;}
.pager li{padding:0 16px 0 0; display:inline; padding:0 16px 0 0;}
.pager li a{text-decoration:none; color:#999999;}
.pager li a:hover{color:#000000;}

.left_arrow{padding-left:50px; font-size:14px; line-height:17px; color:#999999; position:absolute; left:89px; top:61px; background:url(../images/left_arrow.png) no-repeat left 3px;}
.right_arrow{padding-right:50px; font-size:14px; line-height:17px; color:#999999; position:absolute; right:89px; top:61px; background:url(../images/right_arrow.png) no-repeat right 3px;}
/*blog landing sec end*/

/*blog article sec start*/
.slider_container.spacer{padding-bottom:0;}
.slider_img.blog_article{width:56.38%;}
.blog_detail{float:left; width:100%; padding-bottom:104px;}
.blog_detail h3{font-size:48px; line-height:53px; color:#000000; font-weight:bold; padding:0 0 43px 0;}
.blog_left{float:left; width:21.81%;}
.blog_left p{font-size:14px; line-height:28px; color:#999999; padding:0 0 14px 0; display:inline-block;}
.blog_left p a{text-decoration:none; color:#508fba;}

.social_icon{float:left; width:100%; list-style:none; padding:16px 0 0 0; margin:0; border-top:1px solid #d2d2d2;}
.social_icon li{float:left; padding:0 20px 0 0;}
.social_icon li a{float:left;}
.social_icon li a img{float:left;}

.blog_right{float:left; width:49%; margin:0 0 0 4%;}
.blog_right p{font-size:18px; line-height:30px; color:#000000; padding:0 0 29px 0;}
.blog_right p a{ text-decoration:none; color:#508fba;}

.row2{float:left; width:100%; padding:94px 0 92px 0; border-top:1px solid #d2d2d2;}
.row2 .left_link{float:left; padding:0 0 0 38px; font-size:30px; line-height:34px; color:#999999; font-weight:bold; text-decoration:none; background:url(../images/left_arrow.png) no-repeat left 13px;}
.row2 span{color:#508fba;}
.row2 .left_link.right{float:right; padding:0 0 0 38px; background:url(../images/right_arrow.png) no-repeat left 13px;}
/*blog article sec end*/

/*contact sec start*/
.contact_sec{ float:left; width:100%;}
.contact_sec .map_img{float:left; width:100%;}
.contact_sec .map_img img{float:left; width:100%;}
.contact_sec h3{font-size:32px; line-height:35px; color:#000000; padding:48px 0 88px 0; display:inline-block; width:100%;}
.add_box{float:left; width:100%; border-top:1px solid #d2d2d2; padding:95px 0 88px 0;}
.add_box .cmn_box1{float:left; width:32%; padding:0 18% 0 0;}
.add_box .cmn_box1 h3{font-size:18px; line-height:21px; color:#000000; display:inline-block; padding:0 0 33px 0;}
.add_box .cmn_box1 p{font-size:18px; line-height:31px; color:#7e7e7e; font-weight:normal;}
.add_box .cmn_box1 p a{font-size:18px; line-height:21px; color:#508fba; text-decoration:none;}
.contact_box{float:left; width:100%; padding:100px 0 70px 0; border-top:1px solid #d2d2d2;}
.contact_left_detail{float:left; width:36.63%;}
.contact_left_detail h3{font-size:18px; line-height:21px; color:#000000; padding:0 0 39px 0;}
.contact_left_detail p{font-size:18px; line-height:30px; color:#7e7e7e;}

.contact_right_detail{float:right; width:49.18%;}
.contact_right_detail form{float:left; width:100%;}
.contact_right_detail .row{float:left; width:100%; padding:0 0 27px 0;}
.contact_right_detail .row.spacer{padding:0 0 54px 0;}
.contact_right_detail label{float:left; width:100%; font-size:18px; line-height:21px; color:#7e7e7e; padding:0 0 9px 0;}
.contact_right_detail .col3{float:left; width:48.88%;}
.contact_right_detail .col3 small{font-size:14px; line-height:17px; color:#000000; background:#eeeeee; padding:10px 4% 10px 4%; border-left:1px solid #cccccc; border-radius:6px 0 0 6px; position:relative; z-index:1; behavior: url(PIE.htc); float:left; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.contact_right_detail .text_input{float:left; border:1px solid #cccccc; border-radius:0 4px 4px 0; position:relative; z-index:1; behavior:url(PIE.htc); float:left; width:64.77%; padding:9px 0 10px 0; font-size:15px; line-height:17px;}
.contact_right_detail .col3.spacer{margin:0 0 0 2%;}
.contact_right_detail .text_input.text_input2{ width:100%; border-radius:4px;}
.contact_right_detail textarea{float:left; width:100%; border-radius:4px; border:1px solid #cccccc; min-height:100px; font-size:15px; line-height:17px;}
.contact_right_detail .sbt_btn{float:left; border-radius:4px; background:#508fba; cursor:pointer; behavior: url(PIE.htc); position:relative; z-index:1; border:none; padding:11px 3% 12px 3%; color:#fff; font-weight:bold;}
/*contact sec end*/

/*footer start*/
footer{float:left; width:100%;}
.footer_content{float:left; width:100%; padding:49px 0 96px 0; border-top:1px solid #d2d2d2;}
.footer_content .box{float:left; width:34%;}
.footer_content .box h3{font-size:14px; line-height:24px; color:#000000; padding:0 0 5px 0;}
.footer_content .box p{font-size:14px; line-height:28px; color:#7e7e7e;}
.footer_content .box p a{text-decoration:none; color:#3c809d;}
.footer_link{float:left; width:100%; list-style:none; margin:0; padding:5px 0 0 0;}
.footer_link li{float:left; padding:0 28px 0 0; font-size:14px; line-height:17px;}
.footer_link li a{float:left; text-decoration:none; color:#3c809d;}
.footer_link li a img{float:left; width:auto; margin:-2px 3px 0 0; vertical-align:bottom;}
.footer_content .box.last{width:31%;}
.join_form{float:left; width:100%;}
.join_form form{float:left; width:100%;}
.join_form .col{float:left; width:224px;}
.join_form label{font-size:14px; line-height:17px; color:#7e7e7e; padding:0 0 3px 0; border-bottom:1px solid #d2d2d2; float:left; width:100%;}
.join_form .email_input{float:left; width:204px; border:none; margin:2% 0 0 0;}
.join_form .sign_btn{float:right; padding:6px 18px 7px 15px; background:#b7b7b7; font-size:14px; line-height:17px; color:#ffffff; border-radius:4px; cursor:pointer; border:none; behavior: url(PIE.htc); position:relative; z-index:1;}
.clear{clear:both;}
/*footer end*/

.toggleMenu {display:none; color:#fff; font-size:17px; padding:2% 0 2% 0; background:#508fba url(../images/nav_icon.png) no-repeat 70% 51%; width:100%;  margin:2% 0 0 0; line-height:19px; text-decoration:none!important; text-align:center; display:inline-block;}
.toggleMenu:hover{color:#fff; text-decoration:none;}