#index-main { background: #FFFFFF; }

/**********************************************************************************************/

/* index_pro */
#index_pro { padding: 50px 0; width: 100%; }
.pro_class_l { float: left; width: 230px; }
.pro_class_l .title { width: 230px; height: 96px; background: url(../images/index-class-top.jpg) left center no-repeat; }
.pro_class_l .title h2 { font-weight: 500; font-size: 25px; text-indent: 80px; color: #fff; padding-top: 25px; }
.pro_class_l .title p { font-size: 14px; text-indent: 80px; color: #fff; }
.pro_menu { padding: 15px 0; width: 100%; background: #004BB0; }
.pro_menu li { z-index: 999; position: relative; height: 52px; border-bottom: 1px solid #005bd5; line-height: 52px; text-indent: 34px; background: url(../images/index-sanji.png) 180px center no-repeat #004bb0; }
.pro_menu li:hover { background: url(../images/index-sanji.png) 180px center no-repeat #0092dd; }
.pro_menu li.current a { color: yellow }
.pro_menu li a { color: #fff; font-size: 15px; }
.pro_menu li ul li { position: relative; text-indent: 20px; height: 50px; border-bottom: 1px solid #1bb2ff; line-height: 50px; background: url(../images/index-sanji1.png) 150px center no-repeat #0092dd; }
.pro_menu li ul li:hover { background: url(../images/index-sanji1.png) 150px center no-repeat #004bb0; }
.pro_menu li ul li ul li { position: relative; height: 40px; line-height: 40px; background: #004bb0; border-bottom: 1px solid #005bd5; text-indent: 20px; }
.pro_menu li ul li ul li:hover { background: #0092dd; }
/*1st level sub menu style */
.pro_menu li ul { left: 230px; /* Parent menu width - 1*/ position: absolute; width: 180px; /*sub menu width*/ top: 23px; display: none; }
/*All subsequent sub menu levels offset */
.pro_menu li ul li ul { position: absolute; width: 180px; /*sub menu width*/ top: 10px; width: 180px; left: 180px; /* Parent menu width - 1*/ }
.pro_class_r { width: 920px; }
.pro_class_r .title { padding-top: 25px; width: 100%; height: 55px; }
.pro_class_r .title p { float: left; font-size: 22px; color: #2C2C2C; }
.pro_class_r .title p span { font-size: 16px; color: #8C8C8C; text-transform: uppercase; }
.pro_class_r .title a { float: right; display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #FFF; }
.pro_class_r .title a em { display: block; float: left; width: 70px; background: #004BB0; }
.pro_class_r .title a i { display: block; float: right; width: 30px; background: #0092DD; }
.pro_item { width: 100%; }
.pro_item li:nth-of-type(3n) { margin-right: 0; }
.pro_item li { float: left; margin: 30px 31px 0 0; width: 286px; height: 282px; }
.pro_item li a { display: block; }
.pro_item li .item_img { width: 100%; height: 240px; background: #E5E5E5; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.pro_item li .item_img img { max-width: 100%; transition: all 0.5s; }
.pro_item li .item_info { width: 100%; height: 40px; }
.pro_item li .item_info p { padding: 0 15px; line-height: 40px; text-align: center; font-size: 14px; color: #323232; background: #E5E5E5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all 0.5s; }
.pro_item li:hover .item_img img { transform: scale(1.1); }
.pro_item li:hover .item_info p { color: #FFF; background: #004BB0; }

/* index_adv */
#index_adv { padding: 50px 0; width: 100%; background: #F1F1F1; }
.adv_title { padding-left: 70px; width: 420px; margin: 0 auto; background: url(../images/index-s.png) left center no-repeat; height: 96px }
.adv_title .p1 { padding-top: 32px; line-height: 30px; font-size: 20px; }
.adv_title .p1 span { text-transform: uppercase; font-family: Courier New; font-size: 18px; }
.adv_title .p2 { line-height: 25px; font-size: 14px; color: #777; }
.adv_content { padding-top: 40px; width: 100%; }
.adv_content ul li { float: left; margin-left: 20px; width: 182px; height: 203px; background-color:; border: 1px solid #E0E0E0; transition: all 0.5s; }
.adv_content ul li:nth-of-type(1) { background: #FFF url(../images/index-ser1-1.png) no-repeat center top 35px; }
.adv_content ul li:nth-of-type(2) { background: #FFF url(../images/index-ser2-1.png) no-repeat center top 35px; }
.adv_content ul li:nth-of-type(3) { background: #FFF url(../images/index-ser3-1.png) no-repeat center top 35px; }
.adv_content ul li:nth-of-type(1):hover { background: #004BB0 url(../images/index-ser1.png) no-repeat center top 35px; }
.adv_content ul li:nth-of-type(2):hover { background: #004BB0 url(../images/index-ser2.png) no-repeat center top 35px; }
.adv_content ul li:nth-of-type(3):hover { background: #004BB0 url(../images/index-ser3.png) no-repeat center top 35px; }
.adv_content ul li p { padding-top: 135px; text-align: center; font-size: 18px; color: #696969; transition: all 0.5s; }
.adv_content ul li:hover p { color: #FFF; }

/* index_about */
#index_about { padding: 50px 0; width: 100%; background: #1E5FC5; }
.about_title { padding-left: 80px; width: 420px; margin: 0 auto; background: url(../images/index-a.png) left center no-repeat; height: 96px }
.about_title .p1 { padding-top: 32px; line-height: 30px; font-size: 20px; color: #FFF }
.about_title .p1 span { text-transform: uppercase; font-family: Courier New; font-size: 18px; }
.about_title .p2 { line-height: 25px; font-size: 14px; color: #FFF; }
.about_content { margin-top: 50px; width: 100%; background: #FFF; }
.about_content .about_info { padding: 40px; width: 48%; }
.about_content .about_info .title { padding-bottom: 15px; line-height: 30px; font-size: 22px; color: #333; }
.about_content .about_info .content { width: 100%; height: auto; line-height:
	30px; font-size: 14px; color: #777; overflow: hidden; }
.about_content .about_img {padding:20px 20px 20px 0; width: 48%; text-align: right; }
.about_content .about_img img{width: 100%;}

/* index_case */
#index_case { padding: 50px 0; width: 100%; }
.case_title { padding-left: 70px; width: 420px; margin: 0 auto; background: url(../images/index-c.png) left center no-repeat; height: 96px }
.case_title .p1 { padding-top: 32px; line-height: 30px; font-size: 20px; }
.case_title .p1 span { text-transform: uppercase; font-family: Courier New; font-size: 18px; }
.case_title .p2 { line-height: 25px; font-size: 14px; color: #777; }
.index-case2 { padding-top: 40px; width: 1400%; }
.picScroll-left { width: 1200px; position: relative; }
.picScroll-left .hd { height: 40px; width: 388px; margin: 0 auto; line-height: 40px; margin-top: 65px; }
.picScroll-left .hd .prev { display: block; width: 90px; height: 38px; float: right; margin-right: 5px; cursor: pointer; }
.picScroll-left .hd .next { display: block; width: 90px; height: 38px; float: left; margin-right: 5px; cursor: pointer; }
.picScroll-left .hd .prevStop { background-position: -60px 0; }
.picScroll-left .hd .nextStop { background-position: -60px -50px; }
.picScroll-left .hd ul { float: left; zoom: 1;; zoom: 1; margin-left: 10px }
.picScroll-left .hd ul li { float: left; width: 40px; height: 40px; margin-right: 5px; text-align: center; color: #fff; cursor: pointer; background: #929292; }
.picScroll-left .hd ul li.on { background: #004bb0; }
.picScroll-left .bd { }
.picScroll-left .bd ul { zoom: 1; }
.picScroll-left .bd ul li { float: left; display: inline; width: 284px; margin-right: 24px; text-align: center; position: relative; height: 290px }
.picScroll-left .bd ul li .pic { text-align: center; }
.picScroll-left .bd ul li .pic img { width: 284px; height: 211px; display: block; }
.picScroll-left .bd ul li .pic a:hover img { border-color: #999; }
.picScroll-left .bd ul li .title { height: 58px; line-height: 58px; background: #004bb0 }
.picScroll-left .bd ul li .title a { color: #fff }
.index-case3 { position: absolute; top: 252px; left: 121px; width: 35px; height: 35px; -webkit-transition: -webkit-transform 0.5s ease-out; }
.picScroll-left .bd ul li:hover .index-case3 { transform: rotateZ(360deg); }

/* index_news */
#index_news { padding-bottom: 50px; width: 100%; }
.news_title { padding-left: 70px; width: 420px; margin: 0 auto; background: url(../images/index-c.png) left center no-repeat; height: 96px }
.news_title .p1 { padding-top: 32px; line-height: 30px; font-size: 20px; }
.news_title .p1 span { text-transform: uppercase; font-family: Courier New; font-size: 18px; }
.news_title .p2 { line-height: 25px; font-size: 14px; color: #777; }
.index-news2 { padding-top: 50px; width: 100%; }
.index-news2 ul li:nth-of-type(2n) { margin-right: 0; }
.index-news2 ul li { float: left; margin: 0 30px 27px 0; width: 585px; background: #eee; height: 113px; }
.index-news2 ul li .news-1 {display: none; float: left; width: 103px; height: 78px; margin: 18px 18px 18px 15px }
.index-news2 ul li .news-1 img { width: 103px; height: 78px }
.index-news2 ul li .news-2 { float: left; width: 470px; height: 78px; margin:0 20px }
.index-news2 ul li .news-2 h2 { font-weight: 500; font-size: 16px; color: #2c2c2c; margin-top: 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.index-news2 ul li .news-2 p { color: #6f6f6f; font-size: 12px; margin-top: 10px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.index-news2 ul li .news-3 { float: left; width: 55px; height: 88px; background: url(../images/index-news1.png) center 28px no-repeat; -webkit-transition: -webkit-transform 0.5s ease-out; }
.index-news2 ul li:hover { background: #004bb0 }
.index-news2 ul li:hover h2 { color: #FFF }
.index-news2 ul li:hover p { color: #FFF }
.index-news2 ul li:hover .news-3 { background: url(../images/index-news2.png) center 28px no-repeat; transform: rotateY(360deg); }