@charset "utf-8";
html, body, p {
	margin: 0;padding: 0;border: 0;}

a{ text-decoration: none;}

/*红色:#e60012; 线色color:#dbdbdb; 深色: #333333;  */
html{ overflow-y:auto; overflow-x:hidden;}
body{ min-width:1200px;font-family: \5FAE\8F6F\96C5\9ED1,'Arial'; font-size: 14px; line-height:24px; color: #646464; position: relative;}

a{ cursor: pointer; color: #646464;}
a:hover{ transition: 0.4s;-moz-transition:  0.4s;	-webkit-transition:  0.4s;-o-transition:  0.4s; }
*:focus{ outline:none;}








.sy_big_bt1{ text-align:center; font-size:36px; height:70px; line-height:70px; color:#fff; background:url(../Image/btbg_15.png) no-repeat center  center;}
.sy_big_bt2{ text-align:center; font-size:60px; height:70px; line-height:70px; color:#333; background:url(../Image/btbg_18.png) no-repeat center  center;}

.sy_solution{ height:818px; padding-top:70px; color:#fff; font-size:16px; line-height:26px;}
.sy_solution .txt_p{ width:765px; margin: 25px auto 90px; text-align:center; color:#fff;}

.sy_solution .rotatebox{ position:relative;}
.sy_solution .rotatebox .quan{ position: relative; width:421px; height:421px; margin:0 auto;}
.sy_solution .rotatebox .quan .img_rotate{width:421px; height:421px; display:block; position:relative; z-index:1;}
.sy_solution .rotatebox .quan .center_circle{ width:210px; height:210px; position: absolute; top:105px; left:105px; background:url(../Image/center_circle.png); z-index:4; text-align:center;}
.sy_solution .rotatebox .quan .div_t{ position: absolute; left:0; top:0;width:421px; height:421px; z-index:3;}
.sy_solution .rotatebox .quan .div_t div{ font-size:18px; position:absolute; height:60px; line-height:60px;  white-space:nowrap; display:block; z-index:5; cursor:pointer;}
.sy_solution .rotatebox .quan .sp1{ text-align:right; top:14px; right:293px;padding:0px 40px 0px 20px; }
.sy_solution .rotatebox .quan .sp6{ text-align:left; top:14px; left:293px;padding:0px 20px 0px 40px; }
.sy_solution .rotatebox .quan .sp2{ text-align:right; top:180.5px; right:390px;padding:0px 40px 0px 20px; }
.sy_solution .rotatebox .quan .sp5{ text-align:left; top:180.5px; left:390px;padding:0px 20px 0px 40px;}
.sy_solution .rotatebox .quan .sp3{ text-align:right; bottom:14px; right:293px;padding:0px 40px 0px 20px; }
.sy_solution .rotatebox .quan .sp4{ text-align:left; bottom:14px; left:293px;padding:0px 20px 0px 40px;}
.sy_solution .rotatebox .quan .div_t div.current p{ font-weight:bold;}
.sy_solution .rotatebox .quan .div_t div p a{ display:block; color:#fff;}
.sy_solution .rotatebox .quan .sp1.current{ background:url(../Image/whiteline.jpg) no-repeat left center;}
.sy_solution .rotatebox .quan .sp6.current{background:url(../Image/whiteline.jpg) no-repeat right center;}
.sy_solution .rotatebox .quan .sp2.current{background:url(../Image/whiteline.jpg) no-repeat left center;}
.sy_solution .rotatebox .quan .sp5.current{background:url(../Image/whiteline.jpg) no-repeat right center;}
.sy_solution .rotatebox .quan .sp3.current{background:url(../Image/whiteline.jpg) no-repeat left center;}
.sy_solution .rotatebox .quan .sp4.current{background:url(../Image/whiteline.jpg) no-repeat right center;}

.sy_solution .rotatebox .quan .div_t div .chuan{ display:none;}
.sy_solution .rotatebox .quan .center_circle img{ display:block; width:100px; height:auto; margin:30px auto 20px;}
.sy_solution .rotatebox .quan .center_circle a{ display:block; width:210px; height:210px; overflow:hidden;}
.sy_solution .rotatebox .quan .center_circle a span{ display:inline-block;*display:inline; *zoom:0;  color:#e60012;}
.sy_solution .rotatebox .quan .center_circle a:hover{ text-decoration:underline;}