@charset "utf-8";
/* CSS Document */

html,body{width:100%; height:100%;}
body{min-width:1160px;}
body,td,th,input,textarea,select{
	font-size:12px;
	font-family:Arial, Tahoma;
	color:#666;
	outline:none;
}
html{-webkit-text-size-adjust:none;}
body{margin:0;}
form,input,textarea{margin:0; padding:0;}
img{border:0px none; vertical-align:middle;}
table{border-collapse:collapse;}
.searHeight{font-style:normal; color:#EC0000;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
p{display:block; margin:0; padding:0;}
h1{color:#333; display:block; margin:0; padding:0; font-size:26px; font-weight:normal;}
a{color:#666666; text-decoration:none; outline:none;}
a:hover,a:active{color:#EC0000;}
.aBlue{color:#23BFE9;}
.aBlue:hover,.aBlue:active{color:#EC0000;}
.aGray{color:#999;}
.aGray:hover,.aGray:active{color:#EC0000;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
@font-face{font-family:'DIN Next W01 Bold'; src:url('font/DIN_Next_W01_Bold.eot');src:url('font/DIN_Next_W01_Bold.eot?#iefix') format("embedded-opentype"),url('font/DIN_Next_W01_Bold.woff') format("woff"),url('font/DIN_Next_W01_Bold.ttf') format("truetype");}

.wrap{width:1160px; height:100%; margin:auto;}

#head{width:100%; height:110px; position:fixed; z-index:9; left:0; top:0; background:url(images/head_bg.png) repeat-x left bottom; transition:background 0.6s;}
#logo{width:174px; height:30px; padding-top:35px; float:left;}
#head.A{background:url(images/head_bg2.png) repeat-x left bottom;}

#menu{width:760px; height:60px; margin:0 0 0 100px; float:left;}
#menu li{float:left;}
#menu li a{display:inline-block; height:100px; line-height:104px; padding:0 23px; font-size:16px; position:relative; overflow:hidden; z-index:1; font-family:'DIN Next W01 Bold',helvetica,arial,sans-serif; text-transform:uppercase; color:#464646;}
#menu li a span{display:block; width:0; position:absolute; left:50%; bottom:0; border-top:3px solid #EC0000;}

#home{display:block; width:32px; height:32px; overflow:hidden; background:url(images/icon_home.png) no-repeat center top; float:left; margin:35px 0 0 46px; transition:background-position ease 0.3s;}
#home:hover,#home:active{background-position:center bottom;}
#zoom{display:block; width:32px; height:32px; overflow:hidden; background:url(images/icon_zoom.png) no-repeat center top; float:left; margin:35px 0 0 16px; transition:background-position ease 0.3s;}
#zoom:hover,#zoom:active,#zoom.A{background-position:center bottom;}
#search_wrap{width:256px; height:30px; position:absolute; bottom:-4px; right:0; z-index:2; box-shadow:0px 3px 5px rgba(0,0,0,0.2); border-radius:50px; display:none;}
#keys{background:#23BFE9; color:#FFF; border:0px none; padding:8px 12px; vertical-align:middle; width:160px; border-radius:50px 0 0 50px;}
#button_search{background:#15B5DD; color:#FFF; border:0px none; padding:8px 18px 8px 15px; vertical-align:middle; border-radius:0 50px 50px 0;}
#keys::-webkit-input-placeholder{color:#FFF;}
#keys:-moz-placeholder{color:#FFF;}

#banner{width:100%; height:866px; position:relative; z-index:1; overflow:hidden;}

#mL{width:420px; height:280px; float:left; position:relative; background:url(images/about.jpg) no-repeat left top;}
.mTit{color:#333; font-size:16px; font-family:'DIN Next W01 Bold',helvetica,arial,sans-serif; text-transform:uppercase;}
#mL_bg{width:350px; height:53px; background:rgba(240,0,0,0.8); margin-left:70px; margin-top:18px; border-radius:0 0 10px 0;}
#mL_bg p{padding:9px 10px 10px 15px; color:#FFF; line-height:145%;}
#mL_txt{width:220px; margin-left:200px; margin-top:18px; color:#888; line-height:160%}

.more{display:inline-block; width:64px; height:24px; line-height:24px; color:#FFF !important; background:#BBB; text-align:center; border-radius:2px; transition:all ease 0.35s;}
.more img{vertical-align:middle; margin:-2px 0 0 6px;}
.more:hover,.more:active{background:#23BFE9;}

#mC{width:390px; height:280px; float:left; margin-left:40px;}
.mNews{display:block; border-top:1px solid #E6E6E6; padding-top:13px; padding-bottom:13px;}
.mNews:first-child{border-top:0px none;}
.mNews .tit{padding:5px 0; color:#464646; font-size:13px;}
.mNews .time{color:#999; padding:5px 0 5px 0; font-style:italic;}
.mNews .txt{color:#888; line-height:150%; padding:2px 0;}
.mNews .time img{margin:-2px 0 0 8px;}
.mNews:hover .tit,.mNews:active .tit{color:#EC0000;}

#mR{width:270px; height:280px; float:right;}
#support{width:100%; height:98px; background:url(images/support_bg.png) no-repeat center top; margin-top:18px;}

#service{display:block; width:135px; height:100%; position:relative; float:left; overflow:hidden;}
#service div{position:absolute; left:0; top:0;}
#service img{position:absolute;}
#service p{position:absolute;}

#download{display:block; width:135px; height:100%; position:relative; float:left; overflow:hidden;}
#download div{position:absolute; right:0; bottom:0;}
#download img{position:absolute;}
#download p{position:absolute;}

#contact{text-align:right; margin-top:18px;}

#mPro{width:100%; height:365px; padding-top:135px; background:url(images/prolist_bg.jpg) no-repeat center center; margin-top:12px;}
#mPro_move{width:1160px; position:relative;}
#mPro .box{width:1160px; overflow:hidden;}
#mPro .list{width:9999px; overflow:hidden;}
#mPro .list li{display:block; width:236px; height:276px; float:left;}
#mPro .prev{display:block; position:absolute; width:50px; height:50px; top:290px; left:50%; margin-left:-60px; overflow:hidden; background:url(images/aL.png) no-repeat left top; transition:all 0.3s ease; cursor:pointer;}
#mPro .prev:hover,#mPro .prev:active{background-position:right top;}
#mPro .next{display:block; position:absolute; width:50px; height:50px; top:290px; right:50%; margin-right:-60px; overflow:hidden; background:url(images/aR.png) no-repeat right top; transition:all 0.3s ease; cursor:pointer;}
#mPro .next:hover,#mPro .next:active{background-position:left top;}
#mPro a{display:block; width:216px; height:100%; position:relative;}
#mPro a .span{display:block;}
#mPro a p.con{width:100%; height:260px; overflow:hidden; position:relative; z-index:2;}
#mPro .img{width:216px; height:260px; position:relative; z-index:2;}
#mPro .img img{width:100%; height:100%;}
#mPro .hCenter{
  display:-webkit-box;
  -webkit-box-orient:horizontal;
  -webkit-box-pack:center;
  -webkit-box-align:center;
  
  display:-moz-box;
  -moz-box-orient:horizontal;
  -moz-box-pack:center;
  -moz-box-align:center;
  
  display:-o-box;
  -o-box-orient:horizontal;
  -o-box-pack:center;
  -o-box-align:center;
  
  display:-ms-box;
  -ms-box-orient:horizontal;
  -ms-box-pack:center;
  -ms-box-align:center;
  
  display: -ms-flexbox;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  
  display:box;
  box-orient:horizontal;
  box-pack:center;
  box-align:center;
}
#mPro .txt{width:186px; padding:0 15px; height:50px; padding-bottom:3px; background:rgba(0,0,0,0.36); color:#FFF; position:absolute; z-index:3; left:0; bottom:0; text-align:center; transition:all ease 0.45s; text-transform:capitalize;}
#mPro a:hover .txt,#mPro a:active .txt{height:258px; background:rgba(0,0,0,0.5);}
#mPro .more{background:rgba(236,0,0,0.8); position:absolute; width:100%; height:53px; left:0; bottom:-63px; transition:all ease 0.4s; z-index:4; text-align:center; line-height:51px; color:#FFF;}
#mPro .more img{vertical-align:middle; margin:-2px 0 0 12px;}
#mPro a:hover .more,#mPro a:active .more{bottom:0;}
#mPro .shadow{width:242px; height:31px; background:url(images/pro_shadow.png) no-repeat center center; position:absolute; left:-13px; bottom:20px; transition:all ease 0.4s;}
#mPro a:hover .shadow,#mPro a:active .shadow{bottom:0;}

#mPow{width:1160px; position:relative; margin: 0 auto; padding: 100px 0;}
#mPow>.title{font-size: 20px; font-weight: bold; color: #333;}
#mPow>.title>a{display: inline-block;  color: #EC0000; float: right; font-weight: normal; font-size: 14px;border: 1px solid #ccc; padding: 10px 20px;}
#mPow>.title>a>img{height: 20px; width: auto; margin-right: 6px;}
#mPow>.content{ margin:  0 auto;font-size: 16px; color: #666; line-height: 28px;}


#foot{height:60px; background:#F0F0F0;}
#fL{width:600px; float:left; padding-top:22px; color:#888;}
#fL a{color:#EC0000; transition:all ease 0.3s;}
#fL a:hover,#fL a:active{color:#23BFE9;}
#fR{width:400px; float:right; padding-top:22px; text-align:right;}
#fR a{color:#888; transition:all ease 0.3s;}
#fR a:hover,#fR a:active{color:#EC0000;}

#bannerS{width:100%; height:400px; background:#FFF; position:relative;}
#banner_img{width:100%; height:100%; position:relative; z-index:1;}
#location{width:100%; height:66px; background:rgba(0,0,0,0.36); position:absolute; z-index:2; left:0; bottom:0;}
#location a{display:inline-block; height:32px; line-height:32px; padding:0 40px; background:#FFF; transition:all ease 0.4s; margin-right:10px; text-transform:capitalize;}
#location a:hover,#location a:active{color:#FFF; background:#EC0000 !important;}
#location a.A{background:#23BFE9; color:#FFF;}
#thisplace{display:inline-block; height:66px; padding:0 50px; line-height:72px; font-size:36px; color:#FFF; background:#EC0000; position:absolute; right:0; top:0; text-transform:uppercase; font-family:'DIN Next W01 Bold',helvetica,arial,sans-serif;}
#thisplace img{vertical-align:middle; margin:-5px 0 0 20px;}

#main{width:1160px; margin:50px auto 56px auto; min-height:344px;}
.text{line-height:180%;}
.text p,.text div{margin-bottom:20px;}
.text img{max-width:100%;}

.aD{display:block;}
.dL{width:134px; height:150px; background:#AAA; float:left; transition:all ease 0.4s; position:relative; overflow:hidden;}
.dL span{background:rgba(0,0,0,0); position:absolute; left:50%; top:50%; width:0; height:0; z-index:1; transition:all ease 0.5s;}
.dL img{position:absolute; z-index:2; left:50%; top:-58px; margin:0 0 0 -24px; transition:all ease 0.3s;}
.dL .day{color:#FFF; text-align:center; font-size:52px; padding-top:26px; transition:all ease 0.6s;}
.dL .yymm{color:rgba(255,255,255,0.6); text-align:center; font-size:14px; padding-top:16px; transition:all ease 0.6s;}
.dR{width:1026px; height:149px; border-bottom:1px solid #E6E6E6; float:right; transition:all ease 0.4s;}
.dR .tit{font-size:14px; padding:33px 15px 20px 50px;}
.dR .time{padding:0 0 0 50px; color:#999;}
.dR .info{padding:6px 0 0 50px; color:#999;}
.aD:hover .dL,.aD:active .dL{background:#FF0000;}
.aD:hover .dR,.aD:active .dR{border-bottom:1px solid #CCC;}
.aD:hover .dL span,.aD:active .dL span{background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; width:100%; height:100%;}
.aD:hover .dL .day,.aD:active .dL .day{padding-top:150px;}
.aD:hover .dL img,.aD:active .dL img{top:50%; margin:-24px 0 0 -24px;}

.clear{clear:both; float:none; height:0; font-size:0;}

.newsLs{display:block; margin-bottom:46px;}
.newsLs .img{width:240px; height:170px; background:url(images/news.png) no-repeat center center; float:left; position:relative; overflow:hidden;}
.newsLs .img span{position:absolute; z-index:2; left:50%; top:50%; width:0; height:0; background:rgba(0,0,0,0); transition:all ease 0.4s;}
.newsLs .img img.photo{width:100%; height:100%; position:absolute; z-index:1; left:0; top:0; overflow:hidden;}
.newsLs .img img.icon{position:absolute; z-index:3; left:50%; top:50%; width:100px; height:100px; margin:-50px 0 0 -50px; transition:all ease-in 0.5s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.newsLs .cons{width:890px; float:right;}
.newsLs .time{color:#888; font-style:italic; font-size:13px; padding:19px 0 0 0;}
.newsLs .tit{font-size:18px; padding:25px 0 12px 0;}
.newsLs .txt{color:#999; line-height:160%;}
.newsLs:hover .photo,.newsLs:active .photo{-webkit-filter:blur(3px); -moz-filter:blur(3px); -ms-filter:blur(3px); filter:blur(3px);}
.newsLs:hover span,.newsLs:active span{left:0; width:100%; top:0; height:100%; background:rgba(0,0,0,0.5);}
.newsLs:hover .img .icon,.newsLs:active .img .icon{width:48px; height:48px; margin:-24px 0 0 -24px; transform:rotateX(360deg); -webkit-transform:rotateX(360deg); -moz-transform:rotateX(360deg); filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.pagebtn{padding:7px 25px !important;}
.trunpage{padding:7px 15px !important;}

#newsprev{width:330px; height:80px; float:left; display:block; cursor:pointer;}
#newsprev img{height:60px; width:86px; float:right; margin-top:12px;}
#newsprev p{
	width:230px; height:60px; margin-top:12px; float:left; text-align:right; color:#333; font-size:13px; font-style:italic; transition:all 0.4s;
	display:box; display:-webkit-box; display:-moz-box; 
	-webkit-box-pack:center; -moz-box-pack:center; -webkit-box-align:center; -moz-box-align:center;
}
#newsprev:hover p,#newsprev:active p{color:#EC0000; width:220px;}

#newsnext{width:330px; height:80px; float:right; display:block; cursor:pointer;}
#newsnext img{height:60px; width:86px; float:left; margin-top:12px;}
#newsnext p{
	width:230px; height:60px; margin-top:12px; float:right; color:#333; font-size:13px; font-style:italic; transition:all 0.4s;
	display:box; display:-webkit-box; display:-moz-box; 
	-webkit-box-pack:start; -moz-box-pack:start; -webkit-box-align:center; -moz-box-align:center;
}
#newsnext:hover p,#newsnext:active p{color:#EC0000; width:220px;}

#newsback{width:100px; height:80px; float:left; margin-left:30px; display:block; border:1px solid #E6E6E6; cursor:pointer; line-height:80px; text-align:center; border-radius:5px; transition:all 0.4s;}
#newsback:hover,#newsback:active{border:1px solid #CCC; background:#F6F6F6;}

#product{width:1200px; padding-bottom:40px;}
#product li{float:left; width:260px; margin-right:40px; margin-top:40px; border: 1px solid #ddd;box-sizing: border-box;}
#product li.clear{width:100%; clear:both; float:none; height:0; font-size:0; border: 0; background:none; margin:5px;}
#product li a{display:block; overflow:hidden; transition:all ease 0.3s;}
#product li a .img{width:100%; height:315px; position:relative; overflow:hidden;}
#product li a .img .photo{width:100%; height:100%;}
#product li a .img .tit{
	position:absolute; height:60px; width:240px; padding:0 10px 3px 10px; text-align:center; overflow:hidden; background:rgba(0,0,0,0.4); display:block; left:0; bottom:0; color:#FFF; font-size:13px;
	display:box; display:-webkit-box; display:-moz-box; 
	-webkit-box-pack:center; -moz-box-pack:center; -webkit-box-align:center; -moz-box-align:center;
	transition:all ease 0.5s; text-transform:capitalize;
}
#product li a .img .more{background:rgba(236,0,0,0.8); position:absolute; width:100%; height:63px; left:0; bottom:-83px; font-size:14px; transition:all ease 0.4s; z-index:4; text-align:center; line-height:61px; color:#FFF;}
#product li a .img .more img{vertical-align:middle; margin:-2px 0 0 12px;}
#product li a:hover .tit,#product li a:active .tit{height:320px; background:rgba(0,0,0,0.6); font-size:15px;}
#product li a:hover .more,#product li a:active .more{bottom:0;}
#product li a:hover,#product li a:active{box-shadow:0 5px 16px rgba(0,0,0,.36);}

#pp_L{width:250px; padding:30px 20px 30px 20px; float:left;}
#pp_R{width:820px; margin-top:6px; float:right;}

#prolist{width:900px; padding-bottom:40px;}
#prolist li{width:236px; float:left; margin-right:40px; margin-top:40px;}
#prolist li.clear{width:100%; clear:both; float:none; height:0; font-size:0; background:none; margin:5px;}
#prolist li a{display:block; border:1px solid #E6E6E6; position:relative; width:234px; height:280px; overflow:hidden;}
#prolist li a .img{width:200px; height:200px; margin:17px auto 17px auto;}
#prolist li a .img img{width:200px; height:200px;}
#prolist li a .txt{
	min-height:36px; background:#EEE; width:198px; padding:7px 10px 10px 10px; position:absolute; left:8px; bottom:10px; transition:all 0.4s; text-align:center; text-transform:capitalize;
	display:box; display:-webkit-box; display:-moz-box;
	-webkit-box-pack:center; -moz-box-pack:center; -webkit-box-align:center; -moz-box-align:center;
}
#prolist li a:hover .txt,#prolist li a:active .txt{width:218px; left:0; bottom:0; min-height:270px; background:rgba(0,0,0,0.5); color:#FFF;}
#prolist li a .more{background:rgba(236,0,0,0.8); position:absolute; width:0; height:0; left:50%; bottom:23px; transition:all ease 0.35s; z-index:4; text-align:center; line-height:51px; color:#FFF;}
#prolist li a:hover .more,#prolist li a:active .more{bottom:10px; left:8px; width:218px; height:53px;}

.prolist_side li a{font-size:13px;}
.prolist_side_son{padding-top:10px !important; padding-bottom:10px !important;}
.prolist_side_son li a{font-size:12px;}
.prolist_side li a.A{color:#EC0000 !important;}
.prolist_side_son li a.A{border-left:1px solid #EC0000 !important;}
.prolist_side_son li a.A{color:#EC0000 !important;}

#breadCrumb{padding:20px; background:#EEE; line-height:160%;}
#breadCrumb a{text-transform:capitalize;}
#breadCrumb a:last-child{font-size:14px; font-style:italic; color:#23BFE9;}

#pp_info_l{width:300px; float:left; text-align:center; margin-top:30px;}
#pp_info_r{width:480px; height:360px; float:right; margin-top:45px; position:relative;}
#pro_tit{font-size:24px; color:#333; font-family:'DIN Next W01 Bold'}

#pro_img_list_l,#pro_img_list_r{border-radius:3px;}
#pro_do{margin-top:50px;}
#pro_do p{margin-bottom:18px;}
#pro_do p img{margin:-2px 8px auto auto; vertical-align:middle;}
#pro_pdf{border:1px solid #E6E6E6; padding:0 20px 0 45px; height:58px; line-height:56px; margin-top:80px; border-radius:3px; overflow:hidden; background:url(images/icon_pdf.png) no-repeat 20px 19px; position:absolute; right:0; bottom:0; width:414px;}
#pro_pdf strong{color:#333; display:inline-block; padding-right:8px;}
#pro_pdf a{color:#23BFE9; font-size:13px; font-style:italic;}
#pro_pdf a:hover,#pro_pdf a:active{text-decoration:underline;}
#pro_tags .tags_title{border-bottom:1px solid #E6E6E6 !important; padding-bottom:12px; padding-left:22px; font-size:16px; font-style:italic; color:#EC0000 !important; background:url(images/icon_arrow.png) no-repeat left 10px; background-color:#FFF; }
#pro_tags .tags_content{margin-top:18px; margin-bottom:30px; line-height:170%; font-size:13px;}
#pro_tags .tags_content *{line-height:170%; margin:0; padding:0; margin-bottom:20px;}
#pro_tags .tags_content ime{max-width:100%;}



#ourservice{ width:1160px; margin:50px auto 56px auto; min-height:344px;}
#ourservice>.title{font-size: 30px; font-weight: bold; color: #333;}
#ourservice>.content{padding: 50px 0; margin:  0 auto;}
#ourservice>.content .tags_title{ position: relative; background: none; border-bottom: 0; color: #333; font-size: 20px;padding:10px 0; }
#ourservice>.content .tags_title:after{position: absolute;z-index: 10; left: 0;bottom: 0;width: 40px;height: 2px; background: #EC0000; content: '';}
#ourservice>.content .tags_content{padding: 20px 0; font-size: 16px; color: #666; line-height: 28px;}
#ourservice>.content .tags_content>p{display: block; margin-bottom: 20px;}

#faq{ width:1160px; margin:50px auto 56px auto; min-height:344px;}
#faq>.title{font-size: 30px; font-weight: bold; color: #333;}
#faq>.list{margin: 0 auto; padding: 50px 0;}
#faq>.list li{ position: relative; display: block;margin: 30px auto;}
#faq>.list li>.num{ position: absolute;z-index: 10; left: 0;top: 25px; width: 60px;height: 60px; line-height: 60px; background: #fff; color: #999; font-size: 25px;font-weight: bold;text-align: center; box-shadow: 0 0 5px rgba(0,0,0,.2);transition: all .35s;}
#faq>.list li>.box{ border: 1px solid #ddd; box-sizing: border-box;padding: 30px 50px; width: 96%; float: right;}
#faq>.list li>.box>.tit{font-size: 18px; color: #333; font-weight: bold;}
#faq>.list li>.box>.txt{ padding-top: 10px; font-size: 16px; color: #666; line-height: 20px;}
#faq>.list li:hover>.tit{color: #EC0000;}
#faq>.list li:hover>.num{background: #EC0000; color: #fff;}



#oemodm{ width:1160px; margin:50px auto 56px auto; min-height:344px;}
#oemodm>.title{font-size: 30px; font-weight: bold; color: #333;}
#oemodm>.content{padding: 50px 0; margin:  0 auto;}
#oemodm>.content .tags_title{ position: relative; background: none; border-bottom: 0; color: #333; font-size: 20px;padding:10px 0; }
#oemodm>.content .tags_title:after{position: absolute;z-index: 10; left: 0;bottom: 0;width: 40px;height: 2px; background: #EC0000; content: '';}
#oemodm>.content .tags_content{padding: 20px 0; font-size: 16px; color: #666; line-height: 28px;}
#oemodm>.content .tags_content>p{display: block; margin-bottom: 20px;}

#case{ width:1160px; margin:50px auto 56px auto; min-height:344px;}
#case>.title{font-size: 30px; font-weight: bold; color: #EC0000;}
#case>.content{padding: 50px 0; margin:  0 auto;font-size: 16px; color: #666; line-height: 28px;}
#case>.content>p{display: block; margin-bottom: 20px;}
#case>.content img{max-width: 100%;height: auto;}



#power{ width:1160px; margin:50px auto 56px auto; min-height:344px;}
#power>.title{font-size: 30px; font-weight: bold; color: #EC0000;}
#power>.content{padding: 50px 0; margin:  0 auto;font-size: 16px; color: #666; line-height: 28px;}

.block3 .wrap { margin: 17.5% auto 6% auto; text-align: center; position: relative; }
.block3 .bg { width: 75.75%; }
.block3 .cont { position: absolute; }
.block3 .cont:hover .imgW { border-color: #E50008; }
.block3 .cont:nth-child(1) { width: 17.5%; left: 26.08333%; top: 0; margin-top: -10%; }
.block3 .cont:nth-child(1) .tit { margin-top: 0; position: absolute; text-align: right; right: 100%; top: 50%; transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); width: 100%; margin-right: 20px; }
.block3 .cont:nth-child(2) { width: 17.5%; left: 55.83333%; top: 0; margin-top: -10%; }
.block3 .cont:nth-child(2) .tit { margin-top: 0; position: absolute; text-align: left; left: 100%; top: 50%; transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); width: 100%; margin-left: 20px; }
.block3 .cont:nth-child(3) { width: 21.25%; left: 0; top: 0; margin-top: 6.66667%; }
.block3 .cont:nth-child(4) { width: 21.25%; right: 0; top: 0; margin-top: 6.66667%; }
.block3 .cont:nth-child(5) { width: 26.25%; left: 50%; top: 0; margin-top: 17.91667%; transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0); }
.block3 .imgW { display: block; border: 8px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 50%; }
.block3 .imgW span { display: block; padding-top: 100%; border-radius: 50%; overflow: hidden; position: relative; }
.block3 .imgW span img { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.block3 .tit { color: #333; margin-top: 15px; display: block; }