/* CSS Document */
html {
 
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-size:14px;
  color:#444444;
   font-family: "微软雅黑", "Verdana";
}

body a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}

* { margin:0; padding:0;}

IMG {
  BORDER: 0px; VERTICAL-ALIGN: middle
}


UL,OL {
  LIST-STYLE: none
}


a:link {
	color: #444444;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #444444;
}
a:hover {
	text-decoration: none;
	color: #7F37CF;
}
a:active {
	text-decoration: none;
	color: #7F37CF;
}

a.a2:link {
	color: #ffffff;
	font-size:14px;
	text-decoration: none;
}
a.a2:visited {
	text-decoration: none;
	color: #fffffF;
}
a.a2:hover {
    font-size:16px;
	text-decoration: none;
	color: #fffffF;
}
a.a2:active {
	text-decoration: none;
	color: #fffffF;
}

.l{ text-align:left}
.r{ text-align:right}
.c{ text-align:center}

.header_logo{ width:276px; height:79px; margin:18px 0; float:left; background:url(../images/header_logo.png) center no-repeat;}
.en_header_logo{ width:358px; height:78px; margin:18px 0; float:left; background:url(../images/en_header_logo.png) center no-repeat;}
.nav{ float:right; width:690px; line-height:115px; }
.nav ul{  padding:0; margin:0;}
.nav ul li{ width:75px; float:right}
.nav ul li a{ width:75px; height:115px; float:right;text-align:center;}
.nav ul li a:hover{ color:#7F37CF; background:url(../images/menu_bg.png) center no-repeat;}
.nav ul li.active a{ width:75px; height:115px; float:right;color:#7F37CF; background:url(../images/menu_bg.png) center no-repeat; }
.nav ul li.active2 a{ width:75px; height:115px; float:right;}
.nav ul li.active2 a:hover{ color:#7F37CF; background:url(../images/menu_bg.png) center no-repeat;}
.nav ul li img{*margin-top:50px; *margin-right:20px;}


.banner{ width:100%; height:450px; float:left;}

.list_1 { width:566px; float:left; margin:50px 0;}
.list_1 .title{ width:100%; height:67px; line-height:67px; border-radius:30px 0 0 0;-moz-border-radius:30px 0 0 0; background:url(../images/list_bg1.jpg) center no-repeat; color:#ffffff; float:left; /* 老的 Firefox */}
.list_1 .title .l{float:left; width:80%;}
.list_1 .title span{ font-size:26px; font-weight:bold;}
.en_font1{font-size:22px; font-weight:bold;}
.list_1 .title i{ width:39px; height:50px; margin-left:24px; margin-top:10px; margin-right:13px; float:left; background:url(../images/list_icon1.png) center no-repeat;}
.list_1 .con3{ width:100%; height:291px; float:left; background:url(../images/list_bg1_2.jpg) center; background-size:cover;border-radius:0 0 30px 0;-moz-border-radius:0 0 30px 0; line-height:229px;}
.list_1 img{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;-webkit-transition: opacity 0.5s ease-in-out; 
-moz-transition: opacity 0.5s ease-in-out; 
-ms-transition: opacity 0.5s ease-in-out; 
-o-transition: opacity 0.5s ease-in-out; 
transition: opacity 0.5s ease-in-out;
position:relative; }
.list_1 img:hover{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

.list_2 { width:566px; float:left; margin:50px 0 50px 38px;}
.list_2 .title{ width:100%; height:67px; line-height:67px; border-radius:30px 0 0 0;-moz-border-radius:30px 0 0 0; background:url(../images/list_bg2.jpg) center no-repeat; color:#ffffff; float:left; /* 老的 Firefox */}
.list_2 .title .l{float:left; width:80%;}
.list_2 .title span{ font-size:26px; font-weight:bold;}
.list_2 .title i{ width:56px; height:34px; margin-left:24px; margin-top:18px; margin-right:13px; float:left; background:url(../images/list_icon2.png) center no-repeat;}
.list_2 .con3{ width:100%; height:281px; float:left; background:url(../images/list_bg1_2.jpg) center ; background-size:cover;border-radius:0 0 30px 0;-moz-border-radius:0 0 30px 0; line-height:229px;}
.list_2 img{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;-webkit-transition: opacity 0.5s ease-in-out; 
-moz-transition: opacity 0.5s ease-in-out; 
-ms-transition: opacity 0.5s ease-in-out; 
-o-transition: opacity 0.5s ease-in-out; 
transition: opacity 0.5s ease-in-out;
position:relative;}
.list_2 img:hover{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

.more a{ width:58px; height:13px; float:right; margin-top:27px; margin-right:16px; font-size:10px; line-height:13px; background:#ffffff;border-radius:10px;-moz-border-radius:10px;}
.more a:hover{ background:#7F37CF; color:#ffffff;}

.footer{ width:100%; height:85px; float:left; background:#4A4A4A; color:#ffffff; font-size:12px; line-height:85px;}
.footer a{ color:#ffffff; font-size:12px;}
.footer a:hover{ text-decoration:underline;}
.footer .l{ width:70%; float:left;}
.footer .r{ width:30%; float:right;}

.con{ width:100%; margin:50px 0; float:left;}
.font1{ font-size:28px; color:#7F37CF;}
.font2{ font-size:20px; color:#898998; letter-spacing:-5px;}
.font3{color:#898998;}
.pro{ width:1000px;margin-top:28px; margin-left:250px; margin-right:auto;}
.en_pro{ width:1020px;margin-top:28px; margin-left:auto; margin-right:auto; text-align:center}
.sd01 a{ width:143px; height:46px; background:#7F37CF;border-radius:15px 0 15px 0;-moz-border-radius:15px 0 15px 0; color:#ffffff; font-size:18px; text-align:center; line-height:46px; float:left;  }
.sd02 a{ width:143px; height:46px; background:#DFDFDF;border-radius:15px 0 15px 0;-moz-border-radius:15px 0 15px 0; font-size:18px; text-align:center; line-height:46px; float:left;  }
.en_sd01 a{ width:245px; height:46px; background:#7F37CF;border-radius:15px 0 15px 0;-moz-border-radius:15px 0 15px 0; color:#ffffff; font-size:14px; text-align:center; line-height:46px; float:left;  }
.en_sd02 a{ width:245px; height:46px; background:#DFDFDF;border-radius:15px 0 15px 0;-moz-border-radius:15px 0 15px 0; font-size:14px; text-align:center; line-height:46px; float:left;  }
.en_sd03 a{ width:140px; height:46px; background:#7F37CF;border-radius:15px 0 15px 0;-moz-border-radius:15px 0 15px 0; color:#ffffff; font-size:14px; text-align:center; line-height:46px; float:left;  }
.en_sd04 a{ width:140px; height:46px; background:#DFDFDF;border-radius:15px 0 15px 0;-moz-border-radius:15px 0 15px 0; font-size:14px; text-align:center; line-height:46px; float:left;  }
.hidden{display:none;}
.rollBox{ width:100%; float:left;overflow: hidden; margin-top:40px;}
.rollBox .LeftBotton 
{ 
height: 47px; 
width: 37px; 
background: url(../images/list_cp_l.png) no-repeat; 
overflow: hidden; 
float: left; 
display: inline; 
cursor: pointer;  
margin-right:33px;
margin-top:98px;
} 
.rollBox .RightBotton 
{ 
height: 47px; 
width: 37px; 
background: url(../images/list_cp_r.png) no-repeat; 
overflow: hidden; 
float: left; 
display: inline; 
margin-left:33px;
margin-top:98px;
cursor: pointer; 
} 
.rollBox .Cont 
{ 
width: 1030px;; 
overflow: hidden; 

float: left; 
} 
.rollBox .ScrCont 
{ 
width: 10000000px; 
} 
.rollBox .Cont:hover .pic{opacity:0.4;filter(alpha=40)}
.rollBox .Cont .pic 
{ width:235px; height:auto; float:left; font-size:14px; margin:0 11.3px;
-webkit-transition: opacity 0.5s ease-in-out; 
-moz-transition: opacity 0.5s ease-in-out; 
-ms-transition: opacity 0.5s ease-in-out; 
-o-transition: opacity 0.5s ease-in-out; 
transition: opacity 0.5s ease-in-out;
position:relative;
} 
.rollBox .Cont .pic:hover{opacity:1;filter(alpha=100)}
.rollBox .Cont .pic:hover img{border: 1px solid #7F37CF;}
.rollBox .Cont .pic img 
{ 
border: 1px solid #ccc; 
display: block; 
margin: 0 auto; 
width:235px;
height:178px;

} 
.rollBox .Cont .pic p 
{ 
line-height: 58px; 
} 


.rollBox #List1, .rollBox #List2 
{ 
float: left; 
} 
.rollBox_left{ width:68%; margin-left:2%; float:left; line-height:58px;}
.rollBox_right{ width:28%; margin-right:2%; float:left; line-height:58px; text-align:right}
.pro_xq{ width:100%; margin-top:47px; float:left;}
.pro_xq_l{ width:60%; float:left; margin-right:2%}
.pro_xq_l .pic_x{ width:132px; margin-right:0px; float:left}
.pro_xq_l .pic_x img{width:118px; height:89px;}

.sd001{ width:100%; margin-bottom:10px; cursor:pointer}
.sd001 .arrow{
width: 0; 
height: 0; 
border-top: 4px solid transparent; 
border-left: 6px solid #7F37CF; 
border-bottom: 4px solid transparent; 
float:right;
margin-top:44px;
margin-left:-6px;
} 
.sd001 img{ border:1px solid #7F37CF; width:235px; height:178px;}

.sd002{ width:100%; margin-bottom:10px; cursor:pointer}
.sd002 img{ border:1px solid #C6C6C6; width:235px; height:178px;} 
.sd002 .arrow{
width: 0; 
height: 0; 
border-top: 4px solid transparent; 
border-left: 6px solid #ffffff; 
border-bottom: 4px solid transparent; 
float:right;
margin-top:44px;
margin-left:-6px;
} 

.teshu{margin-bottom:0px;}
.pro_xq_l .pic_d img{ float:left; width:520px; height:394px;}

.pro_xq_r{ width:38%; float:left;}
.pro_xq_r .bt{ width:100%; float:left; border-bottom:1px solid #7F37CF;}
.pro_xq_r .bt .biaoti{ width:115px; height:33px; float:left; background:#7F37CF; line-height:33px; color:#ffffff;border-radius:10px 0 0 0;-moz-border-radius:10px 0 0 0; font-size:16px;}
.pro_xq_r p{ line-height:45px; border-bottom:1px dashed #C6C6C6; text-indent:14px; text-align:left}

.cptj{ width:100%; float:left; margin-top:20px;}
.cptj .title{ width:100%; height:57px; line-height:57px; border-radius:30px 0 0 0;-moz-border-radius:30px 0 0 0; background:url(../images/cptj_bg.jpg) center no-repeat; color:#ffffff; float:left; /* 老的 Firefox */}
.cptj .title .l{float:left; width:80%;}
.cptj .title span{ font-size:26px; font-weight:bold;}
.cptj .title i{ width:34px; height:31px; margin-left:24px; margin-top:15px; margin-right:13px; float:left; background:url(../images/cptj_icon.png) center no-repeat;}
.cptj .con2{ width:100%; height:278px; background:#E6E6E6; float:left; border-radius:0 0 30px 0;-moz-border-radius:0 0 30px 0; }
.cptj .pic{ width:235px;margin-top:35px; margin-left:20px; margin-right:20px; float:left}
.cptj .pic img{ width:235px; height:178px;  margin-right:20px;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.cptj .pic img:hover{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.cptj .pic p{ line-height:45px;}

.banner_pro{ width:100%; height:450px; float:left; background:url(../images/new_banner_1_xin.jpg) center no-repeat;}
.en_banner_pro{ width:100%; height:450px; float:left; background:url(../images/new_banner_1_xin.jpg) center no-repeat;}
.banner_about{ width:100%; height:490px; float:left; background:url(../images/banner_about.jpg) center no-repeat;}
.banner_news{ width:100%; height:490px; float:left; background:url(../images/banner_news.jpg) center no-repeat;}
.en_banner_news{ width:100%; height:490px; float:left; background:url(../images/en_banner_news.jpg) center no-repeat;}
.banner_contact{ width:100%; height:490px; float:left; background:url(../images/banner_contact.jpg) center no-repeat;}
.en_banner_contact{ width:100%; height:490px; float:left; background:url(../images/en_banner_contact.jpg) center no-repeat;}

.about_con{ width:90%; height:auto; margin-top:28px; float:left; padding-left:5%; padding-right:5%; line-height:35px; font-size:16px;}
.about_con img{ margin:0 5px;border-radius:20px 0 20px 0;-moz-border-radius:20px 0 20px 0; border:1px solid #C5C5C5;}
.about_con img:hover{ border:1px solid #7F37CF;}

.news_con{ width:90%; height:auto; margin-top:28px; float:left; padding-left:5%; padding-right:5%; line-height:35px; font-size:16px;}
.news_con ul{ margin:0; padding:0}
.news_con ul li{ width:100%; height:50px; line-height:50px; border-bottom:1px dashed #C5C5C5; float:left;}
.news_con ul li:hover{  border-bottom:1px dashed #7F37CF; }
.news_con i{ width:15px; height:15px; background:url(../images/dot.png) center no-repeat; float:left; margin-top:18px; margin-right:10px;}
.news_con span{ width:12%; float:right; color:#C5C5C5; line-height:50px;}

.contact_con{ width:90%; height:auto; margin-top:28px; float:left; padding-left:5%; padding-right:5%; line-height:35px; font-size:16px;}
.contact_con .span2{ font-size:18px; width:160px; height:50px; line-height:50px; background: #7F37CF; color:#ffffff; float:left;border-radius:20px 0 20px 0;-moz-border-radius:20px 0 20px 0;}
.contact_con_l{ width:45%; margin-right:5%; float:left;}
.contact_con_l p{ line-height:39px; float:left; margin-top:20px; width:100%;}

.contact_con_l i.i1{ width:33px; height:39px; margin-right:10px; background:url(../images/icon.png)no-repeat 0 0;float:left;}
.contact_con_l i.i2{ width:33px; height:39px; margin-right:10px; background:url(../images/icon.png)no-repeat 0 -51px;;float:left;}
.contact_con_l i.i3{ width:33px; height:39px; margin-right:10px; background:url(../images/icon.png)no-repeat 0 -105px;float:left;}
.contact_con_l i.i4{ width:33px; height:39px; margin-right:10px; background:url(../images/icon.png)no-repeat 0 -158px;float:left;}
.contact_con_l i.i5{ width:33px; height:39px; margin-right:10px; background:url(../images/icon.png)no-repeat 0 -207px;float:left;}
.contact_con_l i.i6{ width:33px; height:39px; margin-right:10px; background:url(../images/icon.png)no-repeat 0 -257px;float:left;}

.contact_con_r{ width:50%; float:left;}


div{ word-wrap: break-word;word-break: normal; }