@charset "utf-8";
/*******author:Tongyan.Guo**************/
/*html{ min-width:1002px;}*/
body{ margin:0; padding:0; font-size:12px; font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; background-color:#ffffff;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{ font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; text-decoration:none;outline:none;}
a:hover{ text-decoration:none; }
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}
.rel1140{width:1140px;margin:0 auto;overflow:hidden;}
/*top*/
#top_col{ position:absolute; left:0; top:0; z-index:99; width:100%; background:#fff; }
.top_box{overflow:hidden; }
.top_box .logo{float:left;padding-top:7px;width:146px;height:57px;background-color:#c20813;text-align: center;}
.top_box h5{float:left;padding-left:20px;font-size:15px;height:64px;line-height: 64px;}
.top_box .top_nav{float:right;margin-right:20px;}
.top_box .top_nav a,.top_box .top_nav span{display:block;float:left;height:64px;line-height:64px;color:#6f6f6f;font-weight: bold;}
.top_box .top_nav a.icon_home,.top_box .top_nav a.icon_nav{width:48px;background-position: center;background-repeat: no-repeat;text-indent:-9999em;}
.top_box .top_nav a.icon_home{background-image: url(https://www.wanmei.com/zh/images/revision2016/icon_home.png);}
.top_box .top_nav a.icon_nav{margin-right:13px;background-color:#c20813;background-image: url(https://www.wanmei.com/zh/images/revision2016/icon_nav.png);}
.top_box .top_nav a.lang{margin:0 8px;font-size:16px;}
.top_box .top_nav a.on{color:#c20813;}
.nav_box{width:100%;background:url(https://www.wanmei.com/zh/images/revision2016/nav_bg.png) repeat;background:rgba(0,0,0,0.8);position:absolute;top:64px;left:0;z-index:111;}
.nav_list{height:40px;line-height: 40px;}
#jsddm{width:480px;height:40px;float:right;}
#jsddm li{float: left;height:40px;line-height:40px;font-size:15px;text-align: center;}
#jsddm li.width0 a,#jsddm li.width0 ul li a{width:180px;}
#jsddm li a{display: block;width:100px;color: #dadada;white-space: nowrap;text-decoration: none;}
#jsddm li a:hover,#jsddm li a.bgcolor{background:url(https://www.wanmei.com/zh/images/revision2016/nav_on.png) repeat;background:rgba(146,146,146,0.7);color:#fff;}
#jsddm li ul{position: absolute;visibility: hidden;background:url(https://www.wanmei.com/zh/images/revision2016/nav_bg.png) repeat;background:rgba(0,0,0,0.7);z-index:11;}
#jsddm li ul li{float: none;display: inline;height:34px;line-height: 34px;}
#jsddm li ul li a:hover{text-decoration: underline;background:none;}
#jsddm li ul li p a{font-size:12px;color:#bab9b9;line-height: 18px;}
#jsddm li ul li .nohover:hover{text-decoration: none;color: #dadada;}
/*bottom*/
#screen6{ position:fixed; display:none; bottom:-500px; height:530px!important; }
.bottom_box{width:100%;padding-top:15px;padding-bottom:50px;  background:#fff;  }
.bottom_box .rel1140{width:100%;}
.bottom_box iframe{width:100%;height:490px;}
.bottom_nav{width:1140px;margin:0 auto;padding-top:12px;overflow:hidden;}
.bottom_nav ul li{float:left;margin-left:0;margin-right:100px;font-size:18px;color:#6f6f6f;}
.bottom_nav ul li h2{padding-bottom:10px;margin-bottom:10px;border-bottom:2px solid #999999;height:32px;line-height:32px;}
.bottom_nav ul li h2:hover,.bottom_nav ul li h2.bordercolor{border-bottom:2px solid #c20813;}
.bottom_nav ul li ul li{margin:0;float:none;font-size:14px;border:0;}
.bottom_nav ul li ul li a{display:block;color:#6f6f6f;padding:4px 0;text-align: left;}
.bottom_nav ul li ul li a:hover{text-decoration: underline}
.bottom_nav ul li ul li .nohover:hover{text-decoration: none;color: #6f6f6f;}
.line_footer{width:100%;height:1px;background-color:#e5e5e5;margin-top:50px;}
.footer{width:1140px;margin:0 auto;padding:50px 0;text-align: center;}
.footer p{line-height:24px;color:#a1a1a1;}

/*content*/
.screen{ position:relative; width:100%; height:978px; }
#screen1{background:url(../images/diy/s1.jpg) center top no-repeat; background-size:100% 100%; overflow:hidden; }
#screen2{background:url(../images/diy/s2.jpg) center top no-repeat; background-size:100% 100%; overflow:hidden; }
#screen3{background:url(../images/diy/s3.jpg) center top no-repeat; background-size:100% 100%; overflow:hidden; }
#screen4{background:url(../images/diy/s4.jpg) center top no-repeat; background-size:100% 100%; overflow:hidden; }
#screen5{background:url(../images/diy/s5.jpg) center top no-repeat; background-size:100% 100%; overflow:hidden; }
.s1_cont{ width:640px; position:absolute; top:450px; left:50%; margin-left:-320px; }
.s1_slogan{ position:absolute; left:-20%; top:-326px; width:880px; color:#8e1523; margin:0 auto;  }
.video_btn{ text-align:center; width:160px; color:#8e1523; margin:0 auto;  }
.v_btn img{  -webkit-transition:0.3s all; -ms-transition:0.3s all; -moz-transition:0.3s all; transition:0.3s all; }
.v_btn:hover img{ -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -moz-transform:rotateY(180deg); transform:rotateY(180deg); }
.circlered{ background:#691019; width:640px; border-radius:50px; margin-top:10px; text-align:center; padding:20px 0px 0px 0px; }
.circlered h3{ font:bold 16px/30px "微软雅黑"; color:#6d0f18; background:#fff; width:195px; margin:0 auto; border-radius:20px; }
.circlered p{ font:normal 16px/24px "微软雅黑"; color:#ffffff; padding:10px 0; }

.s2_cont{ width:800px; position:absolute; top:254px; left:50%; margin-left:-400px; }
.s2_cont img{ float:left; display:block; }
.s2_txt{ width:470px; float:right; padding-right:30px; padding-top:70px; color:#737373; font-size:14px; line-height:22px; text-indent:2em; }

.s3_cont{ width:800px; position:absolute; top:50px; left:50%; margin-left:-400px; }
.s3_top{ height:230px;  }
.s3_top img{ float:left; display:block; }
.s3_txt{ width:512px; float:right; padding-right:30px; padding-top:70px; color:#737373; font-size:14px; line-height:22px; text-indent:2em; }
.s3_tab{ width:740px; height:342px; overflow:hidden; margin:0 auto; position:relative; }
#bigimg{ width:596px; height:338px; border:2px solid #bdbdbd; position:absolute; left:0; top:0; }
.s3_tabtit{ width:137px; position:absolute; right:0; top:0; }
.s3_tabtit img{ cursor:pointer; width:133px; height:79px; border:2px solid #bdbdbd; display:block; margin-bottom:3px; }
.s3_tabtit img.on{ border:2px solid #db0f0f; }

.s4_cont{ width:1250px; position:absolute; top:50px; left:50%; margin-left:-625px; }
.s4_top{ height:170px; width:760px; margin:0 auto; margin-bottom: 40px;}
.s4_top img{ float:left; display:block; }
.s4_txt{ width:510px; float:right; padding-top:70px; color:#737373; font-size:14px; line-height:22px; text-indent:2em; }
.s4_people{width: 1248px; height: 500px; margin: 0 auto;}
.s4_people .bd ul li{float: left; width: 416px; height: 486px; margin: 0 auto; text-align: center; color: #5b5b5b;}
.s4_people .bd ul li img{display: block; width: 380px; margin: 0 auto; cursor: pointer;}
.s4_people .bd ul li h4{ font-size:18px; font-weight:bold; padding:5px 0;}
.s4_people .bd ul li h4,.s4_people .bd ul li p{width: 380px; margin: 0 auto;}
.s4_people .hd{text-align: center;}
.s4_people .hd li{display: inline-block; width: 20px; height: 20px; background: #dfdfdf; border-radius: 20px; cursor: pointer; margin: 0 6px; overflow: hidden; text-indent: -999px;}
.s4_people .hd li.on{background: #f8da95;}

.s4_people a{ text-align:center; float:left; width:362px; display:block; font-size:12px; color:#5b5b5b; margin:62px 16px 0; }
.s4_people a.rw2{ width:418px; margin-top:0; }
.s4_people a h4{ font-size:18px; font-weight:bold; padding:5px 0; }

.s5_cont{ position:absolute; width:890px; top:50px; left:50%; margin-left:-445px; }
.s5_tit{ padding:45px 0; text-align:center; color:#c41628; font-size:48px; font-weight:bold; }
.s5_ps{ color:#5b5b5b; font-size:14px; line-height:24px; text-align:center; }
.s5_tu{ width:890px; height:500px; background:url(../images/diy/tu.png) no-repeat; position:relative; overflow:hidden; }
.tus{ position:absolute; top:80px; width:244px; height:400px; }
.tu1{ left:11px;  }
.tu2{ left:322px; }
.tu3{ left:635px; }
.tus h3{ width:244px; font-size:14px; text-align:center; color:#414141; bottom:0; position:absolute; left:0; }
.a_zi{ width:244px; height:362px; background:rgba(0,0,0,0.8); color:#fff; font-size:14px; display:none; position:absolute; left:0; top:0; }
.a_zi p{  padding:30px; }

.pop_rw1,.pop_rw2,.pop_rw3,.pop_rw4,.pop_rw5{ width:700px; height:600px; overflow-x:hidden; overflow-y:auto; padding:0 30px; display:none; background-color: #FFF; }
.pop_txt h3{ font-weight:bold; font-size:28px; text-align:center; color:#5b5b5b; padding-bottom:40px; }
.pop_txt p{ font-size:14px; line-height:20px; color:#5b5b5b; padding:10px 0; text-indent:2em; }
.img_tu{ text-align:center; }
.close{ position:absolute; display:block; width:104px; height:104px; text-indent:-9999px; background:url(../images/diy/close.png) no-repeat; right:-104px; top:0; }
.pop_video{ background:#000; display:none; width:800px; height:500px; }


.float_right{width:69px; height:260px; position:fixed; right:20px; top:50%; margin-top:-130px; display:none;  }
.float_links a{ width:69px; height:62px; display:block;  text-align:center; margin-bottom:3px; background:url(../images/diy/nava.png) no-repeat; color:#787878; font-size:14px; line-height:62px; display:block; text-align:center; }
.float_links a:hover,.float_links a.on{ color:#fff;  background:url(../images/diy/navh.png) no-repeat; }

.sq_btn{ position:absolute; width:48px; text-align:center; display:block; left:50%; margin-left:-12px; top:-56px; color:#000; font-size:20px; }