@charset "utf-8";*{margin:0;padding:0;font-family:microsoft yahei;color:#000;font-size:14px}
img{display:block}
ul{list-style:none}
a{text-decoration:none;cursor:pointer;outline:0}
body{color:#f5f5f5} 
.clear{clear:both;}
.container{margin:0 auto;width:1260px}
.block{padding:20px 0}
.head{position:relative;width:100%;background:#fff;height:130px;z-index:9999}
.head .navbox{width:98%;margin:0 auto}
.head .navbox .logo{width:258px;height:40px;float:left;margin-top:45PX;}
.head .navbox .logo a img{width:258px;height:40px;border:none;}
.head .navbox .nav1{display:block;float:left;width:calc(100% - 450px);margin-left:0px;position: relative;height:130px;}  
.head .navbox .nav1 ul{position: relative;z-index: 111;line-height:130px;}
.head .navbox .nav1 ul li{
	float: left;
	width: 10%;
	height: 130px;
	line-height: 130px;
	text-align: center;
}
.head .navbox .nav1 li a{
	color: #333;font-size:16px;
}
.head .navbox .nav1 li a:hover{color:#d70145;}
.head .navbox .nav1 li .second-nav{
	width: 130px;
	display: none;
	position: relative;
}
.head .navbox .nav1 li .second-nav li{
	position: relative;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #d70145;
	color:#fff;
	border-bottom: 1px solid #b30039;
	transition:all .3s;
}
.head .navbox .nav1 li .second-nav li:hover{background-color:#000;}
.head .navbox .nav1 li .second-nav li a{color:#fff;font-size:14px;}
.head .navbox .nav1 li .second-nav li .third-nav{
	/*position: absolute;*/
	width: 150px;
	height: 200px;
	display: none;
	margin-left: 101%;
	margin-top: -40px;
}
.head .navbox .tmenu{ height:40px;float:right;margin-top:45px;border-left:1px solid #e0e0e0;}
.head .navbox .tmenu a img{width:28px;height:25px;float:left;border:none;margin-top:8px;margin-left:10px;margin-right:0px;}
.m_nav{display:none}
.headlf .m_logo{display:none}
.headrg .m_menuimg{display:none}
.active{background-color:#cf1322}
.activ2{background-color:#cf1322}
.sidenav{position:relative;width:180px;display:block;float:left}
.sidenav label{width:180px;display:block;padding-left:55px;box-sizing:border-box;background:#128ee3;position:relative;height:48px;line-height:48px;color:#fff;font-size:16px}
.sidenav label i{width:30px;height:30px;display:block;position:absolute;background-size:20px;left:25px;top:16px}
.sidenav .side{display:inline-block;position:absolute;top:48px;left:0;z-index:999;width:180px;background:#fff;border-top:none;background-color:rgba(255,255,255,.95);box-sizing:border-box}
.sidenav .side li{position:relative;width:100%;padding:5px 0;border-bottom:1px solid #ccc;box-sizing:border-box}
.sidenav ul.side li:first-child{cursor:pointer}
.sidenav .side li a{color:#333;height:40px;line-height:40px;padding:8px 0;display:block;font-size:16px}
.sidenav .side li a:hover{background:0 0;color:#0085cd}
.sidenav .side li a i{transition:all .3s ease 0s}
.sidenav .side li a i.side_t{margin-left:10px;width:40px;height:40px;display:inline-block;vertical-align:middle;background-size:30px}
.sidenav .side li a:hover i{margin-left:15px}
.icon1{background:url(img/sideIcon1.png) no-repeat}
.icon2{background:url(img/sideIcon1.png) no-repeat}
.icon3{background:url(img/sideIcon1.png) no-repeat}
.icon4{background:url(img/sideIcon1.png) no-repeat}
.icon5{background:url(img/sideIcon1.png) no-repeat}
.icon6{background:url(img/sideIcon1.png) no-repeat}
.icon7{background:url(img/sideIcon1.png) no-repeat}
.sidenav .side li:hover .side_main{display:block;z-index:999}
.sidenav .side .side_main{display:none;width:500px;background:#fff;position:absolute;left:180px;top:0;box-shadow:3px 3px 5px rgba(0,0,0,.1);border:1px #cecece solid;z-index:7}
.sidenav .side .side_main dl{margin:20px;padding:0}
.sidenav .side .side_main dl dt{font-size:18px;margin-bottom:10px;color:#0173b2;font-weight:700}
.sidenav .side .side_main dl dt b{font-size:15px}
.sidenav .side .side_main dl dd{margin-bottom:10px;display:inline-block}
.sidenav .side .side_main dl dd a{position:relative;display:inline-block;color:#777;font-size:14px;margin:0 4px;padding:0 5px;border-right:2px solid #bbb;height:auto;line-height:1.5;transition:all .2s ease 0s}
i.icon-hot,i.icon-new{display:inline-block;height:9px;width:24px;background:url(img/img_public.png) no-repeat;vertical-align:middle}
i.icon-hot{background-position:0 -240px}
i.icon-new{background-position:-40px -240px}
.sidenav .side .side_main dl dd a span{color:#999}
.sidenav .side .side_main dl dd a:hover{background:0 0;color:#cf1322;transform:translateY(-2px)}
.sidenav .side .side_main dl dd a:hover b{color:#40adf5}
.sidenav .side .side_main dl dd a:hover span{color:#40adf5}
.slider{position:relative;overflow:hidden;width:100%}
.slideBox .hd{height:10px;z-index:1;overflow:hidden;position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:1}
.slideBox .hd ul{text-align:center;padding-top:5px}
.slideBox .hd ul li{cursor:pointer;float:left;margin-right:5px;width:30px;height:10px;line-height:14px;text-align:center;background:#fff}
.slideBox .hd ul .on{background:#d70145;color:#fff}
.slideBox .bd{position:relative;z-index:0}
.slideBox .bd li img{width:100%;vertical-align:top}


.Habout{width:100%;height:422px;margin:130px 0 130px 0;float:left;}
.Habout a img{width:622px;height:422px;float:right;border:none;}
.Habout .HaboutL{width:-webkit-calc(100% - 700px); width:-moz-calc(100% - 700px); width:calc(100% - 700px);float:left;height:422px;background:#fff; }
.Habout .HaboutL .ten{width:-webkit-calc(100% - 3px); width:-moz-calc(100% - 3px); width:calc(100% - 3px);float:left;height:20px;line-height:20px;border-left:3px solid #444;font-size:20px;color:#444;text-align:left;padding-left:10px;margin-top:24px;}
.Habout .HaboutL .ttil{width:100%;height:36px;line-height:36px;float:left;margin-top:30px;text-align:left;font-size:36px;color:#d70145;}
.Habout .HaboutL .tcon{width:100%;height:160px;line-height:30px;float:left;margin-top:30px;text-align:left;font-size:36px;color:#d70145;color:#656565; overflow:hidden;font-size:14px;}
.Habout .HaboutL .tcon a{color:#656565;}
.Habout .HaboutL .moredd{width:140px;height:40px;background:#d70145;line-height:40px;margin-top:30px;text-align:center;font-size:14px;color:#fff;float:left;transition: all 1s;}
.Habout .HaboutL .moredd a{color:#fff;}
.Habout .HaboutL .moredd:hover{background:#212121;}

.xilie{width:100%;height:360px;overflow:hidden;float:left;}
.xilieP{ display:none;}


.hpro{width:100%;margin:80px auto;float:left;}
.hpro .ttil{width:-webkit-calc(100% - 3px); width:-moz-calc(100% - 3px); width:calc(100% - 3px);height:36px;border-left:3px solid #d70145; float:left;}
.hpro .ttil .ttil_l{float:left;margin-left:20px;line-height:36px;font-size:36px;color:#d70145;}
.hpro .ttil .ttil_M{float:left;margin-left:20px;line-height:56px;font-size:20px;color:#9b9b9b;}
.hpro .ttil a{float:right;line-height:36px;font-size:18px;color:#000;}
.hpro ul{width:100%;float:left;margin-top:50px;}
.hpro ul li{width:300px;float:left;margin-right:20px;}
.hpro ul li:nth-child(4n){margin-right:0;}
.hpro ul li a .img_wap{padding-bottom:100%;width:100%;position:relative;}
.hpro ul li a .img_wap img{width:100%;height:100%;border:none;position:absolute;left:0;top:0;}
.hpro ul li a p{width:300px;height:60px;line-height:60px;text-align:center;font-size:16px;color:#787878;}

.hnews{width:100%;background:#f5f6fa;padding-top:80px;float:left;padding-bottom:80px;}
.hnews .ttil{width:-webkit-calc(100% - 3px); width:-moz-calc(100% - 3px); width:calc(100% - 3px);height:36px;border-left:3px solid #d70145; float:left;}
.hnews .ttil .ttil_l{float:left;margin-left:20px;line-height:36px;font-size:36px;color:#d70145;}
.hnews .ttil .ttil_M{float:left;margin-left:20px;line-height:56px;font-size:20px;color:#9b9b9b;}
.hnews .ttil a{float:right;line-height:36px;font-size:18px;color:#000;}
.hnews .hnewscon{width:100%;height:505px;float:left;margin-top:50px;}
.hnews .hnewscon .L{width:615px;height:505px;float:left;background:#fff;}
.hnews .hnewscon .L a img{width:595px;height:275px;border:none;margin:10px;float:left;}
.hnews .hnewscon .L a .newstil{width:575px;height:30px;float:left;margin:10px 20px 10px 20px;line-height:30px;text-align:left;font-size:20px;color:#5b5b5b;}
.hnews .hnewscon .L a p{width:575px;height:90px;float:left;line-height:30px;text-align:left;color:#787878;font-size:14px; overflow:hidden;margin:0 20px;}
.hnews .hnewscon .L a .more{width:575px;height:30px;float:left;line-height:30px;text-align:left;color:#d70145;font-size:14px; overflow:hidden;margin:10px 20px 0 20px;}

.hnews .hnewscon .R{width:-webkit-calc(100% - 645px); width:-moz-calc(100% - 645px); width:calc(100% - 645px);height:505px;  float:right;}
.hnews .hnewscon .R ul li{width:100%;height:155px;float:left;background:#fff;margin-bottom:20px;}
.hnews .hnewscon .R ul li:nth-child(3){margin-bottom:0px;}
.hnews .hnewscon .R ul li .box{width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px);height:135px;margin:10px;}
.hnews .hnewscon .R ul li .box a img{width:195px;height:135px;border:none;float:left;}
.hnews .hnewscon .R ul li .box a .boxr{width:-webkit-calc(100% - 215px); width:-moz-calc(100% - 215px); width:calc(100% - 215px);height:135px;float:right;}
.hnews .hnewscon .R ul li .box a .boxr .nntil{width:100%;height:45px;line-height:45px;float:left;font-size:18px;color:#5b5b5b;text-align:left; overflow:hidden;}
.hnews .hnewscon .R ul li .box a .boxr p{width:100%;height:60px;line-height:30px;float:left;font-size:14px;color:#787878;text-align:left;overflow:hidden;}
.hnews .hnewscon .R ul li .box a .boxr .moreff{width:100%;height:30px;float:left;font-size:14px;color:#d70145;line-height:30px;}

.login{width:100%;height:364px;background:url(../img/a5.png) center top no-repeat;float:left;}
.login  .ttil{width:-webkit-calc(100% - 3px); width:-moz-calc(100% - 3px); width:calc(100% - 3px);height:36px;border-left:3px solid #d70145; float:left;margin-top:70px;}
.login  .ttil .ttil_l{float:left;margin-left:20px;line-height:36px;font-size:36px;color:#d70145;}
.login p{width:100%;height:60px;line-height:30px;text-align:left;font-size:16px;color:#fff;margin-top:40px;float:left;}
.login .but{width:100%;height:46px;float:left;margin-top:40px;}
.login .but .dengl{width:150px;height:46px;background:#d70145;text-align:center;font-size:16px;line-height:46px;float:left;}
.login .but .dengl a{color:#fff;}
.login .but .zhuc{width:146px;height:42px;float:left;background:#fff;border:2px solid #d70145;line-height:42px;font-size:16px;color:#d70145;text-align:center;margin-left:30px;}
.login .but .zhuc a{color:#d70145;}

.foot{width:100%;background:#1e1e1e;float:left;padding-bottom:80px;}
.foot .ewm{width:150px;float:right;margin-top:80px;}
.foot .ewm p{width:100%;height:50px;line-height:50px;text-align:left;font-size:18px;color:#fff;}
.foot .ewm img{width:150px;height:150px;border:none;}
.foot ul{width:-webkit-calc(100% - 300px); width:-moz-calc(100% - 300px); width:calc(100% - 300px);float:left;margin-top:80px;}
.foot ul li{width:20%;float:left;}
.foot ul li p{width:100%;height:50px;line-height:50px;text-align:left;font-size:18px;color:#fff;float:left;}
.foot ul li a{width:100%;line-height:35px;text-align:left;font-size:16px;color:#696969;float:left;}
.foot ul li a.img img{width:110px;height:50px;border:none;margin-bottom:10px;margin-top:0px;}
.footB{width:100%;background:#191919;float:left;line-height:80px;height:80px;text-align:center;font-size:16px;color:#696969;}
.footB a{color:#696969;}



.page_banner { width: 100%; overflow: hidden; line-height: 0; }

.page_banner img {  width: 100%; }

.mbx{width:100%;height:50px;line-height:50px;border-bottom:1px solid #eee;font-size:14px;color:#787878;}
.mbx a{color:#787878;}

.pageTil{width:100%;height:80px;line-height:80px;font-size:40px;text-align:center;color:#333;margin-top:50px; font-weight:bold;}
.pageTilhot{width:100%;height:50px;line-height:50px;font-size:24px;text-align:left;color:#d70145;margin-top:50px;}
.pageTilhot a{float:right;font-size:14px;color:#222;}
.pagemenu{width:100%;margin-top:10px;text-align:center;}
.pagemenu ul{display:inline-block;}
.pagemenu ul li{display:inline-block;height:48px;line-height:48px;background:#eee;border:1px solid #e0e0e0;padding:0 30px;border-radius:5px;transition: all 1s;font-size:18px;margin-right:15px;margin-left:15px;}
.pagemenu ul li a{color:#333;}
.pagemenu ul li:hover{background:#d70145;border:1px solid #d70145;}
.pagemenu ul li:hover a{color:#fff;}
.pagemenu ul .on{background:#d70145;border:1px solid #d70145;}
.pagemenu ul .on a{color:#fff;}
.pagecontact{width:100%;margin-top:40px;margin-bottom:40px;line-height:35px;}
.pagecontact img{max-width:100%;margin:0 auto;}
.pagemiaosh{width:-webkit-calc(100% - 52px); width:-moz-calc(100% - 52px);width:calc(100% - 52px); border: 1px dotted #E5E5E5;background:#eee;margin-top:20px;text-indent: 24px;line-height:30px;font-size:14px;color:#787878;padding: 25px;border-radius:5px;}


.register{width:100%;margin-top:10px;}
.register_t1{width:100%;line-height:50px;color:#333;font-size:30px;text-align:left; font-weight:bold;}
.register_t2{width:100%;line-height:30px;color:#787878;font-size:18px;text-align:left;margin-top:10px;margin-bottom:30px;}
.required{color:#d70145}

.register_inp{width:100%;border-top:1px solid #ccc;height:76px;}
.register_inp .miaos{width:200px;height:76px;line-height:76px;float:left;font-size:16px;color:#787878;letter-spacing:2px; text-indent:15px;}
.register_inp .input100{width:-webkit-calc(100% - 250px); width:-moz-calc(100% - 250px); width:calc(100% - 250px);float:right;border:1px solid #ccc;height:44px;margin-top:15px;line-height:44px;font-size:16px;text-indent:15px; }
.register_inp select{width:200px;float:left;border:1px solid #ccc;height:44px;margin-top:15px;line-height:44px;font-size:16px;text-indent:15px;margin-left:20px;}
.register_inp .inputmin{float:left;width:-webkit-calc(100% - 672px); width:-moz-calc(100% - 672px); width:calc(100% - 672px);float:right;border:1px solid #ccc;height:44px;margin-top:15px;line-height:44px;font-size:16px;text-indent:15px;}
.tijiao{width:100%;height:200px;text-align:center;border-top:1px solid #ccc;}
.tijiao .input320{width:320px;height:60px;line-height:60px;background:#d70145;font-size:18px;color:#fff;text-align:center;margin:70px auto;border:none;}

.prolist{width:100%;margin-top:30px;}
.prolist ul{width:100%;}
.prolist ul li{width:22%;background:#f6f6f6;float:left;margin-right:4%;margin-bottom:2%;transition: all 1s; }
.prolist ul li:hover{background:#d70145;}
.prolist ul li:nth-child(4n){margin-right:0;} 
.prolist ul li a .img_wap{padding-bottom: 100%;width: 100%;position: relative;}
.prolist ul li a .img_wap img{width:100%;height:100%; position:absolute;top:0;left:0;}
.prolist ul li a p{width:100%;height:50px;line-height:50px;font-size:16px;text-align:center;color:#333;}
.prolist ul li:hover a p{color:#fff;}


.downlist{width:100%;margin-top:30px;}
.downlist ul{width:100%;}
.downlist ul li{width:22%;float:left;margin-right:4%;margin-bottom:2%;transition: all 1s; } 
.downlist ul li:nth-child(4n){margin-right:0;} 
.downlist ul li a .img_wap{padding-bottom:140%;width: 100%;position: relative;}
.downlist ul li a .img_wap img{width:100%;height:100%; position:absolute;top:0;left:0;}
.downlist ul li a p{width:100%;height:50px;line-height:50px;font-size:16px;text-align:center;color:#d70145;}
.downlist ul li:hover a p{color:#d70145;}

.proshow{width:100%;margin-top:30px;}
.proshow .proshowimg{width:420px;height:420px;float:left;background:#f5f5f5;line-height:420px;text-align:center;_margin-top: expression_r(( 420 - this.height ) / 2);}
.proshow .proshowimg img{margin:auto;max-width:400px;vertical-align:middle;display: inline-block;}
.proshow .proshowR{width:-webkit-calc(100% - 480px); width:-moz-calc(100% - 480px); width:calc(100% - 480px);float:right;}
.proshow .proshowR .detail_title_sp{margin: 30px 0; display: block;float:left;width:100%;}
.proshow .proshowR .detail_title_sp p{font-size: 16px; padding-bottom: 5px; color: #999999;width:100%;float:left;}
.proshow .proshowR .detail_title_sp h2{font-size: 38px;color:#333333;width:100%;float:left;line-height:60px;}
.proshow .proshowR .product_de{width:100%;float:left;margin-top:20px;line-height:35px;text-align:left;color:#333;font-size:24px;}
.proshow .proshowR .product_de span{color:#d70145;margin-right:15px;}
.proshow .proshowR .product_de1{width:100%;float:left;line-height:35px;color:#787878;font-size:14px;margin-top:20px;}
.proshow .proshowR .product_de1 span{color:#d70145;margin-right:15px;}
.proshow .proshowR .product_detai{width:100%;float:left;margin-top:20px;line-height:35px;}
.proshow .proshowR .product_detai img{max-width:100%;}
.proshow .proshowR .product_dw{width:100%;float:left;margin-top:20px;}
.proshow .proshowR .product_dw ul li{float:left;margin-right:20px;line-height:40px;color:#000;font-size:14px;padding:0 20px;background:#fff;border:1px solid #d70145;transition: all 1s;margin-bottom:10px;}
.proshow .proshowR .product_dw ul li a img{width:20px;height:20px;float:left;margin-right:10px;margin-top:8px;}
.proshow .proshowR .product_dw ul li a{color:#000;}
.proshow .proshowR .product_dw ul li:hover a{color:#d70145;}
.proshow .proshowR .show_pages{width:100%;float:left;margin-top:20px;margin-bottom:20px;}
.proshow .proshowR .show_pages p{width:100%;float:left;height:35px;line-height:35px;color:#d70145;font-size:16px;}
.proshow .proshowR .show_pages p a{color:#999;}
.proshow .proshowR .showarea{width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px);float:left;margin-top:1px;background:#f5f5f5;line-height:40px;padding:0 10px;}
.proshow .proshowR .showarea span{float:left;margin-left:10px;margin-right:10px;color:#787878; font-weight:bold;}
.proshow .proshowR .showarea a{color:#787878;}

.hot_proT{width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px);height:40px;background:#d70145;line-height:40px;text-align:left;font-size:18px;color:#fff;margin-top:20px;padding:0 20px;}
.hot_pro ul{width:100%;margin-top:20px;}
.hot_pro ul li{width:22%;background:#f6f6f6;float:left;margin-right:4%;margin-bottom:2%;transition: all 1s; }
.hot_pro ul li:hover{background:#d70145;}
.hot_pro ul li:nth-child(4n){margin-right:0;} 
.hot_pro ul li a .img_wap{padding-bottom: 100%;width: 100%;position: relative;}
.hot_pro ul li a .img_wap img{width:100%;height:100%; position:absolute;top:0;left:0;}
.hot_pro ul li a p{width:100%;height:50px;line-height:50px;font-size:16px;text-align:center;color:#333;}
.hot_pro ul li:hover a p{color:#fff;}

.newslist{width:100%;margin-top:30px;}
.newslist ul{width:100%;}
.newslist ul li{width:-webkit-calc(49% - 2px); width:-moz-calc(49% - 2px); width:calc(49% - 2px);height:155px;background:#fff;border:1px solid #e0e0e0;float:left;margin-right:2%;margin-bottom:2%;transition: all 1s; }
.newslist ul li:hover{background:#eee;}
.newslist ul li:nth-child(2n){margin-right:0;} 
.newslist ul li a img{height:135px; width:195px;float:left;border:none;margin:10px;}
.newslist ul li a .connews{width:-webkit-calc(100% - 235px); width:-moz-calc(100% - 235px); width:calc(100% - 235px);height:135px;float:left;margin-top:10px;margin-left:10px;}
.newslist ul li a .connews p{width:100%;height:40px;line-height:40px;float:left;font-size:16px;color:#333;text-align:left; overflow:hidden;}
.newslist ul li a .connews .nrjj{width:100%;height:60px;line-height:30px;float:left;font-size:12px;color:#787878;text-align:left;overflow:hidden;}
.newslist ul li a .connews .ckgd{width:100%;height:35px;line-height:35px;float:left;font-size:12px;color:#d70145;}

.content_tit{width:100%;margin-top:40px;}
.content_tit h3 { font-size:30px;  color: #222222;  padding: 3px 0;  line-height: 1.7em;  text-align: center;  font-weight: normal;}
.content_tit p {  width: 100%;  text-align: center;  padding: 10px 0 15px;}
.content_tit p span {  line-height: 21px;  font-size: 12px;  color: #666;  margin: 0 5px;}
.content_des {  width: 100%;  border: 1px dotted #E5E5E5;  padding: 5px;  margin-bottom: 10px;  text-indent: 24px;margin-top:10px;}
.content_des p {  font-size: 13px;  color: #868686;  line-height: 24px;}
.content{width:100%;margin-top:30px;line-height:35px;}

.show_pages {  padding-top: 20px;}

.show_pages p {  font-size: 14px;  line-height: 24px;  color: #333;  margin-top: 6px;}

.show_pages p a {  font-size: 14px;  line-height: 24px;  color: #333;}

.pages .pagination {
  text-align: center;
  height: auto;
}
.pages .pagination a {
  padding: 0 13px;
  line-height: 28px;
  height: 28px;
  float: none;
  display: inline-block;
}
.pages .pagination p {
  padding: 0 13px;
  line-height: 28px;
  height: 28px;
  float: none;
  display: inline-block;
}



@media only screen and (min-width: 1170px) {
  .cd-popup-trigger {
    margin: 6em auto;
  }
}

/* -------------------------------- 

xpopup 

-------------------------------- */
.cd-popup {
  position: fixed;
  z-index:9999999;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  position: relative;
  width: 90%;
  max-width: 400px;
  top:30%;
  
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-popup-container p {
  padding: 4em 1em;
}
.cd-popup-container p input{width:100%;height:40px;border:1px solid #eee;}
.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container .cd-buttons li {
  float: left;
  width: 100%;
  background:#d70145;
}
.cd-popup-container .cd-buttons input {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF; border:none;background:none;width:100%;
}
.cd-popup-container .cd-buttons li:first-child a {
  background: #d70145;
  border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
  background-color: #d70145;
}
 
.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 8em auto;
  }
}