html{overflow-x:hidden}
body{ font-family:'helveticaneuecyr-roman','Arial',sans-serif; }
h1,h2,h3,h4,h5,h6,p,dl,dt,dd{font-size:100%;font-weight:normal;padding:0;margin:0}
h1,h2{font-family:'helveticaneuecyr-bold'}
p{ font-family:'helveticaneuecyr-light'}
ul,ol{padding:0;margin:0;list-style:none}
a:link,a:visited,a:hover,a:active{text-decoration:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b3b3b3}
textarea{resize:none}

@media (min-width: 1430px){.container{ width: 1430px; }}

.header{ position: absolute; top: 0; right: 0; left: 0; z-index: 1000; width: 100%; padding: 32px 0; }
.logo{ position: relative; z-index: 2000; height: 42px; float: left; }
.logo a{ display: block; }
.logo a img{ height: 100%; display: block; }
.menu{ height: 40px; margin: 1px 0; float: right; }
.menu ul li{ position: relative; height: 40px; margin-left: 76px; float: left; }
.menu ul li::after{ position: absolute; bottom: 0; left: 0; z-index: 1; width: 0%; height: 2px; background: #1650a2; content: ''; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -ms-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; }
.menu ul li a{ line-height: 40px; font-size: 18px; color: #1650a2; text-transform: capitalize; display: block; }
.menu ul li.on::after,
.menu ul li:hover::after{ width: 100%; }
.menu ul li.on a,
.menu ul li:hover a{ color: #1650a2; }
.menu ul li:last-child{ width: 120px; }
.menu ul li:last-child a{ background: #1650a2; color: #fff; text-align: center; }
.menu ul li .menu-nav{ position: absolute; top: auto; left: 0; z-index: 1200; width: 180px; height: auto; padding: 10px 0; background: rgba(255,255,255,0.8); display: none; }
.menu ul li .menu-nav ul li{ height: 30px; float: none; margin: 0; }
.menu ul li .menu-nav ul li a{ line-height: 30px; padding-left: 20px; font-size: 14px; color: #333; }
.menu ul li .menu-nav ul li::after{ height: 0; }
.menu ul li .menu-nav ul li:hover a{ color: #1650a2; }
.menu ul li .menu-nav ul li:last-child{ width: auto; }
.menu ul li .menu-nav ul li:last-child a{ background: transparent; color: #333; text-align: left; }
.menu ul li .menu-nav ul li:last-child a:hover{ color: #1650a2; }
.dl-menuwrapper{ display: none; }

.banner img{ width: 100%; display: block; }
.slick-banner{ margin: 0; }
.slick-banner .slick-dots{ bottom: 35px; }
.slick-banner .slick-dots li{ margin: 0 10px; }
.slick-banner .slick-dots li button{ width: 14px; height: 14px; padding: 0; margin: 3px; border-radius: 50%; background: #fff; opacity: 0.3; }
.slick-banner .slick-dots li button:before{ font-size: 0; }
.slick-banner .slick-dots li.slick-active button{ background: #1650a2; opacity: 1; }
.slick-banner .slick-prev, 
.slick-banner .slick-next{ left: 50px; width: 40px; height: 80px; margin-top: -40px; background-color: rgba(0,0,0,0.4); background-image: url(../images/arrow-left.png); background-repeat: no-repeat; background-position: center center; background-size: auto 24px; opacity: 0; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -ms-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; }
.slick-banner .slick-next{ left: auto; right: 50px; background-image: url(../images/arrow-right.png); }
.slick-banner .slick-prev:before, 
.slick-banner .slick-next:before{ font-size: 0; }
.slick-banner:hover .slick-prev, 
.slick-banner:hover .slick-next{ opacity: 1; }
.slick-banner .slick-prev:hover, 
.slick-banner .slick-next:hover{ background-color: #1650a2; }

.pic{ position: relative; overflow: hidden; }

.pic1-img{ width: 50%; }
.pic1-img img{ width: 100%; display: block; }

.pic1-desc{ position: absolute; top: 0; right: 0; left: 0; z-index: 1; width: 100%; }
.pic1-desc .desc{ width: 50%; float: right; padding: 136px 0 0 80px; }
.pic1-desc .desc h1{ line-height: 60px; font-size: 50px; color: #303030; display: block; }
.pic1-desc .desc a{ width: 170px; height: 45px; line-height: 45px; text-align: center; font-size: 14px; color: #fff; margin-top: 82px; background: #303030; display: block; }
.pic1-desc .desc a:hover{ background: #1650a2; }

.pic2-img{ width: 59%; margin: 0; float: right; }
.pic2-img img{ width: 100%; display: block; }
.pic2-img .slick-dots{ bottom: 30px; }
.pic2-img .slick-dots li{ margin: 0 5px; }
.pic2-img .slick-dots li button{ width: 12px; height: 12px; padding: 0; margin: 4px; border-radius: 50%; background: #303030; opacity: 0.5; }
.pic2-img .slick-dots li button:before{ font-size: 0; }
.pic2-img .slick-dots li.slick-active button{ opacity: 1; }

.pic2-desc{ position: absolute; top: 0; right: 0; left: 0; z-index: 1; width: 100%; }
.pic2-desc .desc{ width: 35%; padding-top: 80px; }
.pic2-desc .desc h1{ position: relative; height: 76px; line-height: 56px; padding: 10px 0; font-size: 50px; color: #303030; margin-bottom: 30px; display: block; }
.pic2-desc .desc h1::after{ position: absolute; bottom: 0; left: 0; z-index: 1; width: 120px; height: 2px; background: #1650a2; content: ''; }
.pic2-desc .desc p{ line-height: 30px; font-size: 16px; color: #535353; display: block; }
.pic2-desc .desc a{ width: 170px; height: 45px; line-height: 45px; text-align: center; font-size: 14px; color: #fff; margin-top: 30px; background: #303030; display: block; }
.pic2-desc .desc a:hover{ background: #1650a2; }

.pic3-img{ width: 50%; }
.pic3-img img{ width: 100%; display: block; }
.pic3-desc{ position: absolute; top: 0; right: 0; left: 0; z-index: 1; width: 100%; }
.pic3-desc .desc{ width: 50%; float: right; padding: 106px 0 0 80px; }
.pic3-desc .desc h1{ position: relative; height: 76px; line-height: 56px; padding: 10px 0; font-size: 50px; color: #303030; margin-bottom: 30px; display: block; }
.pic3-desc .desc h1::after{ position: absolute; bottom: 0; left: 0; z-index: 1; width: 120px; height: 2px; background: #1650a2; content: ''; }
.pic3-desc .desc p{ line-height: 30px; font-size: 16px; color: #535353; display: block; }
.pic3-desc .desc a{ width: 170px; height: 45px; line-height: 45px; text-align: center; font-size: 14px; color: #fff; margin-top: 50px; background: #303030; display: block; }
.pic3-desc .desc a:hover{ background: #1650a2; }

.pic4-desc .desc{ padding-top: 80px;  }

.new-pic{ padding: 65px 0; min-height: 675px; background: #f4f4f4; }
.new-pic-left{ position: relative; width: 265px; min-height: 545px; padding: 40px 0 0 25px; float: left; }
.new-pic-left::after{ position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; width: 1px; height: 100%; background: #e4e4e4; content: ''; }
.new-pic-left h1{ line-height: 48px; font-size: 50px; color: #303030; display: block; }
.new-pic-left h2{ line-height: 42px; font-size: 34px; color: #303030; display: block; }
.new-pic-left a{ width: 152px; height: 47px; line-height: 45px; text-align: center; font-size: 14px; color: #303030; border: 1px solid #303030; border-radius: 23px; margin-top: 24px; display: block; }
.new-pic-left a:hover{ border-color: #1650a2; color: #1650a2; }

.new-pic-right{ width: 1135px; padding: 0 0 0 77px; float: left; }
.new-pic-right-title{ margin-top: 20px; }
.new-pic-right-title p{ line-height: 30px; font-size: 16px; color: #303030; display: block; }
.new-pic-right-main{ margin-top: 50px; }
.new-pic-right-main ul li{ width: 170px; float: left; margin-right: 52px; }
.new-pic-right-main ul li:last-child{ margin-right: 0; }
.new-pic-right-main ul li a{ display: block; }
.new-pic-right-main ul li a .new-pic-right-img{ position: relative; width: 100%; height: 153px; background-repeat: no-repeat; background-position: center center; background-size: 100%; }
/* .new-pic-right-main ul li a .new-pic-right-img::after{ position: absolute; top: -36px; right: -36px; z-index: 1; width: 72px; height: 72px; background: #f4f4f4; transform:rotate(45deg); content: ''; } */
.new-pic-right-main ul li a .new-pic-right-desc{ margin-top: 16px; }
.new-pic-right-main ul li a .new-pic-right-desc h3{ height: 44px; line-height: 22px; font-size: 18px; color: #303030; margin-bottom: 5px; display: block; overflow: hidden;  }
.new-pic-right-main ul li a .new-pic-right-desc .desc{ height: 140px; overflow: hidden; }
.new-pic-right-main ul li a .new-pic-right-desc .desc p{ line-height: 20px; font-size: 14px; color: #868686; display: block; }
.new-pic-right-main ul li a:hover .new-pic-right-desc h3{ border-color: #1650a2; color: #1650a2; }

.footer{ background: #313131; }
.botter{ min-height: 365px; padding-top: 70px; }
.botter dl{ float: left; padding-left: 33px; }
.botter dl:nth-child(1){ width: 463px; }
.botter dl:nth-child(1) dd{ width: 310px; }
.botter dl:nth-child(2){ width: 545px; }
.botter dl:nth-child(3){ width: 392px; }
.botter dl dt{ height: 30px; border-left: 3px solid #1650a2; padding-left: 12px; margin-bottom: 20px; }
.botter dl dt a{ line-height: 30px; font-family: 'helveticaneuecyr-medium'; font-size: 16px; color: #fff; text-transform: uppercase; display: block; }
.botter dl dd{ padding-left: 15px; }
.botter dl dd p{ line-height: 30px; font-size: 14px; color: #ccc; display: block; }
.botter dl dd a{ width: 50%; line-height: 30px; font-size: 14px; color: #ccc; float: left; display: block; }
.botter dl dd a:hover{ color: #fff; }
.botter dl dd .form{ width: 295px; height: 40px; margin-top: 20px; }
.botter dl dd .input{ width: 210px; height: 40px; padding: 10px; line-height: 20px; font-size: 14px; color: #777; border: 0; outline: none; background: #fff; float: left; display: block; }
.botter dl dd .submit{ width: 85px; height: 40px; padding: 0; font-size: 14px; color: #fff; text-transform: uppercase; border: 0; outline: none; background: #1650a2; cursor: pointer; }
.share{ position: relative; height: 59px; padding: 9px 0; text-align: center; }
.share::after{ position: absolute; top: 29px; right: 0; left: 0; z-index: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.5); content: ''; }
.share a{ position: relative; z-index: 1; width: 41px; height: 41px; line-height: 39px; margin: 0 4px; border: 1px solid rgba(255,255,255,0.5); background: #313131; display: inline-block; }
.share a img{ height: 16px; display: inline-block; }
.share a:hover{ border-color: #fff; }
.copyright{ padding: 20px 0; text-align: center; }
.copyright p{ line-height: 26px; font-size: 14px; color: #b3b3b3; display: block; }

.about1{ padding: 85px 0; }
.about1-img{ width: 550px; margin-left: 125px; float: left; }
.about1-img img{ width: 100%; display: block; }
.about1-desc{ width: 595px; margin-right: 50px; float: right; }
.about1-desc h3{ line-height: 72px; font-size: 80px; color: #1650a2; margin: 50px 0 55px 0; display: block; }
.about1-desc p{ line-height: 30px; font-size: 14px; color: #4d4d4d; display: block; }

.about2{ position: relative; background: #f6f6f7; overflow: hidden; }
.about2-img{ width: 50%; float: right; }
.about2-img img{ width: 100%; display: block; }
.about2-desc{ position: absolute; top: 0; right: 0; left: 0; z-index: 2; width: 100%; }
.about2-desc .desc{ width: 570px; padding: 100px 0 0 20px; }
.about2-desc .desc h3{ line-height: 60px; font-size: 50px; color: #353535; margin-bottom: 20px; display: block; }
.about2-desc .desc p{ line-height: 36px; font-size: 16px; color: #626262; display: block; }

.about3{ padding: 76px 0; text-align: center; background: #dae9ff; }
.about3 h3{ line-height: 56px; font-size: 50px; color: #353535; text-transform: uppercase; margin-bottom: 10px; display: block; }
.about3 p{ line-height: 30px; font-size: 14px; color: #626262; display: block; }
.about3-img{ margin: 60px 0 36px 0; padding: 0 60px; }
.about3-img img{ width: 367px; margin: 0 auto; display: block; }
.about3-img .slick-prev, 
.about3-img .slick-next{ left: 0; width: 50px; height: 70px; margin-top: -35px; background-image: url(../images/sleft.png); background-repeat: no-repeat; background-position: center center; }
.about3-img .slick-next{ left: auto; right: 0; background-image: url(../images/sright.png); }
.about3-img .slick-prev:before, 
.about3-img .slick-next:before{ font-size: 0; }

.about4{ padding: 76px 0; }
.about4 h3{ text-align: center; line-height: 56px; font-size: 50px; color: #353535; text-transform: uppercase; display: block; }
.about4-desc{ padding: 50px 0; overflow: hidden }
.about4-desc ul li{ position: relative; width: 100%; min-height: 140px; }
.about4-desc ul li::after{ position: absolute; left: 50%; top: 0; z-index: 0; width: 1px; height: 100%; background: #c0c0c0; margin-left: -0.5px; content:''}
.about4-desc ul li .round{ position: relative; width: 650px; height: 100% }
.about4-desc ul li .round span{ position: absolute; top: 84px; z-index: 2; width: 13px; height: 13px; border-radius: 100%; background: #d70c19; display: block }
.about4-desc ul li .round span::after{ position: absolute; top: 6px; z-index: 1; width: 196px; height: 1px; background: #d70c19; content:'' }
.about4-desc ul li .round .about4s{ position: absolute; top: 0; z-index: 0; width: 555px; padding-top: 30px }
.about4-desc ul li .round .about4s h1{ line-height: 60px; font-size: 50px; color: #0f0f0f; display: block }
.about4-desc ul li .round .about4s h5{ line-height: 26px; font-size: 16px; color: #525252; text-transform: uppercase; margin-top: 11px; display: block }
.about4-desc ul li .round .desc p{ line-height: 26px; font-size: 16px; color: #525252; display: block }
.about4-desc ul li.left .round{ left: 50px; text-align: right; float: left }
.about4-desc ul li.left .round span{ right: -6.5px }
.about4-desc ul li.left .round span::after{ right: 14px }
.about4-desc ul li.left .round div{ right: 95px }
.about4-desc ul li.right .round{ right: 50px; text-align: left; float: right }
.about4-desc ul li.right .round span{ left: -6.5px }
.about4-desc ul li.right .round span::after{ left: 14px }
.about4-desc ul li.right .round div{ left: 95px }

.contact1{ padding: 115px 0; background-repeat: repeat-y; }
.contact1-desc{ width: 470px; margin: 0 auto; }
.contact1-desc h2{ line-height: 30px; font-size: 24px; color: #575757; text-transform: uppercase; margin-bottom: 20px; display: block; }
.contact1-desc p{ line-height: 30px; font-size: 16px; color: #575757; margin-bottom: 10px; display: block; }
.contact1-desc .input{ width: 100%; height: 42px; padding: 10px; margin-top: 18px; line-height: 20px; font-size: 14px; color: #7b7b7b; border: 1px solid #ddd; outline: none; background: #fff; }
.contact1-desc .input:nth-child(2){ width: 226px; float: left; }
.contact1-desc .input:nth-child(3){ width: 226px; float: right; }
.contact1-desc .textarea{ width: 100%; height: 222px; padding: 10px; margin-top: 18px; line-height: 20px; font-size: 14px; color: #7b7b7b; border: 1px solid #ddd; outline: none; background: #fff; }
.contact1-desc .submit{ width: 100%; height: 42px; padding: 0; margin-top: 14px; font-size: 14px; color: #fff; border: 0; outline: none; background: #1650a2; cursor: pointer; }
.contact1-desc div{ padding-left: 65px; margin-bottom: 50px; background-repeat: no-repeat; background-position: left center; }
.contact1-desc div h3{ line-height: 32px; font-size: 24px; color: #333; margin-bottom: 10px; display: block; }
.contact1-desc div h6{ line-height: 30px; font-size: 16px; color: #333; display: block; }

.mapDiv{ width: 100%; height: 500px; font-size: 12px; border: 1px solid #ddd; }

.ibanner{ position: relative; text-align: center; }
.ibanner img{ width: 100%; display: block; }
.ibanner-desc{ position: absolute; top: 50%; right: 0; left: 0; z-index: 1; width: 100%; margin-top: -70px; } 
.ibanner-desc h3{ line-height: 50px; font-size: 50px; color: #fff; text-transform: uppercase; margin-bottom: 20px; display: block; } 
.ibanner-desc p{ line-height: 24px; font-size: 16px; color: #fff; display: block; } 
.ibanner-desc img{ width: 41px; margin: 32px auto 0 auto; display: block; }

.main{ padding: 60px 0; }

.mleft{ width: 1065px; float: left; }  
.mLeft{ width: 305px; float: left; }

.download{ width: 100%; min-height: 720px; padding: 20px; border: 1px solid #ddd; background: #f7f7f7; }
.download ul li{ width: 100%; height: 60px; padding: 14px 40px; margin-bottom: 15px; border: 1px solid #ddd; background: #fff; }
.download ul li a{ background: url(../images/down.png) no-repeat right center; display: block; }
.download ul li a p{ padding-left: 45px; line-height: 30px; font-family: 'helveticaneuecyr-medium'; font-size: 16px; color: #3e3e3e; background-repeat: no-repeat; background-position: left center; display: block; }    
.download ul li a:hover{ background: url(../images/downs.png) no-repeat right center; }
.download ul li a:hover p{ color: #1650a2; }

.pager{ padding-top: 10px; margin-bottom: 10px; }
.pager a, .pager span{ padding: 0 5px; margin: 0 5px; font-family: 'helveticaneuecyr-medium'; font-size: 14px; color: #333; text-transform: capitalize; }
.pager a:hover{ color: #1650a2; }

.mright{ width: 305px; float: right; }  
.mRight{ width: 1065px; float: right; }  

.search{ width: 100%; min-height: 78px; padding: 20px; margin-bottom: 20px; border: 1px solid #ddd; background: #f7f7f7; }   
.search form{ width: 100%; height: 38px; padding: 0 15px; border: 1px solid #cecece; border-radius: 18px; }
.txt{ width: 200px; height: 36px; padding: 8px 0; line-height: 20px; font-size: 14px; color: #898989; text-transform: uppercase; border: 0; outline: none; background: #f7f7f7; float: left; }
.go{ width: 31px; height: 36px; padding: 0; border: 0; outline: none; background: url(../images/go.png) no-repeat right center; cursor: pointer; }

.plist{ width: 100%; min-height: 120px; padding: 20px; margin-bottom: 20px; border: 1px solid #ddd; background: #f7f7f7; overflow: hidden; }
.plist:last-child{ margin-bottom: 0; }
.plist h3{ position: relative; height: 44px; line-height: 32px; font-size: 24px; color: #212121; text-transform: uppercase; margin-bottom: 20px; display: block; }
.plist h3::after{ position: absolute; bottom: 0; left: 0; z-index: 1; width: 72px; height: 2px; background: #1650a2; content: ''; }
.plist ul li{ width: 125px; float: left; }
.plist ul li:nth-child(2n){ float: right; }
.plist ul li a{ display: block; }
.plist ul li a div{ width: 125px; height: 125px; border: 1px solid #ddd; background-repeat: no-repeat; background-position: center; background-size: 100% auto; overflow: hidden; }
.plist ul li a h6{ height: 34px; line-height: 34px; text-align: center; font-size: 14px; color: #595959; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.plist ul li a:hover div{ border-color: #1650a2; }
.plist ul li a:hover h6{ color: #1650a2; }
.plist ol li{ height: 75px; margin-bottom: 15px; } 
.plist ol li:last-child{ height: 75px; margin-bottom: 0; } 
.plist ol li a{ display: block; } 
.plist ol li a .plist-img{ width: 108px; height: 75px; margin-right: 15px; background-repeat: no-repeat; background-position: center; background-size: cover;  float: left; overflow: hidden; } 
.plist ol li a .plist-desc{ width: 140px; height: 75px; float: left; }
.plist ol li a .plist-desc h6{ height: 28px; line-height: 28px; font-size: 14px; color: #303030; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.plist ol li a .plist-desc p{ height: 40px; line-height: 20px; font-size: 12px; color: #303030; display: block; overflow: hidden; }
.plist ol li a:hover .plist-desc h6{ color: #1650a2; }

.news ul li{ margin-bottom: 20px; }
.news ul li a{ padding: 20px; border: 1px solid #ddd; background: #f8f8f8; display: block; overflow: hidden; }
.news ul li a .news-img{ width: 250px; height: 160px; background-repeat: no-repeat; background-position: center; background-size: cover; float: left; display: block;  }
.news ul li a .news-desc{ width: 773px; height: 160px; padding-left: 40px; float: right; }
.news ul li a .news-desc h3{ height: 30px; line-height: 30px; font-family: 'helveticaneuecyr-medium'; font-size: 24px; color: #212121; margin-top: 10px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news ul li a .news-desc span{ line-height: 26px; font-size: 14px; color: #a3a3a3; margin: 5px 0; display: block;  }
.news ul li a .news-desc .desc{ height: 72px; line-height: 24px; font-size: 14px; color: #717171; overflow: hidden; }
.news ul li a .news-desc .desc p{ display: block; }
.news ul li a:hover .news-desc h3{ color: #1650a2; }

.demo{ overflow: hidden; } 
.demo .ntitle{ padding-bottom: 20px; border-bottom: 1px solid #dddddd; }
.demo .ntitle h1{ line-height: 40px; font-size: 24px; color: #333333; display: block; }
.demo .ntitle span{ line-height: 24px; font-size: 14px; color: #666666; display: block; }
.demo .ndemo{ padding-top: 20px; line-height: 30px; font-size: 14px; color: #5f5f5f; }
.demo .ndemo p{ display: block; }
.demo .ndemo img{ width: 100%; margin: 10px auto; display: block; }

.productype{ margin: 20px -20px 0 -20px; border-top: 1px solid #ddd; }
.productype ul{ margin: 0 20px; padding-top: 20px; }
.productype ul li{ height: 46px; border-bottom: 1px solid #ddd; margin-bottom: 5px; }
.productype ul li:last-child{ margin-bottom: 0; }
.productype ul li a{ padding: 0 20px; line-height: 45px; font-size: 14px; color: #6a6a6a; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.productype ul li a:hover,
.productype ul li a.on{ background: #1650a2; color: #fff; }

.products{ overflow: hidden; }  
.products ul li{ width: 338px; float: left; margin: 0 25px 25px 0; }  
.products ul li:nth-child(3n){ margin-right: 0; }  
.products ul li a{ display: block; }  
.products ul li a .products-img{ position: relative; width: 338px; height: 338px; border: 1px solid #bdbdbd; background-repeat: no-repeat; background-position: center; background-size: 100% auto; overflow: hidden; }
.products ul li a .products-img::after{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(22,80,162,0.5); content: ''; opacity: 0; }
.products ul li a .products-img span{ position: relative; width: 336px; height: 336px; display: block; }
.products ul li a .products-img span::before{ position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; z-index: 10; width: 296px; height: 296px; border: 3px solid #fff; content: ''; opacity: 0; }  
.products ul li a .products-img span::after{ position: absolute; top: 50%; right: 0; left: 0; z-index: 11; width: 100%; height: 40px; line-height: 40px; text-align: center; font-family: 'helveticaneuecyr-bold'; font-size: 32px; color: #fff; margin-top: -20px; content: '+'; opacity: 0; }  
.products ul li a .products-desc{ padding-top: 10px; text-align: center; }
.products ul li a .products-desc h3{ height: 30px; line-height: 30px; font-size: 16px; color: #595959; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.products ul li a:hover .products-img::after,
.products ul li a:hover .products-img span::before,
.products ul li a:hover .products-img span::after{ opacity: 1; }
.products ul li a:hover .products-desc h3{ color: #1650a2; }

.title{ height: 42px; border-bottom: 1px solid #ddd; margin-bottom: 30px; }
.title h3{ position: relative; height: 41px; line-height: 26px; font-size: 24px; color: #212121; text-transform: uppercase; float: left; display: block; }
.title h3::before{ position: absolute; bottom: 0; left: 0; width: 72px; height: 1px; background: #1650a2; content: ''; }
.title span{ height: 26px; line-height: 26px; font-size: 14px; color: #8d8d8d; float: right; display: block; }
.title span a{ color: #8d8d8d; }
.title span a:hover{ color: #1650a2; }

.productsd{ overflow: hidden; }
#surround { width: 595px; float: left; }
img.cloudzoom { width: 100%; border: 2px solid #eee; }
#slider1 { position: relative; height: 110px; margin-top: 15px; }
.thumbelina{ position: absolute; padding-left: 40px; white-space: nowrap; -webkit-touch-callout: none; -webkit-user-select: none; }
.thumbelina li{ width: 116px; }
.thumbelina li img{ width: 110px; height: 110px; border: 2px solid #bdbdbd; }
.thumbelina li img:hover,
.thumbelina li img.cloudzoom-gallery-active{ border-color: #1650a2; }
.thumbelina-but{ position: absolute; z-index: 1; border: 1px solid #bdbdbd; background: #bdbdbd; background-repeat: no-repeat; background-position: center center; background-size: auto 18px; cursor: pointer; }
.thumbelina-but:hover{ color: #fff; }
.thumbelina-but.disabled,
.thumbelina-but.disabled:hover{ background-color: #1650a2; border-color: #1650a2; cursor: default; }
.thumbelina-but.horiz{ top: 0; width: 30px; height: 110px; line-height: 110px; }
.thumbelina-but.horiz.left{ left: 0; background-image: url(../images/arrow-left.png); }
.thumbelina-but.horiz.right{ right: 0; background-image: url(../images/arrow-right.png); }

.present-desc{ width: 770px; float: right; }  
.present-desc h1{ height: 54px; line-height: 50px; font-size: 24px; color: #595959; margin-bottom: 25px; border-bottom: 1px solid #bdbdbd; display: block; }
.present-title{ margin-top: 60px; }
.present-title h2{ position: relative; line-height: 42px; text-align: center; font-size: 30px; color: #595959; text-transform: uppercase; display: block; }
.present-title h2:before,
.present-title h2:after{ position: absolute; top: 50%; left: 0; z-index: 1; width: 610px; height: 2px; margin-top: -1px; background: #bdbdbd; content: ''; }
.present-title h2:after{ left: auto; right: 0; }
.present-demo{ line-height: 32px; font-size: 16px; color: #7e7e7e; }
.present-demo p{ display: block; }
.present-detail{ padding: 20px 0; line-height: 32px; font-size: 16px; color: #595959; }
.present-detail p{ display: block; }
.present-detail img{ width: 100%; margin: 0 auto; display: block; }

.bg{ background: #f5f5f5; }

.stitle{ margin-bottom: 40px; }
.stitle h3{ line-height: 42px; text-align: center; font-family: 'helveticaneuecyr-medium'; font-size: 30px; color: #595959; text-transform: uppercase; display: block; }

.related{ margin: 0; }
.related a{ margin: 0 15px; display: block; }  
.related a .products-img{ position: relative; width: 320px; height: 320px; border: 1px solid #bdbdbd; background-repeat: no-repeat; background-position: center; background-size: 100% auto; overflow: hidden; }
.related a .products-img::after{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(22,80,162,0.5); content: ''; opacity: 0; }
.related a .products-img span{ position: relative; width: 318px; height: 318px; display: block; }
.related a .products-img span::before{ position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; z-index: 10; width: 278px; height: 278px; border: 3px solid #fff; content: ''; opacity: 0; }  
.related a .products-img span::after{ position: absolute; top: 50%; right: 0; left: 0; z-index: 11; width: 100%; height: 40px; line-height: 40px; text-align: center; font-family: 'helveticaneuecyr-bold'; font-size: 32px; color: #fff; margin-top: -20px; content: '+'; opacity: 0; }  
.related a .products-desc{ padding-top: 10px; text-align: center; }
.related a .products-desc h3{ height: 30px; line-height: 30px; font-size: 16px; color: #595959; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.related a:hover .products-img::after,
.related a:hover .products-img span::before,
.related a:hover .products-img span::after{ opacity: 1; }
.related a:hover .products-desc h3{ color: #1650a2; }
.related .slick-prev, 
.related .slick-next{ left: -50px; width: 50px; height: 70px; margin-top: -35px; background-image: url(../images/sleft.png); background-repeat: no-repeat; background-position: center center; }
.related .slick-next{ left: auto; right: -50px; background-image: url(../images/sright.png); }
.related .slick-prev:before, 
.related .slick-next:before{ font-size: 0; }