/* CSS Document */
/*transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;*/
@font-face{
    font-family: 'Bodoni';
    src:url(../fonts/BodoniStd-Italic.otf);
}
@font-face{
    font-family: 'Poppins';
    src:url(../fonts/Poppins-SemiBold.ttf);
}
@font-face{
    font-family: 'Lato';
    src:url(../fonts/LATO-LIGHT.WOFF.TTF);
}
@font-face{
    font-family: 'Playfair';
    src:url(../fonts/PlayfairDisplay-Bold.ttf);
}
@font-face{
    font-family: 'Playfair-xi';
    src:url(../fonts/PlayfairDisplay-Regular.ttf);
}

body,div,ul,li,h1,h2,h3,h4,h5,p,table,td,tr,p,dl,dt,dd{ padding:0; margin:0; list-style:none;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#262626;}
a{ color:#666; text-decoration:none;}
a:hover{}
img{ border:0;}
.logo img{max-width: 280px;}
.clear{ clear:both;}
.wid{ width:1250px; margin:0 auto;}
.wid:after,.home_top:after,.top:after,.nrtp:after,.home_other:after{ content:""; display:block; clear:both;}

.home_header{ position:relative;}
.home_video{ position:absolute; left:0; top:0; z-index:100;}
.video_bj{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:500;}
.home_top{ position:absolute; left:0; top:30px; width:100%; padding:0 100px; box-sizing:border-box;z-index:1000;}
.logo{ float:left;}
.nav{ float:right;}
.header_text{position:absolute; left:0; top:320px; width:100%; padding:0 100px; box-sizing:border-box;z-index:1000;}
.header_text h2{ text-align:center; color:#fff; font-size:50px; letter-spacing:3px;}
.header_text p{ font-size:20px; color:#fff;font-family: 'Lato'; width:800px; margin:30px auto 40px; text-align:center; line-height:40px; letter-spacing:1px;}
.header_an{ text-align:center;}
.header_an a{ display:inline-block; background:url(../images/an_bj.jpg) repeat-x; line-height:50px; color:#fff; padding:0 36px; border-radius:25px;}
.header_an a:hover{ opacity:0.8;}
.nav_cont{ position:fixed; top:0; left:0; width:100%; height:100%; box-sizing:border-box; background:rgba(204,204,204,0.9); z-index:2000; padding:10% 0 0; display:none;}
.nav_cont a{ display:block; text-align:center; color:#000; font-size:24px; line-height:60px;text-transform:uppercase;}
.nav_cont a:hover{ color:#cc3839;}
.nav_off{position:absolute; top:50px; right:100px; cursor:pointer; opacity:0.7;}
.nav_off img{width:30px;}
.nav_off:hover{ opacity:1;}

.home_pro1{ height:876px; background:url(../images/home_pro1_bj.jpg) no-repeat center; position:relative;font-family: 'Lato';}
.home_pro1_text{ position:absolute; top:150px; left:300px; width:500px;z-index:1000;}
.home_pro1_text h2{ font-size:60px; color:#fff; font-weight:normal; line-height:80px;}
.home_pro1_text p{ font-size:24px; color:#fff; line-height:36px; margin:40px 0 50px;}
.home_pro1_text a{ color:#cc3839; font-size:24px;}
.home_pro1_text a:hover{ color:#000;}
.home_pro1_pic{ position:absolute; right:0; top:170px;}

.home_pro2{ height:824px; background:#232321; position:relative;font-family: 'Lato';}
.home_pro2_text{ position:absolute; top:130px; left:300px; width:500px;z-index:1000;}
.home_pro2_text h2{ font-size:60px; color:#b6b3b3; font-weight:normal; line-height:80px;}
.home_pro2_text p{ font-size:24px; color:#b6b3b3; line-height:36px; margin:40px 0 50px;}
.home_pro2_text a{ color:#cc3839; font-size:24px;}
.home_pro2_text a:hover{ color:#000;}
.home_pro2_pic{ position:absolute; right:75px; top:70px;}

.home_pro3{ height:819px; background:url(../images/home_pro4_bj.jpg) repeat-x; position:relative;font-family: 'Lato';}
.home_pro3_text{ position:absolute; top:120px; left:300px; width:650px; z-index:1000;}
.home_pro3_text h2{ font-size:60px; color:#9a9797; font-weight:normal; line-height:80px;}
.home_pro3_text p{ font-size:24px; color:#9a9797; line-height:36px; margin:40px 0 50px;}
.home_pro3_text a{ color:#cc3839; font-size:24px;}
.home_pro3_text a:hover{ color:#000;}
.home_pro3_pic{ position:absolute; right:0; top:120px;}

.home_pro4{ height:826px; background:#232321; position:relative;font-family: 'Lato';}
.home_pro4_text{ position:absolute; top:185px; left:300px; width:500px;z-index:1000;}
.home_pro4_text h2{ font-size:60px; color:#fff; font-weight:normal; line-height:80px;}
.home_pro4_text p{ font-size:24px; color:#fff; line-height:36px; margin:40px 0 50px;}
.home_pro4_text a{ color:#cc3839; font-size:24px;}
.home_pro4_text a:hover{ color:#000;}
.home_pro4_pic{ position:absolute; right:0; top:0px;}

.home_pro5{ height:826px; background:url(../images/home_pro4_bj.jpg) repeat-x; position:relative;font-family: 'Lato';}
.home_pro5_text{ position:absolute; top:185px; left:300px; width:500px;z-index:1000;}
.home_pro5_text h2{ font-size:60px; color:#b6b3b3; font-weight:normal; line-height:80px;}
.home_pro5_text p{ font-size:24px; color:#b6b3b3; line-height:36px; margin:40px 0 50px;}
.home_pro5_text a{ color:#cc3839; font-size:24px;}
.home_pro5_text a:hover{ color:#000;}
.home_pro5_pic{ position:absolute; right:0; top:88px;}

.home_pro6{ height:826px; background:#232321; position:relative;font-family: 'Lato';}
.home_pro6_text{ position:absolute; top:135px; left:300px; width:500px;z-index:1000;}
.home_pro6_text h2{ font-size:60px; color:#b6b3b3; font-weight:normal; line-height:80px;}
.home_pro6_text p{ font-size:24px; color:#b6b3b3; line-height:36px; margin:40px 0 50px;}
.home_pro6_text a{ color:#cc3839; font-size:24px;}
.home_pro6_text a:hover{ color:#000;}
.home_pro6_pic{ position:absolute; right:0; top:15px;}

.home_other{}
.home_other_box{ width:calc(100%/6); float:left; position:relative; box-sizing:border-box; border-right:1px #666 solid;}
.home_other_box img{ max-width:100%;vertical-align:middle;}
.home_other_bj{ position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.8); width:100%; height:100%; text-align:center; transition:1000ms;}
.home_other_bj span{ font-size:18px; line-height:30px; display:inline-block; line-height:50px;  color:#fff; opacity:0;transition:500ms;}
.home_other_box:hover .home_other_bj span{ opacity:1;transition:500ms;}
.home_other_box:hover .home_other_bj{ height:50px;transition:1000ms; overflow:hidden;}

.foot{ background:#171715; color:#fff; padding:50px 0 35px;}
.foot_box{ width:35%; float:left;margin-left:5%;}
.foot_box h3{ font-size:24px;font-family: 'Lato'; margin-bottom:36px;text-transform:uppercase;}
.foot_box p{ font-size:16px; line-height:32px;font-family: 'Lato';}
.foot_pro{ width:60%; float:left;}
.foot_pro h3{ font-size:24px;font-family: 'Lato'; margin-bottom:36px; text-transform:uppercase;}
.foot_pro a{ width:46%; display:inline-block; margin-right:3%; line-height:32px;font-family: 'Lato'; color:#fff;}
.foot_pro a:hover{ color:#cc3839;}
.foot_link{ margin-top:15px;}
.foot_link a{ display:inline-block; padding:0 5px;}
.foot_link a:hover{ opacity:0.5;}
.banquan{ color:#fff; text-align:center; line-height:60px; background:#1f1f1c; font-size:18px;font-family: 'Lato';}

.header{ background:#181717; padding:10px 0; border-bottom:1px #ccc solid;}
.top{ padding:0 10%;}
.mid_nav{float:right;}
.mid_nav a{ font-size:16px; color:#fff; line-height:58px; display:inline-block; padding:0 15px; border-radius:5px;text-transform:uppercase;}
.mid_nav a:hover{ background:#fff; color:#d61518;}
.nybanner{ height:400px; background:url(../images/nybanner.jpg) no-repeat center;}
.nybanner h1{font-size:36px; color:#fff; text-align:center; padding-top:6%;font-family: 'Poppins'; font-weight:normal; width:50%; margin:0 auto; text-transform:uppercase;}

.mid{ padding:50px 0 50px;}
.mid_wz{line-height:50px; border-bottom:1px solid #ddd; background:#f2f2f2; font-size:14px;}
.mid_wz span{ margin:0 10px;}
.mid_wz a{ color:#262626;}
.mid_wz a:hover{ text-decoration:underline;}
.mid_title{ text-align:center; font-size:50px;font-family: 'Poppins'; font-weight:normal;text-transform:uppercase;}
.mid_n{ text-align:center; padding:30px 0 40px; border-bottom:1px #ebebeb solid;}
.mid_n a{ display:inline-block; line-height:36px; padding:0 20px; border:1px #d61518 solid; margin:0 10px;margin-bottom:15px;transition:500ms;}
.mid_n a:hover{ background:#d61518; color:#fff; transition:500ms;}
.mid_n .act{ background:#d61518; color:#fff;}

.mid_cont{ line-height:32px; padding:25px 0 0;}
.mid_cont p{ margin-bottom:15px;}
.mid_cont img{max-width:100%;}

.contact_l{ float:left; width:50%;}
.contact_l h1{ font-size:34px; font-weight:normal; color:#cf1b36; margin-bottom:10px;}
.contact_l p{ line-height:24px; margin-bottom:15px;}
.from{}
.from input{ width:45%; margin-right:10%; border:1px #e8e8e8 solid; border-radius:3px; line-height:30px; background:#f5f5f5; box-sizing:border-box; padding:0 10px; font-size:14px; float:left; margin-bottom:15px; outline:none;}
.from textarea{ width:100%; height:100px;border:1px #e8e8e8 solid; border-radius:3px;padding:10px;background:#f5f5f5; box-sizing:border-box;font-size:14px;outline:none;font-family:"arial";}
.from a{ display:inline-block; padding:0 20px; line-height:30px; background:#e7161a; color:#fff; border-radius:3px; font-size:14px; margin-top:15px; float:right;}
.from a:hover{ background:#c51518;}
.contact_r{ float:right; width:46%; box-sizing:border-box; border:6px solid #f2f2f2; padding:30px; margin-top:45px;}
.contact_r h2{ color:#c51518; font-size:25px; font-weight:normal; margin-bottom:15px;}
.contact_r h3{ font-size:16px; color:#000;font-weight:normal; margin-bottom:10px;}
.contact_r p{ line-height:26px;}
.contact_r a{ color:#c51518;}
.contact_r a:hover{ text-decoration:underline;}

.prolist{}
.prolist:after{ content:""; display:block; clear:both;}
.prolist dl{ width:25%; padding:0 1%; box-sizing:border-box; text-align:center; overflow:hidden; float:left;margin-bottom:15px;}
.prolist dl dt{ position:relative;}
.prolist dl dt img{ max-width:100%; vertical-align:middle;border:1px #ebebeb solid; box-sizing:border-box;}
.prolist dl dt span{ position:absolute; left:0; top:0; width:100%; height:100%; display:block; background:#ccc;background:rgba(193,44,32,0.2); opacity:0;transition:320ms;}
.prolist dl dt span:before{ content:"";width:100%;height:0;border-left:3px solid #c12c20;border-right:3px solid #c12c20;box-sizing:border-box;position:absolute;left:0;top:0;transition:320ms;}
.prolist dl dt span:after{ content:"";width:0;height:100%;border-top:3px solid #c12c20;border-bottom:3px solid #c12c20;box-sizing:border-box;position:absolute;left:0;top:0;transition:320ms;}
.prolist dl:hover span{ opacity:1;transition:320ms;}
.prolist dl:hover dt span:before{ height:100%; transition:330ms 200ms;}
.prolist dl:hover dt span:after{ width:100%; transition:330ms 200ms;}
.prolist dl dt span b{ position:absolute; left:50%; top:50%; margin:-23px 0 0 -23px; width:46px; height:46px; display:block; z-index:10;}
.prolist dl dt span b:before{ position:absolute; left:0; top:23px; content:"";width:100%;height:1px; background:#c12c20;transform:translateX(-200px);}
.prolist dl dt span b:after{ position:absolute; left:23px; top:0; content:"";width:1px;height:100%; background:#c12c20;transform:translateY(-200px);}
.prolist dl:hover dt span b:before{ transform:translateX(0); transition:355ms 180ms;}
.prolist dl:hover dt span b:after{ transform:translateY(0); transition:355ms 180ms;}
.prolist dl dd{ font-size:16px; padding:14px 0 20px; font-weight:bold;height:36px; overflow:hidden;}
.prolist dl:hover dd{ color:#c12c20;}

.procont{ padding-bottom:30px;}
.procont_pic{ text-align:center;}
.procont_pic img{ max-width:600px; width:100%; vertical-align:middle;}
.procont_cont{ line-height:30px;}
.procont_cont p{ margin-bottom:15px;}

.newslist{}
.newslist_list{ border-bottom:#ebebeb dashed 1px; padding:15px;}
.newslist_list .title{ margin-bottom:10px;}
.newslist_list .title:after{ content:""; display:block; clear:both;}
.newslist_list .title h2{ font-size:20px; color:#323232; float:left;text-transform:uppercase;}
.newslist_list .title h2 a:hover{ color:#c12c20;}
.newslist_list .title span{ float:right; color:#969696; font-size:12px;}
.newslist_list .abs{ line-height:25px; max-height:50px; overflow:hidden; margin:8px 0 10px; font-size:12px;}
.newslist_list .more{}
.newslist_list .more:after{ content:""; display:block; clear:both;}
.newslist_list .more a{ font-size:12px; float:right; display:inline-block; line-height:28px; padding:0 10px; border:1px #ccc solid; color:#c12c20;}
.newslist_list .more a:hover{ background:#c12c20; color:#fff;border:1px #c12c20 solid;}

.nrtp img{float:left; width:23%; margin:0 1%;}

.video{width:calc(100%/3); float:left; box-sizing:border-box; padding:0 15px 20px;}
.video p{text-align:center; font-size:16px; color:#000;}

.new_lr{border-top:1px dotted #ccc; background:#f2f2f2; padding:5px;margin-top:10px;}

/*分页代码*/
.pagelist {clear:both; font-size: 12px; padding:20px 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px; color:#666; font-family:宋体,arial,sans-serif;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:#97262a; background: #fff; border-color:#97262a; text-decoration: none;}

/*send*/
.fabu {}
.fabu li { border-bottom:1px dashed #ccc; padding:10px;}
.fabu li b {color:#463b97; font-size:14px;}
.fabu li textarea { display:block;}
#send {display:block; margin-top:26px;width:100%;position:relative; margin-bottom:10px;}
#send a{ text-decoration:none; }
#detail_send .detjt{ color:#FFFFFF;}
#send .send_title{background:#eee;height:38px;text-indent:6px;color:#463b97;border-top:1px solid #c7d2e3; border-left:1px solid #c7d2e3; border-right:1px solid #c7d2e3;}
#send .send_title .sendh2_title {float:left; font-size:16px; line-height:20px; text-indent:10px; padding-top:8px;font-weight:bold;}
#send .send_title #detail_send {width:120px;background:url(page_bg.gif) right -160px;height:38px;position:absolute;right:0;top:0;}
#send .send_main { border:1px solid #c7d2e3; background:#fafafa;padding:12px;}
#send input{ line-height:30px; border-radius:3px; border:1px solid #ccc;}
#send textarea { max-width:100%; height:100px; font-family:Arial; color:#999;font-size:11px;border:1px solid #ccc;border-radius:3px; padding:5px; overflow:hidden; width:100%;box-sizing:border-box;}
.send_main strong{color:#463b97; font-size:12px;}
.send_main{ font-size:12px;}
.blue22{width: auto; background-color: #cc3839;color: white; text-transform: uppercase;font-size: 16px;font-weight: 400; padding: 8px 25px; border:medium none; border-radius:10px;margin-top:20px;cursor:pointer}

.mob_nav{display:none;}

.procont_pic{position:relative;}
.procont_pic .prev{ position:absolute; top:42%; left:50px; /*background:url(../images/tb_l.png) no-repeat left center;*/ padding-left:25px; line-height:30px; font-size:30px; color:#cc3839;}
.procont_pic .next{ position:absolute; top:42%; right:50px;/*background:url(../images/tb_r.png) no-repeat right center;*/ padding-right:25px; line-height:30px; font-size:30px; color:#cc3839;}

@media screen and (max-width: 1600px) {
.home_pro1_text{ left:100px;}
.home_pro1_pic{text-align:right;}
.home_pro1_pic img{max-width:80%;}
.home_pro2_text{ left:100px;}
.home_pro2_pic{text-align:right;}
.home_pro2_pic img{max-width:80%;}
.home_pro3_text{ left:100px;}
.home_pro3_pic{text-align:right;}
.home_pro3_pic img{max-width:80%;}
.home_pro4_text{ left:100px;}
.home_pro4_pic{text-align:right;}
.home_pro4_pic img{max-width:80%;}
.home_pro5_text{ left:100px;}
.home_pro5_pic{text-align:right;}
.home_pro5_pic img{max-width:80%;}
.home_pro6_text{ left:100px;}
.home_pro6_pic{text-align:right;}
.home_pro6_pic img{max-width:80%;}
	}

@media screen and (max-width: 1200px) {
.home_pro1_text{ left:100px;}
.home_pro1_pic{text-align:right;}
.home_pro1_pic img{max-width:60%;}
.home_pro2_text{ left:100px;}
.home_pro2_pic{text-align:right;}
.home_pro2_pic img{max-width:60%;}
.home_pro3_text{ left:100px;}
.home_pro3_pic{text-align:right;}
.home_pro3_pic img{max-width:60%;}
.home_pro4_text{ left:100px;}
.home_pro4_pic{text-align:right;}
.home_pro4_pic img{max-width:60%;}
.home_pro5_text{ left:100px;}
.home_pro5_pic{text-align:right;}
.home_pro5_pic img{max-width:60%;}
.home_pro6_text{ left:100px;}
.home_pro6_pic{text-align:right;}
.home_pro6_pic img{max-width:60%;}
.header_text{top:200px;}
	}

@media screen and(min-width:801px) and (max-width:1000px){
.home_pro3_text{left:auto;}
}

@media screen and (max-width: 800px) {
.logo img{width:300px;}
.wid{width:100%;box-sizing:border-box;}
.header_text{top:20%;}
.header_text p{font-size:15px;width:auto;}
.header_text h2{font-size:35px;}
.home_pro1_text,.home_pro2_text,.home_pro3_text,.home_pro4_text,.home_pro5_text,.home_pro6_text{left:auto;}
	}


@media screen and (max-width: 480px) {
.wid{width:100%;box-sizing:border-box;}
.logo img{ width:200px;}
.home_top{padding:0 15px; top:8px;}
.nav_off{top:20px;right:20px;}
.header_text{top:50px;padding:0 15px; display:none;}
.header_text h2{font-size:22px;}
.header_text p{width:96%; margin:5px auto; font-size:12px; line-height:22px;}
.header_an a{line-height:36px; border-radius:18px; padding:0 25px;}
.home_pro1{height:auto; padding:30px 15px 30px; background:url(../images/home_pro1_bj.jpg);}
.home_pro1_text{position:static; width:auto;}
.home_pro1_text h2{font-size:26px; line-height:40px; color:#232321;}
.home_pro1_text p{font-size:14px; line-height:26px; margin:15px 0 20px;color:#232321;}
.home_pro1_text a{font-size:16px;}
.home_pro1_pic{position:static; margin-top:25px;}
.home_pro1_pic img{max-width:100%;}
.home_pro2{height:auto; padding:30px 15px 30px;}
.home_pro2_text{position:static; width:auto;}
.home_pro2_text h2{font-size:26px; line-height:40px;}
.home_pro2_text p{font-size:14px; line-height:26px; margin:15px 0 20px;}
.home_pro2_text a{font-size:16px;}
.home_pro2_pic{position:static; margin-top:25px;}
.home_pro2_pic img{max-width:100%;}
.home_pro3{height:auto; padding:30px 15px 30px; background:url(../images/home_pro1_bj.jpg);}
.home_pro3_text{position:static; width:auto;}
.home_pro3_text h2{font-size:26px; line-height:40px;color:#232321;}
.home_pro3_text p{font-size:14px; line-height:26px; margin:15px 0 20px;color:#232321;}
.home_pro3_text a{font-size:16px;}
.home_pro3_pic{position:static; margin-top:25px;}
.home_pro3_pic img{max-width:100%;}
.home_pro4{height:auto; padding:30px 15px 30px;}
.home_pro4_text{position:static; width:auto;}
.home_pro4_text h2{font-size:26px; line-height:40px;}
.home_pro4_text p{font-size:14px; line-height:26px; margin:15px 0 20px;}
.home_pro4_text a{font-size:16px;}
.home_pro4_pic{position:static; margin-top:25px;}
.home_pro4_pic img{max-width:100%;}
.home_pro5{height:auto; padding:30px 15px 30px; background:url(../images/home_pro1_bj.jpg);}
.home_pro5_text{position:static; width:auto;}
.home_pro5_text h2{font-size:26px; line-height:40px;color:#232321;}
.home_pro5_text p{font-size:14px; line-height:26px; margin:15px 0 20px;color:#232321;}
.home_pro5_text a{font-size:16px;}
.home_pro5_pic{position:static; margin-top:25px;}
.home_pro5_pic img{max-width:100%;}
.home_pro6{height:auto; padding:30px 15px 30px;}
.home_pro6_text{position:static; width:auto;}
.home_pro6_text h2{font-size:26px; line-height:40px;}
.home_pro6_text p{font-size:14px; line-height:26px; margin:15px 0 20px;}
.home_pro6_text a{font-size:16px;}
.home_pro6_pic{position:static; margin-top:25px;}
.home_pro6_pic img{max-width:100%;}
.home_other_box{width:calc(100%/2); border-bottom:1px #666 solid;}
.foot{padding:30px 15px;}
.foot_box{width:100%;float:none;}
.foot_pro{width:100%;float:none;}
.foot_box h3{margin-bottom:15px;}
.foot_pro h3{margin:20px 0 15px;}
.foot_pro a{width:100%;margin:0;}
.banquan{padding:6px 15px; line-height:24px; font-size:14px;}
.mid_nav{display:none;}
.mob_nav{display:block;}
.nybanner{height:300px;}
.nybanner h1{width:96%; font-size:30px; padding-top:12%;}
.mid_wz{height:50px; overflow:hidden; padding-left:10px;}
.mid_title{font-size:24px;}
.mid_n a{font-size:12px; line-height:30px; padding:0 10px; margin:0 5px 10px;}
.mid_cont{padding:15px 10px 0;}
.prolist dl{width:50%;}
.video{padding:0 0 15px; width:100%;}
.contact_l{width:100%; float:none;}
.contact_r{width:100%; float:none;}
#send textarea{width:100%;}
.procont_pic .prev{  left:0px;top:45%;  font-size:24px;}
.procont_pic .next{ right:0px; top:45%; font-size:24px;}
	}